{"id":13842473,"url":"https://github.com/ihtml5/50weekly","last_synced_at":"2025-04-04T21:09:08.637Z","repository":{"id":45771515,"uuid":"95717643","full_name":"ihtml5/50weekly","owner":"ihtml5","description":"50weekly 发现高质量的前端资源","archived":false,"fork":false,"pushed_at":"2023-02-26T06:20:44.000Z","size":1090,"stargazers_count":602,"open_issues_count":0,"forks_count":78,"subscribers_count":84,"default_branch":"master","last_synced_at":"2025-03-28T20:08:11.011Z","etag":null,"topics":["css","es6","javascript","lit","preact","react","react-native","redux","vue"],"latest_commit_sha":null,"homepage":"http://ihtml5.github.io/50weekly","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ihtml5.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-06-28T22:42:39.000Z","updated_at":"2025-03-21T03:13:57.000Z","dependencies_parsed_at":"2024-01-13T17:57:00.263Z","dependency_job_id":"d83d267f-2f1c-4cfd-b2fe-890ce79d31c0","html_url":"https://github.com/ihtml5/50weekly","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ihtml5%2F50weekly","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ihtml5%2F50weekly/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ihtml5%2F50weekly/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ihtml5%2F50weekly/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ihtml5","download_url":"https://codeload.github.com/ihtml5/50weekly/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247249529,"owners_count":20908212,"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","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":["css","es6","javascript","lit","preact","react","react-native","redux","vue"],"created_at":"2024-08-04T17:01:36.300Z","updated_at":"2025-04-04T21:09:08.620Z","avatar_url":"https://github.com/ihtml5.png","language":null,"readme":"# 50weekly\n发现有价值的前端资源\n\n### 本周刊囊括以下内容\n+ react生态包括react, redux, react-router, react-native等\n+ vue.js angularjs\n+ 移动web\n+ 小程序\n+ 构建工具包括webpack\n+ nodejs\n\n### 贡献指南\n+ fork本项目\n+ 发起pr\n\n### 第四十二周[最新]\n1. [玩转 Chrome DevTools，定制自己的调试工具](https://zhuanlan.zhihu.com/p/556016911)\n2. [Implementing Server-Driven UI Architecture on the Shop App](https://shopify.engineering/server-driven-ui-in-shop-app)\n3. [CLUI: Building a Graphical Command Line](https://blog.replit.com/clui)\n4. [Islands Architecture](https://jasonformat.com/islands-architecture/)\n5. [基于 pnpm + changesets 的 monorepo 最佳实践](https://juejin.cn/post/7181409989670961207)\n6. [Server-driven UI (or Backend driven UI) strategies](https://github.com/MobileNativeFoundation/discussions/discussions/47)\n7. [前端通用组件](https://zhuanlan.zhihu.com/p/609407715)\n\n### 第四十一周\n1. [p-queue 强大易用的并发控制库](https://github.com/sindresorhus/p-queue)\n2. [dtracker 通用前端网络请求拦截库 支持Ajax，Fetch，Image，navigator.sendBeacon等请求。常用于接口异常监控，数据上报，数据旁路等场景](https://github.com/ihtml5/dtracker)\n3. [性能提升30%以上, JDHybrid h5加载优化实践](https://juejin.cn/post/7120045012494057479)\n4. [An Introduction to Multithreading in Node.js](https://blog.appsignal.com/2022/07/20/an-introduction-to-multithreading-in-nodejs.html)\n5. [React技术揭秘](https://react.iamkasong.com/)\n6. [reactjs-interview-questions](https://github.com/sudheerj/reactjs-interview-questions)\n7. [Inside look at modern web browser 浏览器内部实现](https://developer.chrome.com/blog/inside-browser-part1/)\n8. [Superstate：一个新的“微”状态管理库](https://superstate.dev/)\n\n### 第四十周\n1. [小众领域：我所了解的编辑器](https://juejin.cn/post/7047420800193789988)\n2. [bun 令人难以置信的快速 JavaScript 运行时、捆绑器、转译器和包管理器 - 合二为一。](https://github.com/oven-sh/bun)\n3. [Javascript数据结构和算法](https://github.com/loiane/javascript-datastructures-algorithms)\n4. [Million 是一个轻量级 (\u003c1kb) 虚拟 DOM。它非常快，并且可以轻松创建用户界面。](https://github.com/aidenybai/million)\n5. [Macaron 是一个可视化创建 Web 组件的开源设计工具](https://github.com/macaron-elements/macaron)\n6. [appsmith 用于构建管理面板、内部工具和仪表板的低代码项目。与 15 多个数据库和任何 API 集成。](https://github.com/appsmithorg/appsmith)\n7. [Responsively App Web 开发人员必备的开发工具，可实现更快的响应式 Web 开发](https://github.com/responsively-org/responsively-app)\n\n### 第三十九周\n1. [mdebug 新一代移动web开发工具](https://github.com/tnfe/mdebug/)\n2. [web components weekly](https://github.com/ihtml5/wc-weekly)\n3. [8个有效的基础web设计原则](https://dev.to/imiahazel/8-fundamental-principles-of-effective-web-design-196l)\n4. [A Vue.js component to lazy load an image automatically when it enters the viewport using the Intersection Observer API.](https://github.com/alexjoverm/v-lazy-image)\n5. [Next.js 11.1 Released](https://nextjs.org/blog/next-11-1)\n6. [使用 ImageKit 响应图像裁剪和转换](https://imagekit.io//blog/image-cropping-in-react-application/?utm_source=Cooperpress\u0026utm_medium=email\u0026utm_campaign=Reactstatus_newsletter\u0026utm_content=PrimaryLink_Serverlessimagetransformations)\n7. [Google Flutter 现在在开发使用中与 Facebook 的 React Native 竞争](https://thenewstack.io/google-flutter-now-rivals-facebooks-react-in-developer-use/)\n8. [React Native 0.65 版本发布](https://reactnative.dev/blog/2021/08/17/version-065)\n\n### 第三十八周\n1. [Web上的分享API](https://css-tricks.com/how-to-use-the-web-share-api/)\n2. [Webpack 5 正式发布](https://zhuanlan.zhihu.com/p/265487322)\n3. [FFCreator 一个基于node.js的极速短视频加工库](https://github.com/tnfe/FFCreator)\n4. [sql.js 1.4: A Library to Run SQLite on the Web](https://github.com/sql-js/sql.js)\n5. [Memoization and React](https://epicreact.dev/memoization-and-react/)\n6. [Node.js 14.15.0 'Fermium' (LTS) 发布](https://nodejs.org/en/blog/release/v14.15.0/)\n\n### 第三十七周\n1. [Node.js 在企业中的应用实践集锦](https://zhuanlan.zhihu.com/p/100071394)\n2. [Streams, Piping, and Their Error Handling in Node.js](https://medium.com/javascript-in-plain-english/streams-piping-and-their-error-handling-in-nodejs-c3fd818530b6)\n3. [Docker for Node.js Projects From a Docker Captain](https://couponos.me/coupon/docker-mastery-for-nodejs/)\n4. [jscalpel 一款强大易用的对象分析工具](https://github.com/tnfe/jscalpel)\n5. [How to improve server response time (TTFB)?](https://www.debugbear.com/blog/improve-server-response-time)\n6. [Creating an Application Performance Monitor Using Node 14 New and Experimental Features](https://medium.com/@erickwendel/node-v14-x-is-up-deep-diving-into-new-features-ace6dd89ac0b)\n\n### 第三十六周\n1. [nodejs中如何审核程序包相关性是否存在安全漏洞](https://docs.npmjs.com/auditing-package-dependencies-for-security-vulnerabilities)\n2. [全面掌握Express使用中的错误处理](https://zellwk.com/blog/express-errors/)\n3. [深入研究Node.js模块架构](https://codequs.com/p/SkLMD7OKV/deep-dive-into-node-js-module-architecture)\n4. [ESM in Node has been unflagged!](https://medium.com/the-node-js-collection/esm-in-node-has-been-unflagged-other-node-js-updates-of-this-week-46-2019-d805b5d4f93b)\n5. [Node 接入层 - 技术选型](http://sivagao.com/blog/node-gateway-choices/)\n6. [Node.js \u0026 JavaScript Testing Best Practices (2019)](https://medium.com/@me_37286/yoni-goldberg-javascript-nodejs-testing-best-practices-2b98924c9347)\n7. [前端 JavaScript 错误分析实践](https://juejin.im/post/5df3522751882512302db3ca)\n8. [How to build a CLI with Node.js](https://morioh.com/p/70b08c242678)\n9. [Build and Secure a GraphQL Server with Node.js](https://auth0.com/blog/build-and-secure-a-graphql-server-with-node-js/)\n10. [7 libraries to build Node.js CLI](https://dev.to/yvonnickfrin/7-libraries-to-build-node-js-cli-3jc7)\n\n### 第三十五周\n1. [了解Node.js中的工作线程](https://nodesource.com/blog/worker-threads-nodejs/)\n2. [ABC的JavaScript和Node.js](https://nodesource.com/blog/ABC-of-JavaScript-and-Nodejs)\n3. [NodeJ内部：V8和垃圾收集器](https://medium.com/voodoo-engineering/nodejs-internals-v8-garbage-collector-a6eca82540ec)\n4. [Node.JS Profile 1.2 V8 GC详解](https://xenojoshua.com/2018/01/node-v8-gc/)\n5. [监控和诊断–方案](https://developer.ibm.com/node/monitoring-diagnostics-scenarios/)\n6. [聊一聊状态管理\u0026Concent设计理念](https://juejin.im/post/5da7cb9cf265da5bbb1e4f8c)\n7. [ Nginx Configuration Files Parser](https://github.com/zxqfox/nginx-conf-parser)\n8. [nodejs-diagnostics-resources](https://github.com/matvi3nko/nodejs-diagnostics-resources)\n9. [JavaScript影响SEO性能的8种主要方式](https://dev.to/rachellcostello/the-8-main-ways-javascript-can-impact-seo-performance-4op7)\n\n### 第三十四周\n1. [zerker 一个基于flutter的canvas图形动画库](https://flutterkit.github.io/zerkerdocs/)\n2. [SPA Tracking \u0026 Monitoring: How to Build Better Single-Page Applications Through RUM (Real User Monitoring)](https://sematext.com/blog/tracking-and-monitoring-spa-apps/)\n3. [sampling-heap-profiler](https://github.com/v8/sampling-heap-profiler)\n4. [(have) Fun with Serverless(API Gateway \u0026 Function Compute)](https://github.com/alibaba/funcraft)\n5. [gify JavaScript API，用于使用ArrayBuffers从动画GIF解码/解析信息](https://github.com/rfrench/gify)\n6. [从头开始，彻底理解服务端渲染原理(8千字汇总长文)](https://zhuanlan.zhihu.com/p/76967335)\n7. [Node.js Under The Hood](https://hashnode.com/post/nodejs-under-the-hood-1-getting-to-know-our-tools-ck0dydu50001dxws1ebuddmx4)\n8. [w3c小程序标准](https://www.w3.org/TR/2019/WD-mini-app-white-paper-20190912/)\n9. [京东技术中台的 Flutter 实践之路](https://www.infoq.cn/article/qSLsru9bEvuHgKpPlWMP)\n10. [The story of a V8 performance cliff in React](https://v8.dev/blog/react-cliff)\n\n### 第三十三周\n1. [跟踪上下文和跟踪工具互操作性的道路](https://medium.com/@AloisReitbauer/trace-context-and-the-road-toward-trace-tool-interoperability-d4d56932369c)\n2. [使用N | Solid了解Node.js应用程序中的漏洞](https://nodesource.com/blog/understanding-vulnerabilities-in-node-js-applications-with-n-solid?utm_medium=Social\u0026utm_source=twitter\u0026utm_campaign=social)\n3. [准备好为Kubernetes准备的Node.js应用程序生产](https://banzaicloud.com/blog/nodejs-in-production/)\n4. [在新的一年开始贡献Node.js](https://dev.to/azure/start-contributing-to-nodejs-in-the-new-year-3dlh)\n5. [在使用nginx 4年后，我们转向了Caddy  - 这就是原因](https://engineering.hashnode.com/after-4-years-with-nginx-we-switched-to-caddy-here-is-why-cjxbv8eb2001ke8s1yl7ndroz)\n6. [使用PM2时正常关闭NodeJS HTTP服务器](https://dev.to/acanimal/graceful-shutdown-nodejs-http-server-when-using-pm2-44-10o0)\n7. [适用于JavaScript的Clean Code概念](https://github.com/ryanmcdermott/clean-code-javascript)\n8. [阿里前端委员会主席圆心：前端路上的思考](https://www.infoq.cn/article/bLJfJg5_Eq2yOlW5VBaP)\n9. [React 的未来：与 Suspense 共舞](https://blog.logrocket.com/the-future-of-react-unfolding-with-suspense/)\n10. [搞懂JavaScript引擎运行原理](https://segmentfault.com/a/1190000019530109)\n\n### 第三十二周\n1. [Node.js内部是如何捕获异步错误的？](https://zhuanlan.zhihu.com/p/62210238)\n2. [ThinkJS项目中React同构实践](http://gyblog.cn/post/thinkjs%26react.html)\n3. [My Tips about how to handle complex and tricky issues](https://blogs.sap.com/2014/05/01/my-tips-about-how-to-handle-complex-and-tricky-issues/)\n4. [Nodejs Knowledge Base](https://nodejs.org/zh-cn/knowledge/)\n5. [PM2 — How to Start Your App With Node.js V8 Arguments](https://futurestud.io/tutorials/pm2-how-to-start-your-app-with-node-js-v8-arguments)\n6. [pm2源码分析](https://www.jianshu.com/p/ac843b516fda)\n7. [Nodejs 线上服务稳定性保障体系](https://zhuanlan.zhihu.com/p/23778500)\n8. [Top Node.js Metrics to Monitor](https://sematext.com/blog/top-nodejs-metrics-to-watch/)\n9. [前端开发中的Error以及异常捕获](https://segmentfault.com/a/1190000017708563)\n10. [Instrumenting HTTP requests in node](https://medium.com/@tlivings/instrumenting-http-requests-in-node-5bf48c10f1c0)\n11. [https://www.quora.com/Whats-the-best-performance-monitoring-tool-for-Node-js](https://www.quora.com/Whats-the-best-performance-monitoring-tool-for-Node-js)\n\n### 第三十一周\n1. [Node.js 应用线上/线下故障、压测问题和性能调优指南手册](https://github.com/aliyun-node/Node.js-Troubleshooting-Guide)\n2. [高质量 Node.js 微服务的编写和部署](https://segmentfault.com/a/1190000006166385)\n3. [在Spectrum上流式传输服务器端渲染和缓存](https://zeit.co/blog/streaming-server-rendering-at-spectrum?nsukey=uW6M5M2uTd6F3Nc1u6tAVuAMGhbsBnpEuVplgUQLBlKevYZGGYN%2Bi1m6RocmDu%2F9367Zl71zSNn%2BkcWnaXcdX7bmeFLEyjbMMVsl5VtaBTfAvX8iNXgXMdbYWxVuuAealdKz8wkNfwEQtp4yLxknnredPgKISZUp%2BuR420YfPbpg8dW1lJMnpBMwNAJYMFZ0)\n4. [一款轻量级react服务端渲染脚手架hmbird-ssr](http://zhangdajia.com/2018/11/30/%E4%B8%80%E6%AC%BE%E8%BD%BB%E9%87%8F%E7%BA%A7react%E6%9C%8D%E5%8A%A1%E7%AB%AF%E6%B8%B2%E6%9F%93%E8%84%9A%E6%89%8B%E6%9E%B6hmbird-ssr/)\n5. [7 Hardest Node.js Interview Questions \u0026 Answers](https://dev.to/aershov24/7-hardest-nodejs-interview-questions--answers-3lje)\n6. [来自1000多个项目的十大JavaScript错误（以及如何避免它们）](https://rollbar.com/blog/top-10-javascript-errors/)\n7. [Design with JSX, powered by your own component library.](https://github.com/seek-oss/playroom)\n8. [Git的奇技淫巧](https://github.com/521xueweihan/git-tips)\n9. [Node.js streams cheatsheet](https://devhints.io/nodejs-stream)\n\n### 第三十周\n1. [Sniffing Codes in Hot Module Reloading Messages](https://blog.cal1.cn/post/Sniffing%20Codes%20in%20Hot%20Module%20Reloading%20Messages)\n2. [Referrer Policy ](https://www.w3.org/TR/referrer-policy/e)\n3. [Node.js Developer Roadmap](https://github.com/aliyr/Nodejs-Developer-Roadmap)\n4. [express框架源码分析](https://zhuanlan.zhihu.com/p/56947560)\n5. [前端同构渲染的思考与实践](https://juejin.im/post/5c821dc45188257e1f2915b1)\n6. [Webpack4+Babel7优化70%速度](https://juejin.im/post/5c763885e51d457380771ab0)\n7. [Nginx访问控制与参数调优](https://segmentfault.com/a/1190000018505993)\n8. [Lottie-前端实现AE动效](https://juejin.im/post/5c8ddddce51d4563ed1efac9)\n9. [我们刚刚发布了Create React App 3.0的第一个alpha版本](https://github.com/facebook/create-react-app/issues/6475)\n10. [Writing Resilient Components](https://overreacted.io/writing-resilient-components/)\n\n### 第二十九周\n1. [浅说虚拟列表的实现原理](https://github.com/dwqs/blog/issues/70)\n2. [ReactJS SSR分析和缓存](https://medium.com/walmartlabs/reactjs-ssr-profiling-and-caching-5d8e9e49240c)\n3. [百度 SSP 单页式应用性能优化实践](https://www.infoq.cn/article/baidu-ssp-single-page-app-performance-optimize-practice)\n4. [Vue in React, React in Vue. Seamless integration of the two](https://github.com/akxcv/vuera)\n5. [nodejs 多进程](https://segmentfault.com/a/1190000017804200)\n6. [首屏加载速度优化](https://zhuanlan.zhihu.com/p/56121620)\n7. [一篇文章构建你的 NodeJS 知识体系](https://zhuanlan.zhihu.com/p/56454078)\n8. [JavaScriptCore全面解析](https://zhuanlan.zhihu.com/p/55479666)\n9. [What Hooks Mean for Vue](https://css-tricks.com/what-hooks-mean-for-vue/)\n10. [React v16.8: The One With Hooks](https://reactjs.org/blog/2019/02/06/react-v16.8.0.html)\n\n### 第二十八周\n1. [Overreacted- React核心开发者 Dan Abramov的个人博客, 非常高质量](https://overreacted.io/)\n2. [高性能Node.js图像处理，是调整JPEG，PNG，WebP和TIFF图像大小的最快模块。 使用libvips库](https://github.com/lovell/sharp)\n3. [在线nginx配置](https://nginxconfig.io/)\n4. [为什么code review](https://sophiebits.com/2018/12/25/why-review-code.html)\n5. [微信小程序图片裁剪工具](https://github.com/we-plugin/we-cropper)\n6. [使用Angular 6进行错误处理 - 提示和最佳实践](https://scotch.io/bar-talk/error-handling-with-angular-6-tips-and-best-practices192?utm_sq=fy70wnyz6p)\n7. [使用react-hook 重写 react-redux](https://juejin.im/post/5c230aa2e51d4529355bc2e0)\n8. [quicklink：实现原理与给前端的启发](https://juejin.im/post/5c21f8435188256d12597789)\n9. [React Server Side Rendering with Koa](https://blog.lovemily.me/react-server-side-rendering-with-koa/)\n10.  [面向亿万级用户的QQ一般做什么？——兴趣部落的Web同构直出分享](https://wetest.qq.com/lab/view/348.html)\n\n### 第二十七周\n1. [First (Contentful) Paint with a touch of Perfume(.js)](https://medium.com/@zizzamia/first-contentful-paint-with-a-touch-of-perfume-js-cd11dfd2e18f)\n2. [前端必会的 Nginx入门视频教程](https://juejin.im/post/5bd7a6046fb9a05d2c43f8c7)\n3. [如何实现高性能pwa](https://school.geekwall.in/p/ryhA2HXO7/high-performance-react-progressive-web-apps)\n4. [Faster async functions and promises](https://v8.dev/blog/fast-async)\n5. [Tasks, microtasks, queues and schedules](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/)\n6. [不止代码：2019年前端工程师的未来在哪里](https://zhuanlan.zhihu.com/p/50095507)\n7. [一篇看懂 React Hooks](https://github.com/ascoders/blog/issues/29)\n8. [react是不是比vue牛皮，为什么？](https://www.zhihu.com/question/301860721/answer/535850061)\n9. [聊聊Flexbox布局中的flex的演算法](https://zhuanlan.zhihu.com/p/50449041)\n10.[官方React 16.x路线图](https://reactjs.org/blog/2018/11/27/react-16-roadmap.html)\n\n### 第二十六周\n1. [前端进阶之路-利用Jenkins快速打造前端项目自动化工作流](https://juejin.im/post/5bc000826fb9a05d330adf9d?utm_source=gold_browser_extension)\n2. [服务端渲染与 Universal React App](https://zhuanlan.zhihu.com/p/30580569)\n3. [从源码分析sentry的错误信息收集](http://niexiaotao.cn/2018/08/18/%E4%BB%8E%E6%BA%90%E7%A0%81%E5%88%86%E6%9E%90sentry%E7%9A%84%E9%94%99%E8%AF%AF%E4%BF%A1%E6%81%AF%E6%94%B6%E9%9B%86/)\n4. [每个JavaScript开发人员应该知道的33个概念](https://github.com/leonardomso/33-js-concepts#readme)\n5. [WebAssembly的后MVP未来：卡通技能树](https://hacks.mozilla.org/2018/10/webassemblys-post-mvp-future/)\n6. [SSR a \"Create React App\" the hard way](https://askmike.org/articles/react-cra-ssr-rendering-from-scratch/)\n7. [前端工程化体系](https://juejin.im/entry/5884f012128fe1006c3b6526)\n8. [大前端的技术原理和变迁史](https://juejin.im/post/5b5adc9b6fb9a04f9244555d)\n9. [内到外了解React DOM的事件处理系统](https://medium.com/the-guild/getting-to-know-react-doms-event-handling-system-inside-out-378c44d2a5d0)\n10. [React Hooks介绍](https://reactjs.org/docs/hooks-intro.html)\n\n### 第二十五周\n1. [node.js的实用进阶手册](https://github.com/maxogden/art-of-node#the-art-of-node)\n2. [令人愉快的VS Code包和资源的精选列表](https://github.com/viatsko/awesome-vscode)\n3. [Create React App 2.0发布](https://reactjs.org/blog/2018/10/01/create-react-app-v2.html)\n4. [[译] 尤雨溪：Vue 3.0 计划](https://juejin.im/post/5bb719b9f265da0ab915dbdd?utm_source=gold_browser_extension)\n5. [Webpack揭秘——走向高阶前端的必经之路](https://juejin.im/post/5badd0c5e51d450e4437f07a?utm_source=gold_browser_extension)\n6. [自定义元素简介](https://dev.to/jamesrweb/an-introduction-to-custom-elements-5327)\n7. [Node.js处理负载均衡性能：iptables和Nginx](https://school.geekwall.in/p/ryzWpBqV7/node-js-process-load-balance-performance-iptables-and-nginx)\n8. [使用Next.js构建React服务端渲染应用](https://segmentfault.com/a/1190000015578803)\n9. [基于vue-cli3.0构建功能完善的前端架子](https://juejin.im/post/5bb73b816fb9a05ce17265c2?utm_source=gold_browser_extension)\n10. [Nginx，Charles与Webpack配置前端API代理教程(超详细)](https://juejin.im/post/5bb0e6b55188255c6e707237?utm_source=gold_browser_extension)\n\n### 第二十四周\n1. [React Fiber 架构学习](https://zhuanlan.zhihu.com/p/44942360)\n2. [Nginx与前端开发](https://juejin.im/post/5bacbd395188255c8d0fd4b2)\n3. [前端安全系列（一）：如何防止XSS攻击](https://juejin.im/post/5bad9140e51d450e935c6d64)\n4. [调试第一步：让强大的console家族助你一臂之力](https://juejin.im/post/5b586ec06fb9a04fc436c9b3)\n5. [Airbnb 爱彼迎房源详情页中的 React 性能优化](https://juejin.im/entry/5bab390c5188255c8a06013f)\n6. [网站性能调优开发工具: Lighthouse, Puppeteer 以及进阶部分丨 Google 开发者大会 2018](https://juejin.im/post/5ba73d1de51d450e551a0d08)\n7. [React Podcast: Inside React](https://sophiebits.com/2018/05/29/react-podcast-inside-react.html)\n8. [一文读懂前端缓存](https://juejin.im/entry/5baef5cef265da0ad13b8c01?utm_source=gold_browser_extension)\n9. [小邵教你玩转nodejs之nodejs概念、事件环机制](https://juejin.im/post/5ba85ce26fb9a05d2f36af01?utm_source=gold_browser_extension)\n\n### 第二十三周\n1. [大前端时代前端监控的最佳实践](https://mp.weixin.qq.com/s/YiKRY_LDURY0uONtEhkUfg)\n2. [web项目如何判断用户在“看”页面的什么位置](https://www.zhihu.com/question/67328049/answer/488549036)\n3. [如何做好微信小程序错误监控](https://zhuanlan.zhihu.com/p/35463288)\n4. [draft.js在知乎上的实践](https://zhuanlan.zhihu.com/p/24951621)\n5. [NoForm - 一个更好的表单解决方案](https://zhuanlan.zhihu.com/p/44120143)\n6. [如何使用 Timeline 工具](https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/timeline-tool)\n7. [小程序构建骨架屏的探索](https://juejin.im/entry/5b9df106f265da0adb30c220?utm_source=gold_browser_extension)\n8. [从路由原理出发，深入阅读理解react-router 4.0的源码](https://juejin.im/post/5ba05cc65188255c8b6ee234?utm_source=gold_browser_extension)\n9. [Life of a Pixel：前端代码如何通过浏览器演化为屏幕显示的像素](https://juejin.im/post/5b9f3fe7e51d450ea52f9e3a?utm_source=gold_browser_extension)\n10. [使用Proxies在对象图上观察变异的Javascript Membrane实现](https://github.com/salesforce/observable-membrane)\n\n### 第二十二周\n1. [React Fire：现代化React DOM](https://github.com/facebook/react/issues/13525)\n2. [你的Webpack起飞—考拉会员后台Webpack优化实战](https://zhuanlan.zhihu.com/p/42465502)\n3. [无限滚动的复杂性](https://developers.google.com/web/updates/2016/07/infinite-scroller)\n4. [react和无限列表](http://itsze.ro/blog/2017/04/09/infinite-list-and-react.html)\n5. [我们如何构建twitter lite](https://blog.twitter.com/engineering/en_us/topics/open-source/2017/how-we-built-twitter-lite.html)\n6. [如何监控网页的卡顿？](https://zhuanlan.zhihu.com/p/40273861)\n7. [React从渲染原理到性能优化](https://mp.weixin.qq.com/s/izjTmtTk0EV4axs18srOEg)\n8. [snabbdom 源码阅读分析](https://juejin.im/post/5b9200865188255c672e8cfd?utm_source=weibo\u0026utm_campaign=user)\n9. [Angular开发者学习之路](https://github.com/sulco/angular-developer-roadmap)\n10. [你也许不需要Momentjs](https://github.com/you-dont-need/You-Dont-Need-Momentjs)\n\n### 第二十一周\n1. [自定义create-react-app：如何制作自己的模板](https://auth0.com/blog/how-to-configure-create-react-app/)\n2. [Roadmap for react-scripts@2.0](https://github.com/facebook/create-react-app/issues/3815)\n3. [React面试题](https://github.com/Pau1fitz/react-interview)\n4. [关于React或与React相关的主题的精选讨论列表](https://github.com/tiaanduplessis/awesome-react-talks)\n5. [Javascript SVG parser and renderer on Canvas](https://github.com/canvg/canvg)\n6. [redux 有什么缺点？](https://www.zhihu.com/question/263928256)\n7. [来自webperf的导航时间草案规范](https://github.com/w3c/navigation-timing)\n8. [CSS小发明 :in-viewport](https://zhuanlan.zhihu.com/p/42290141)\n9. [新鲜出炉的第一届React conf ppt](https://react.w3ctech.com/#schedule)\n\n### 第二十周\n1. [利用 render props 重构组件](https://zhuanlan.zhihu.com/p/40368696)\n2. [React ref 的前世今生](https://zhuanlan.zhihu.com/p/40462264)\n3. [《解析 GraphQL 的查询语法》【译】](https://zhuanlan.zhihu.com/p/40418866)\n4. [Added proof of concept interaction-tracking package](https://github.com/facebook/react/pull/13253)\n5. [原生页面生命周期方法](https://developers.google.com/web/updates/2018/07/page-lifecycle-api)\n6. [Releasing Suspense](https://github.com/facebook/react/issues/13206#issuecomment-407535077)\n7. [Hybrid APP架构设计思路](https://github.com/chemdemo/chemdemo.github.io/issues/12)\n8. [浅谈Hybrid技术的设计与实现](https://www.cnblogs.com/yexiaochai/p/4921635.html)\n9. [webpack-libs-optimizations](https://github.com/GoogleChromeLabs/webpack-libs-optimizations)\n\n10.[前端监控和前端埋点方案设计](https://juejin.im/post/5b62d68df265da0f9d1a1cd6?utm_source=gold_browser_extension)\n\n### 第十九周\n1. [[译] 图解 React](https://juejin.im/post/5b481f6b51882519ad6175c2?utm_source=weibo\u0026utm_campaign=user)\n2. [ Guppy A friendly application manager and task runner for React.js](https://github.com/joshwcomeau/guppy)\n3. [nodejs-learning-guide Nodejs学习笔记以及经验总结，公众号\"程序猿小卡\"](https://github.com/chyingp/nodejs-learning-guide)\n4. [webkit git](https://github.com/WebKit/webkit)\n5. [了解如何设计大型系统](https://github.com/donnemartin/system-design-primer)\n6. [这里收集了许多移动端上遇到的各种坑 by 司徒正美](https://github.com/RubyLouvre/mobileHack)\n7. [用于可视化分析数据的React组件](https://github.com/bvaughn/react-flame-graph)\n8. [声明状态和逻辑管理](https://github.com/reclarejs/reclare?utm_source=gold_browser_extension)\n\n### 第十八周\n1. [2018年成为一个react开发者学习路线](https://github.com/adam-golab/react-developer-roadmap)\n2. [用于观察DOM元素的可见性更改的实用程序库](https://github.com/vissense/vissense)\n3. [用JavaScript编写的强大的HTML实体编码器/解码器](https://github.com/mathiasbynens/he)\n4. [使用React.js开发Chrome插件](http://web.jobbole.com/94893/)\n5. [28个顶级的React UI组件库，请查收！](https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==\u0026mid=2247489165\u0026idx=1\u0026sn=7c20948a9d4970a35e861806d26e8eb6)\n6. [8月18日，React DEV Conf 与你相约广州](https://zhuanlan.zhihu.com/p/39276211)\n7. [科普文：为什么不能在服务器上 npm install ？](https://zhuanlan.zhihu.com/p/39209596)\n8. [如何监控网页的卡顿？](https://zhuanlan.zhihu.com/p/39292837)\n9. [从Chrome源码看浏览器如何layout布局](https://zhuanlan.zhihu.com/p/25445527)\n10.[什么是Redux：设计师指南](https://www.smashingmagazine.com/2018/07/redux-designers-guide/)\n\n### 第十七周\n1. [探索ES2018 and ES2019](http://exploringjs.com/es2018-es2019/toc.html)\n2. [Material Component Framework for Vue.js 2](https://github.com/vuetifyjs/vuetify)\n3. [WePY-小程序框架设计](https://zhuanlan.zhihu.com/p/29264211)\n4. [A simple (99% ES2015 less) tutorial for React](https://github.com/kay-is/react-from-zero)\n5. [如何成为一名数据可视化工程师](https://www.zhihu.com/question/49749071/answer/118840095)\n6. [数据结构索引](https://www.interviewcake.com/data-structures-reference)\n7. [移动端跨平台开发的深度解析](https://juejin.im/post/5b395eb96fb9a00e556123ef)\n8. [使用Tree shaking 减少JavaScript有效负载](https://developers.google.com/web/fundamentals/performance/optimizing-javascript/tree-shaking/)\n\n### 第十六周\n1. [用导航和资源时机评估现实生活中的加载性能](https://developers.google.com/web/fundamentals/performance/navigation-and-resource-timing/)\n2. [没错，我就是要吹爆Angular](https://zhuanlan.zhihu.com/p/38430368)\n3. [给React的HOC用上TS的类型推导](https://zhuanlan.zhihu.com/p/38378730)\n4. [react-final-form 针对React的高性能基于订阅的表单状态管理](https://github.com/final-form/react-final-form)\n5. [React生命周期方法的实时可视化工具](https://github.com/Oblosys/react-lifecycle-visualizer)\n6. [React Native2018年现状](https://facebook.github.io/react-native/blog/2018/06/14/state-of-react-native-2018)\n7. [React Profiler RFC](https://github.com/reactjs/rfcs/pull/51)\n8. [next-codemod](https://github.com/zeit/next-codemod)\n9. [我们应该使用React Native吗？](https://blog.expo.io/should-we-use-react-native-1465d8b607ac)\n10. [更好地理解React中的表单](https://medium.com/javascript-inside/better-understanding-forms-in-react-a85d889773ce)\n\n### 第十五周\n1. [Vue源码的最后一站](https://zhuanlan.zhihu.com/p/37853734)\n2. [手把手教你撸一个简易的 webpack](https://zhuanlan.zhihu.com/p/37864523)\n3. [taro 多端统一开发框架，支持用 React 的开发方式编写一次代码，生成能运行在微信小程序、H5、React Native 等的应用](https://github.com/NervJS/taro)\n4. [理解expressjs如何工作](https://www.sohamkamani.com/blog/2018/05/30/understanding-how-expressjs-works/)\n5. [如何使用Nuxt.js监控生产中的错误](如何使用Nuxt.js监控生产中的错误)\n6. [轻松入门Prepack（第1部分）](https://gist.github.com/gaearon/d85dccba72b809f56a9553972e5c33c4)\n7. [你可能不需要派生状态 React官方最新博文](https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html)\n8. [fetch 没有你想象的那么美](https://undefinedblog.com/)\n","funding_links":[],"categories":["Others","Others (1002)"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fihtml5%2F50weekly","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fihtml5%2F50weekly","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fihtml5%2F50weekly/lists"}