{"id":23739133,"url":"https://github.com/trendmicro-frontend/modernweb2019","last_synced_at":"2025-10-09T01:11:40.479Z","repository":{"id":66056663,"uuid":"204686265","full_name":"trendmicro-frontend/modernweb2019","owner":"trendmicro-frontend","description":"[Modern Web 2019] 趨勢科技 - 誰是效能王","archived":false,"fork":false,"pushed_at":"2019-08-29T06:03:42.000Z","size":310,"stargazers_count":2,"open_issues_count":1,"forks_count":18,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-10-09T01:06:19.734Z","etag":null,"topics":["final-form","optimization","react","subscription"],"latest_commit_sha":null,"homepage":"https://trendmicro-frontend.github.io/modernweb2019/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/trendmicro-frontend.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-08-27T11:13:22.000Z","updated_at":"2019-08-28T05:21:46.000Z","dependencies_parsed_at":null,"dependency_job_id":"a5c2d791-dbf7-4381-9325-7628ee662ef9","html_url":"https://github.com/trendmicro-frontend/modernweb2019","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/trendmicro-frontend/modernweb2019","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trendmicro-frontend%2Fmodernweb2019","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trendmicro-frontend%2Fmodernweb2019/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trendmicro-frontend%2Fmodernweb2019/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trendmicro-frontend%2Fmodernweb2019/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/trendmicro-frontend","download_url":"https://codeload.github.com/trendmicro-frontend/modernweb2019/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/trendmicro-frontend%2Fmodernweb2019/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279000722,"owners_count":26082894,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-08T02:00:06.501Z","response_time":56,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["final-form","optimization","react","subscription"],"created_at":"2024-12-31T09:32:59.531Z","updated_at":"2025-10-09T01:11:40.474Z","avatar_url":"https://github.com/trendmicro-frontend.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [Modern Web 2019] 趨勢科技 - 誰是效能王\n\nDemo: https://trendmicro-frontend.github.io/modernweb2019\n\n[![image](https://user-images.githubusercontent.com/447801/63767651-cf808480-c900-11e9-8266-457dd8a4ac03.png)](https://trendmicro-frontend.github.io/modernweb2019)\n\n# 活動說明\n* 針對題目範例做表單效能優化，減少重繪次數，現場工作人員驗證後會將結果即時更新在英雄榜。\n* 活動期間：2019/8/28 9:00 到 2019/8/29 14:00\n* 請在活動時間內完成解題，並到趨勢科技櫃台將答案連結交由工作人員驗證，前20名答題者將贈送趨勢科技專屬精美贈品。\n\n# 活動流程\n\n1. 參賽者根據海報上的資訊取得此[專案網址](https://github.com/trendmicro-frontend/modernweb2019)，並 **Fork** 回參賽者的 GitHub 帳號下作答。\n\n2. 參賽者將修改過後的結果 push 回 Fork 的專案中，並且用 GitHub Page 建立 demo site。\n\n3. 參賽者將 Fork 的專案網址連同 demo site 提供給趨勢科技攤位的工作人員，並留下參賽者的姓名及聯絡方式。\n\n4. 驗證方式：\n    * 用現場工作人員準備的電腦打開參賽者的 GitHub 專案和 demo site\n    * 按下 Reset 重製表單\n    * 在前 10 筆文字欄位輸入任意資料\n    * 確認按下 Submit 可以看到輸入完成的表單資料\n    * 確認 form render count 不大於 2\n\n## Setup\n\n1. Fork the repository.\n\n2. Run `npm run start` to run a local development server.\n\n3. Run `npm run build` to build production code and push the changes to your forked repository.\n\n```sh\n$ npm run build\n\n\u003e moderbweb2019@1.0.0 build /home/modernweb2019\n\u003e cross-env PUBLIC_URL=\".\" react-scripts build\n\nCreating an optimized production build...\nCompiled successfully.\n\nFile sizes after gzip:\n\n  69.64 KB  build/static/js/2.0557ffbf.chunk.js\n  3.35 KB   build/static/css/2.7b50253e.chunk.css\n  1.95 KB   build/static/js/main.933389c1.chunk.js\n  763 B     build/static/js/runtime~main.d653cc00.js\n\nThe project was built assuming it is hosted at ./.\nYou can control this with the homepage field in your package.json.\n\nThe build folder is ready to be deployed.\n\nFind out more about deployment here:\n\n  https://bit.ly/CRA-deploy\n\n\n\u003e moderbweb2019@1.0.0 postbuild /home/modernweb2019\n\u003e rm -rf docs \u0026\u0026 mv build docs || move build docs\n```\n\n4. Go to **Settings \u003e GitHub Pages** and use the `/docs` folder for GitHub Pages.\n    ![image](https://user-images.githubusercontent.com/447801/63767255-b6c39f00-c8ff-11e9-8caf-f5cde1a59829.png)\n\n5. Copy the URL of your published site and update the link in README.md or in the repository's website.\n    ![image](https://user-images.githubusercontent.com/447801/63767258-b9be8f80-c8ff-11e9-8a0a-1967c9496ee3.png)\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftrendmicro-frontend%2Fmodernweb2019","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftrendmicro-frontend%2Fmodernweb2019","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftrendmicro-frontend%2Fmodernweb2019/lists"}