Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ihtml5/50weekly

50weekly 发现高质量的前端资源
https://github.com/ihtml5/50weekly

css es6 javascript lit preact react react-native redux vue

Last synced: about 2 months ago
JSON representation

50weekly 发现高质量的前端资源

Awesome Lists containing this project

README 

        
# 50weekly

发现有价值的前端资源



### 本周刊囊括以下内容

+ react生态包括react, redux, react-router, react-native等

+ vue.js angularjs

+ 移动web

+ 小程序

+ 构建工具包括webpack

+ nodejs



### 贡献指南

+ fork本项目

+ 发起pr



### 第四十二周[最新]

1. [玩转 Chrome DevTools，定制自己的调试工具](https://zhuanlan.zhihu.com/p/556016911)

2. [Implementing Server-Driven UI Architecture on the Shop App](https://shopify.engineering/server-driven-ui-in-shop-app)

3. [CLUI: Building a Graphical Command Line](https://blog.replit.com/clui)

4. [Islands Architecture](https://jasonformat.com/islands-architecture/)

5. [基于 pnpm + changesets 的 monorepo 最佳实践](https://juejin.cn/post/7181409989670961207)

6. [Server-driven UI (or Backend driven UI) strategies](https://github.com/MobileNativeFoundation/discussions/discussions/47)

7. [前端通用组件](https://zhuanlan.zhihu.com/p/609407715)



### 第四十一周

1. [p-queue 强大易用的并发控制库](https://github.com/sindresorhus/p-queue)

2. [dtracker 通用前端网络请求拦截库 支持Ajax，Fetch，Image，navigator.sendBeacon等请求。常用于接口异常监控，数据上报，数据旁路等场景](https://github.com/ihtml5/dtracker)

3. [性能提升30%以上, JDHybrid h5加载优化实践](https://juejin.cn/post/7120045012494057479)

4. [An Introduction to Multithreading in Node.js](https://blog.appsignal.com/2022/07/20/an-introduction-to-multithreading-in-nodejs.html)

5. [React技术揭秘](https://react.iamkasong.com/)

6. [reactjs-interview-questions](https://github.com/sudheerj/reactjs-interview-questions)

7. [Inside look at modern web browser 浏览器内部实现](https://developer.chrome.com/blog/inside-browser-part1/)

8. [Superstate：一个新的“微”状态管理库](https://superstate.dev/)



### 第四十周

1. [小众领域：我所了解的编辑器](https://juejin.cn/post/7047420800193789988)

2. [bun 令人难以置信的快速 JavaScript 运行时、捆绑器、转译器和包管理器 - 合二为一。](https://github.com/oven-sh/bun)

3. [Javascript数据结构和算法](https://github.com/loiane/javascript-datastructures-algorithms)

4. [Million 是一个轻量级 (<1kb) 虚拟 DOM。它非常快，并且可以轻松创建用户界面。](https://github.com/aidenybai/million)

5. [Macaron 是一个可视化创建 Web 组件的开源设计工具](https://github.com/macaron-elements/macaron)

6. [appsmith 用于构建管理面板、内部工具和仪表板的低代码项目。与 15 多个数据库和任何 API 集成。](https://github.com/appsmithorg/appsmith)

7. [Responsively App Web 开发人员必备的开发工具，可实现更快的响应式 Web 开发](https://github.com/responsively-org/responsively-app)



### 第三十九周

1. [mdebug 新一代移动web开发工具](https://github.com/tnfe/mdebug/)

2. [web components weekly](https://github.com/ihtml5/wc-weekly)

3. [8个有效的基础web设计原则](https://dev.to/imiahazel/8-fundamental-principles-of-effective-web-design-196l)

4. [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)

5. [Next.js 11.1 Released](https://nextjs.org/blog/next-11-1)

6. [使用 ImageKit 响应图像裁剪和转换](https://imagekit.io//blog/image-cropping-in-react-application/?utm_source=Cooperpress&utm_medium=email&utm_campaign=Reactstatus_newsletter&utm_content=PrimaryLink_Serverlessimagetransformations)

7. [Google Flutter 现在在开发使用中与 Facebook 的 React Native 竞争](https://thenewstack.io/google-flutter-now-rivals-facebooks-react-in-developer-use/)

8. [React Native 0.65 版本发布](https://reactnative.dev/blog/2021/08/17/version-065)



### 第三十八周

1. [Web上的分享API](https://css-tricks.com/how-to-use-the-web-share-api/)

2. [Webpack 5 正式发布](https://zhuanlan.zhihu.com/p/265487322)

3. [FFCreator 一个基于node.js的极速短视频加工库](https://github.com/tnfe/FFCreator)

4. [sql.js 1.4: A Library to Run SQLite on the Web](https://github.com/sql-js/sql.js)

5. [Memoization and React](https://epicreact.dev/memoization-and-react/)

6. [Node.js 14.15.0 'Fermium' (LTS) 发布](https://nodejs.org/en/blog/release/v14.15.0/)



### 第三十七周

1. [Node.js 在企业中的应用实践集锦](https://zhuanlan.zhihu.com/p/100071394)

2. [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)

3. [Docker for Node.js Projects From a Docker Captain](https://couponos.me/coupon/docker-mastery-for-nodejs/)

4. [jscalpel 一款强大易用的对象分析工具](https://github.com/tnfe/jscalpel)

5. [How to improve server response time (TTFB)?](https://www.debugbear.com/blog/improve-server-response-time)

6. [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)



### 第三十六周

1. [nodejs中如何审核程序包相关性是否存在安全漏洞](https://docs.npmjs.com/auditing-package-dependencies-for-security-vulnerabilities)

2. [全面掌握Express使用中的错误处理](https://zellwk.com/blog/express-errors/)

3. [深入研究Node.js模块架构](https://codequs.com/p/SkLMD7OKV/deep-dive-into-node-js-module-architecture)

4. [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)

5. [Node 接入层 - 技术选型](http://sivagao.com/blog/node-gateway-choices/)

6. [Node.js & JavaScript Testing Best Practices (2019)](https://medium.com/@me_37286/yoni-goldberg-javascript-nodejs-testing-best-practices-2b98924c9347)

7. [前端 JavaScript 错误分析实践](https://juejin.im/post/5df3522751882512302db3ca)

8. [How to build a CLI with Node.js](https://morioh.com/p/70b08c242678)

9. [Build and Secure a GraphQL Server with Node.js](https://auth0.com/blog/build-and-secure-a-graphql-server-with-node-js/)

10. [7 libraries to build Node.js CLI](https://dev.to/yvonnickfrin/7-libraries-to-build-node-js-cli-3jc7)



### 第三十五周

1. [了解Node.js中的工作线程](https://nodesource.com/blog/worker-threads-nodejs/)

2. [ABC的JavaScript和Node.js](https://nodesource.com/blog/ABC-of-JavaScript-and-Nodejs)

3. [NodeJ内部：V8和垃圾收集器](https://medium.com/voodoo-engineering/nodejs-internals-v8-garbage-collector-a6eca82540ec)

4. [Node.JS Profile 1.2 V8 GC详解](https://xenojoshua.com/2018/01/node-v8-gc/)

5. [监控和诊断–方案](https://developer.ibm.com/node/monitoring-diagnostics-scenarios/)

6. [聊一聊状态管理&Concent设计理念](https://juejin.im/post/5da7cb9cf265da5bbb1e4f8c)

7. [ Nginx Configuration Files Parser](https://github.com/zxqfox/nginx-conf-parser)

8. [nodejs-diagnostics-resources](https://github.com/matvi3nko/nodejs-diagnostics-resources)

9. [JavaScript影响SEO性能的8种主要方式](https://dev.to/rachellcostello/the-8-main-ways-javascript-can-impact-seo-performance-4op7)



### 第三十四周

1. [zerker 一个基于flutter的canvas图形动画库](https://flutterkit.github.io/zerkerdocs/)

2. [SPA Tracking & Monitoring: How to Build Better Single-Page Applications Through RUM (Real User Monitoring)](https://sematext.com/blog/tracking-and-monitoring-spa-apps/)

3. [sampling-heap-profiler](https://github.com/v8/sampling-heap-profiler)

4. [(have) Fun with Serverless(API Gateway & Function Compute)](https://github.com/alibaba/funcraft)

5. [gify JavaScript API，用于使用ArrayBuffers从动画GIF解码/解析信息](https://github.com/rfrench/gify)

6. [从头开始，彻底理解服务端渲染原理(8千字汇总长文)](https://zhuanlan.zhihu.com/p/76967335)

7. [Node.js Under The Hood](https://hashnode.com/post/nodejs-under-the-hood-1-getting-to-know-our-tools-ck0dydu50001dxws1ebuddmx4)

8. [w3c小程序标准](https://www.w3.org/TR/2019/WD-mini-app-white-paper-20190912/)

9. [京东技术中台的 Flutter 实践之路](https://www.infoq.cn/article/qSLsru9bEvuHgKpPlWMP)

10. [The story of a V8 performance cliff in React](https://v8.dev/blog/react-cliff)



### 第三十三周

1. [跟踪上下文和跟踪工具互操作性的道路](https://medium.com/@AloisReitbauer/trace-context-and-the-road-toward-trace-tool-interoperability-d4d56932369c)

2. [使用N | Solid了解Node.js应用程序中的漏洞](https://nodesource.com/blog/understanding-vulnerabilities-in-node-js-applications-with-n-solid?utm_medium=Social&utm_source=twitter&utm_campaign=social)

3. [准备好为Kubernetes准备的Node.js应用程序生产](https://banzaicloud.com/blog/nodejs-in-production/)

4. [在新的一年开始贡献Node.js](https://dev.to/azure/start-contributing-to-nodejs-in-the-new-year-3dlh)

5. [在使用nginx 4年后，我们转向了Caddy  - 这就是原因](https://engineering.hashnode.com/after-4-years-with-nginx-we-switched-to-caddy-here-is-why-cjxbv8eb2001ke8s1yl7ndroz)

6. [使用PM2时正常关闭NodeJS HTTP服务器](https://dev.to/acanimal/graceful-shutdown-nodejs-http-server-when-using-pm2-44-10o0)

7. [适用于JavaScript的Clean Code概念](https://github.com/ryanmcdermott/clean-code-javascript)

8. [阿里前端委员会主席圆心：前端路上的思考](https://www.infoq.cn/article/bLJfJg5_Eq2yOlW5VBaP)

9. [React 的未来：与 Suspense 共舞](https://blog.logrocket.com/the-future-of-react-unfolding-with-suspense/)

10. [搞懂JavaScript引擎运行原理](https://segmentfault.com/a/1190000019530109)



### 第三十二周

1. [Node.js内部是如何捕获异步错误的？](https://zhuanlan.zhihu.com/p/62210238)

2. [ThinkJS项目中React同构实践](http://gyblog.cn/post/thinkjs%26react.html)

3. [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/)

4. [Nodejs Knowledge Base](https://nodejs.org/zh-cn/knowledge/)

5. [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)

6. [pm2源码分析](https://www.jianshu.com/p/ac843b516fda)

7. [Nodejs 线上服务稳定性保障体系](https://zhuanlan.zhihu.com/p/23778500)

8. [Top Node.js Metrics to Monitor](https://sematext.com/blog/top-nodejs-metrics-to-watch/)

9. [前端开发中的Error以及异常捕获](https://segmentfault.com/a/1190000017708563)

10. [Instrumenting HTTP requests in node](https://medium.com/@tlivings/instrumenting-http-requests-in-node-5bf48c10f1c0)

11. [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)



### 第三十一周

1. [Node.js 应用线上/线下故障、压测问题和性能调优指南手册](https://github.com/aliyun-node/Node.js-Troubleshooting-Guide)

2. [高质量 Node.js 微服务的编写和部署](https://segmentfault.com/a/1190000006166385)

3. [在Spectrum上流式传输服务器端渲染和缓存](https://zeit.co/blog/streaming-server-rendering-at-spectrum?nsukey=uW6M5M2uTd6F3Nc1u6tAVuAMGhbsBnpEuVplgUQLBlKevYZGGYN%2Bi1m6RocmDu%2F9367Zl71zSNn%2BkcWnaXcdX7bmeFLEyjbMMVsl5VtaBTfAvX8iNXgXMdbYWxVuuAealdKz8wkNfwEQtp4yLxknnredPgKISZUp%2BuR420YfPbpg8dW1lJMnpBMwNAJYMFZ0)

4. [一款轻量级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/)

5. [7 Hardest Node.js Interview Questions & Answers](https://dev.to/aershov24/7-hardest-nodejs-interview-questions--answers-3lje)

6. [来自1000多个项目的十大JavaScript错误（以及如何避免它们）](https://rollbar.com/blog/top-10-javascript-errors/)

7. [Design with JSX, powered by your own component library.](https://github.com/seek-oss/playroom)

8. [Git的奇技淫巧](https://github.com/521xueweihan/git-tips)

9. [Node.js streams cheatsheet](https://devhints.io/nodejs-stream)



### 第三十周

1. [Sniffing Codes in Hot Module Reloading Messages](https://blog.cal1.cn/post/Sniffing%20Codes%20in%20Hot%20Module%20Reloading%20Messages)

2. [Referrer Policy ](https://www.w3.org/TR/referrer-policy/e)

3. [Node.js Developer Roadmap](https://github.com/aliyr/Nodejs-Developer-Roadmap)

4. [express框架源码分析](https://zhuanlan.zhihu.com/p/56947560)

5. [前端同构渲染的思考与实践](https://juejin.im/post/5c821dc45188257e1f2915b1)

6. [Webpack4+Babel7优化70%速度](https://juejin.im/post/5c763885e51d457380771ab0)

7. [Nginx访问控制与参数调优](https://segmentfault.com/a/1190000018505993)

8. [Lottie-前端实现AE动效](https://juejin.im/post/5c8ddddce51d4563ed1efac9)

9. [我们刚刚发布了Create React App 3.0的第一个alpha版本](https://github.com/facebook/create-react-app/issues/6475)

10. [Writing Resilient Components](https://overreacted.io/writing-resilient-components/)



### 第二十九周

1. [浅说虚拟列表的实现原理](https://github.com/dwqs/blog/issues/70)

2. [ReactJS SSR分析和缓存](https://medium.com/walmartlabs/reactjs-ssr-profiling-and-caching-5d8e9e49240c)

3. [百度 SSP 单页式应用性能优化实践](https://www.infoq.cn/article/baidu-ssp-single-page-app-performance-optimize-practice)

4. [Vue in React, React in Vue. Seamless integration of the two](https://github.com/akxcv/vuera)

5. [nodejs 多进程](https://segmentfault.com/a/1190000017804200)

6. [首屏加载速度优化](https://zhuanlan.zhihu.com/p/56121620)

7. [一篇文章构建你的 NodeJS 知识体系](https://zhuanlan.zhihu.com/p/56454078)

8. [JavaScriptCore全面解析](https://zhuanlan.zhihu.com/p/55479666)

9. [What Hooks Mean for Vue](https://css-tricks.com/what-hooks-mean-for-vue/)

10. [React v16.8: The One With Hooks](https://reactjs.org/blog/2019/02/06/react-v16.8.0.html)



### 第二十八周

1. [Overreacted- React核心开发者 Dan Abramov的个人博客, 非常高质量](https://overreacted.io/)

2. [高性能Node.js图像处理，是调整JPEG，PNG，WebP和TIFF图像大小的最快模块。 使用libvips库](https://github.com/lovell/sharp)

3. [在线nginx配置](https://nginxconfig.io/)

4. [为什么code review](https://sophiebits.com/2018/12/25/why-review-code.html)

5. [微信小程序图片裁剪工具](https://github.com/we-plugin/we-cropper)

6. [使用Angular 6进行错误处理 - 提示和最佳实践](https://scotch.io/bar-talk/error-handling-with-angular-6-tips-and-best-practices192?utm_sq=fy70wnyz6p)

7. [使用react-hook 重写 react-redux](https://juejin.im/post/5c230aa2e51d4529355bc2e0)

8. [quicklink：实现原理与给前端的启发](https://juejin.im/post/5c21f8435188256d12597789)

9. [React Server Side Rendering with Koa](https://blog.lovemily.me/react-server-side-rendering-with-koa/)

10.  [面向亿万级用户的QQ一般做什么？——兴趣部落的Web同构直出分享](https://wetest.qq.com/lab/view/348.html)



### 第二十七周

1. [First (Contentful) Paint with a touch of Perfume(.js)](https://medium.com/@zizzamia/first-contentful-paint-with-a-touch-of-perfume-js-cd11dfd2e18f)

2. [前端必会的 Nginx入门视频教程](https://juejin.im/post/5bd7a6046fb9a05d2c43f8c7)

3. [如何实现高性能pwa](https://school.geekwall.in/p/ryhA2HXO7/high-performance-react-progressive-web-apps)

4. [Faster async functions and promises](https://v8.dev/blog/fast-async)

5. [Tasks, microtasks, queues and schedules](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/)

6. [不止代码：2019年前端工程师的未来在哪里](https://zhuanlan.zhihu.com/p/50095507)

7. [一篇看懂 React Hooks](https://github.com/ascoders/blog/issues/29)

8. [react是不是比vue牛皮，为什么？](https://www.zhihu.com/question/301860721/answer/535850061)

9. [聊聊Flexbox布局中的flex的演算法](https://zhuanlan.zhihu.com/p/50449041)

10.[官方React 16.x路线图](https://reactjs.org/blog/2018/11/27/react-16-roadmap.html)



### 第二十六周

1. [前端进阶之路-利用Jenkins快速打造前端项目自动化工作流](https://juejin.im/post/5bc000826fb9a05d330adf9d?utm_source=gold_browser_extension)

2. [服务端渲染与 Universal React App](https://zhuanlan.zhihu.com/p/30580569)

3. [从源码分析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/)

4. [每个JavaScript开发人员应该知道的33个概念](https://github.com/leonardomso/33-js-concepts#readme)

5. [WebAssembly的后MVP未来：卡通技能树](https://hacks.mozilla.org/2018/10/webassemblys-post-mvp-future/)

6. [SSR a "Create React App" the hard way](https://askmike.org/articles/react-cra-ssr-rendering-from-scratch/)

7. [前端工程化体系](https://juejin.im/entry/5884f012128fe1006c3b6526)

8. [大前端的技术原理和变迁史](https://juejin.im/post/5b5adc9b6fb9a04f9244555d)

9. [内到外了解React DOM的事件处理系统](https://medium.com/the-guild/getting-to-know-react-doms-event-handling-system-inside-out-378c44d2a5d0)

10. [React Hooks介绍](https://reactjs.org/docs/hooks-intro.html)



### 第二十五周

1. [node.js的实用进阶手册](https://github.com/maxogden/art-of-node#the-art-of-node)

2. [令人愉快的VS Code包和资源的精选列表](https://github.com/viatsko/awesome-vscode)

3. [Create React App 2.0发布](https://reactjs.org/blog/2018/10/01/create-react-app-v2.html)

4. [[译] 尤雨溪：Vue 3.0 计划](https://juejin.im/post/5bb719b9f265da0ab915dbdd?utm_source=gold_browser_extension)

5. [Webpack揭秘——走向高阶前端的必经之路](https://juejin.im/post/5badd0c5e51d450e4437f07a?utm_source=gold_browser_extension)

6. [自定义元素简介](https://dev.to/jamesrweb/an-introduction-to-custom-elements-5327)

7. [Node.js处理负载均衡性能：iptables和Nginx](https://school.geekwall.in/p/ryzWpBqV7/node-js-process-load-balance-performance-iptables-and-nginx)

8. [使用Next.js构建React服务端渲染应用](https://segmentfault.com/a/1190000015578803)

9. [基于vue-cli3.0构建功能完善的前端架子](https://juejin.im/post/5bb73b816fb9a05ce17265c2?utm_source=gold_browser_extension)

10. [Nginx，Charles与Webpack配置前端API代理教程(超详细)](https://juejin.im/post/5bb0e6b55188255c6e707237?utm_source=gold_browser_extension)



### 第二十四周

1. [React Fiber 架构学习](https://zhuanlan.zhihu.com/p/44942360)

2. [Nginx与前端开发](https://juejin.im/post/5bacbd395188255c8d0fd4b2)

3. [前端安全系列（一）：如何防止XSS攻击](https://juejin.im/post/5bad9140e51d450e935c6d64)

4. [调试第一步：让强大的console家族助你一臂之力](https://juejin.im/post/5b586ec06fb9a04fc436c9b3)

5. [Airbnb 爱彼迎房源详情页中的 React 性能优化](https://juejin.im/entry/5bab390c5188255c8a06013f)

6. [网站性能调优开发工具: Lighthouse, Puppeteer 以及进阶部分丨 Google 开发者大会 2018](https://juejin.im/post/5ba73d1de51d450e551a0d08)

7. [React Podcast: Inside React](https://sophiebits.com/2018/05/29/react-podcast-inside-react.html)

8. [一文读懂前端缓存](https://juejin.im/entry/5baef5cef265da0ad13b8c01?utm_source=gold_browser_extension)

9. [小邵教你玩转nodejs之nodejs概念、事件环机制](https://juejin.im/post/5ba85ce26fb9a05d2f36af01?utm_source=gold_browser_extension)



### 第二十三周

1. [大前端时代前端监控的最佳实践](https://mp.weixin.qq.com/s/YiKRY_LDURY0uONtEhkUfg)

2. [web项目如何判断用户在“看”页面的什么位置](https://www.zhihu.com/question/67328049/answer/488549036)

3. [如何做好微信小程序错误监控](https://zhuanlan.zhihu.com/p/35463288)

4. [draft.js在知乎上的实践](https://zhuanlan.zhihu.com/p/24951621)

5. [NoForm - 一个更好的表单解决方案](https://zhuanlan.zhihu.com/p/44120143)

6. [如何使用 Timeline 工具](https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/timeline-tool)

7. [小程序构建骨架屏的探索](https://juejin.im/entry/5b9df106f265da0adb30c220?utm_source=gold_browser_extension)

8. [从路由原理出发，深入阅读理解react-router 4.0的源码](https://juejin.im/post/5ba05cc65188255c8b6ee234?utm_source=gold_browser_extension)

9. [Life of a Pixel：前端代码如何通过浏览器演化为屏幕显示的像素](https://juejin.im/post/5b9f3fe7e51d450ea52f9e3a?utm_source=gold_browser_extension)

10. [使用Proxies在对象图上观察变异的Javascript Membrane实现](https://github.com/salesforce/observable-membrane)



### 第二十二周

1. [React Fire：现代化React DOM](https://github.com/facebook/react/issues/13525)

2. [你的Webpack起飞—考拉会员后台Webpack优化实战](https://zhuanlan.zhihu.com/p/42465502)

3. [无限滚动的复杂性](https://developers.google.com/web/updates/2016/07/infinite-scroller)

4. [react和无限列表](http://itsze.ro/blog/2017/04/09/infinite-list-and-react.html)

5. [我们如何构建twitter lite](https://blog.twitter.com/engineering/en_us/topics/open-source/2017/how-we-built-twitter-lite.html)

6. [如何监控网页的卡顿？](https://zhuanlan.zhihu.com/p/40273861)

7. [React从渲染原理到性能优化](https://mp.weixin.qq.com/s/izjTmtTk0EV4axs18srOEg)

8. [snabbdom 源码阅读分析](https://juejin.im/post/5b9200865188255c672e8cfd?utm_source=weibo&utm_campaign=user)

9. [Angular开发者学习之路](https://github.com/sulco/angular-developer-roadmap)

10. [你也许不需要Momentjs](https://github.com/you-dont-need/You-Dont-Need-Momentjs)



### 第二十一周

1. [自定义create-react-app：如何制作自己的模板](https://auth0.com/blog/how-to-configure-create-react-app/)

2. [Roadmap for [email protected]](https://github.com/facebook/create-react-app/issues/3815)

3. [React面试题](https://github.com/Pau1fitz/react-interview)

4. [关于React或与React相关的主题的精选讨论列表](https://github.com/tiaanduplessis/awesome-react-talks)

5. [Javascript SVG parser and renderer on Canvas](https://github.com/canvg/canvg)

6. [redux 有什么缺点？](https://www.zhihu.com/question/263928256)

7. [来自webperf的导航时间草案规范](https://github.com/w3c/navigation-timing)

8. [CSS小发明 :in-viewport](https://zhuanlan.zhihu.com/p/42290141)

9. [新鲜出炉的第一届React conf ppt](https://react.w3ctech.com/#schedule)



### 第二十周

1. [利用 render props 重构组件](https://zhuanlan.zhihu.com/p/40368696)

2. [React ref 的前世今生](https://zhuanlan.zhihu.com/p/40462264)

3. [《解析 GraphQL 的查询语法》【译】](https://zhuanlan.zhihu.com/p/40418866)

4. [Added proof of concept interaction-tracking package](https://github.com/facebook/react/pull/13253)

5. [原生页面生命周期方法](https://developers.google.com/web/updates/2018/07/page-lifecycle-api)

6. [Releasing Suspense](https://github.com/facebook/react/issues/13206#issuecomment-407535077)

7. [Hybrid APP架构设计思路](https://github.com/chemdemo/chemdemo.github.io/issues/12)

8. [浅谈Hybrid技术的设计与实现](https://www.cnblogs.com/yexiaochai/p/4921635.html)

9. [webpack-libs-optimizations](https://github.com/GoogleChromeLabs/webpack-libs-optimizations)



10.[前端监控和前端埋点方案设计](https://juejin.im/post/5b62d68df265da0f9d1a1cd6?utm_source=gold_browser_extension)



### 第十九周

1. [[译] 图解 React](https://juejin.im/post/5b481f6b51882519ad6175c2?utm_source=weibo&utm_campaign=user)

2. [ Guppy A friendly application manager and task runner for React.js](https://github.com/joshwcomeau/guppy)

3. [nodejs-learning-guide Nodejs学习笔记以及经验总结，公众号"程序猿小卡"](https://github.com/chyingp/nodejs-learning-guide)

4. [webkit git](https://github.com/WebKit/webkit)

5. [了解如何设计大型系统](https://github.com/donnemartin/system-design-primer)

6. [这里收集了许多移动端上遇到的各种坑 by 司徒正美](https://github.com/RubyLouvre/mobileHack)

7. [用于可视化分析数据的React组件](https://github.com/bvaughn/react-flame-graph)

8. [声明状态和逻辑管理](https://github.com/reclarejs/reclare?utm_source=gold_browser_extension)



### 第十八周

1. [2018年成为一个react开发者学习路线](https://github.com/adam-golab/react-developer-roadmap)

2. [用于观察DOM元素的可见性更改的实用程序库](https://github.com/vissense/vissense)

3. [用JavaScript编写的强大的HTML实体编码器/解码器](https://github.com/mathiasbynens/he)

4. [使用React.js开发Chrome插件](http://web.jobbole.com/94893/)

5. [28个顶级的React UI组件库，请查收！](https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247489165&idx=1&sn=7c20948a9d4970a35e861806d26e8eb6)

6. [8月18日，React DEV Conf 与你相约广州](https://zhuanlan.zhihu.com/p/39276211)

7. [科普文：为什么不能在服务器上 npm install ？](https://zhuanlan.zhihu.com/p/39209596)

8. [如何监控网页的卡顿？](https://zhuanlan.zhihu.com/p/39292837)

9. [从Chrome源码看浏览器如何layout布局](https://zhuanlan.zhihu.com/p/25445527)

10.[什么是Redux：设计师指南](https://www.smashingmagazine.com/2018/07/redux-designers-guide/)



### 第十七周

1. [探索ES2018 and ES2019](http://exploringjs.com/es2018-es2019/toc.html)

2. [Material Component Framework for Vue.js 2](https://github.com/vuetifyjs/vuetify)

3. [WePY-小程序框架设计](https://zhuanlan.zhihu.com/p/29264211)

4. [A simple (99% ES2015 less) tutorial for React](https://github.com/kay-is/react-from-zero)

5. [如何成为一名数据可视化工程师](https://www.zhihu.com/question/49749071/answer/118840095)

6. [数据结构索引](https://www.interviewcake.com/data-structures-reference)

7. [移动端跨平台开发的深度解析](https://juejin.im/post/5b395eb96fb9a00e556123ef)

8. [使用Tree shaking 减少JavaScript有效负载](https://developers.google.com/web/fundamentals/performance/optimizing-javascript/tree-shaking/)



### 第十六周

1. [用导航和资源时机评估现实生活中的加载性能](https://developers.google.com/web/fundamentals/performance/navigation-and-resource-timing/)

2. [没错，我就是要吹爆Angular](https://zhuanlan.zhihu.com/p/38430368)

3. [给React的HOC用上TS的类型推导](https://zhuanlan.zhihu.com/p/38378730)

4. [react-final-form 针对React的高性能基于订阅的表单状态管理](https://github.com/final-form/react-final-form)

5. [React生命周期方法的实时可视化工具](https://github.com/Oblosys/react-lifecycle-visualizer)

6. [React Native2018年现状](https://facebook.github.io/react-native/blog/2018/06/14/state-of-react-native-2018)

7. [React Profiler RFC](https://github.com/reactjs/rfcs/pull/51)

8. [next-codemod](https://github.com/zeit/next-codemod)

9. [我们应该使用React Native吗？](https://blog.expo.io/should-we-use-react-native-1465d8b607ac)

10. [更好地理解React中的表单](https://medium.com/javascript-inside/better-understanding-forms-in-react-a85d889773ce)



### 第十五周

1. [Vue源码的最后一站](https://zhuanlan.zhihu.com/p/37853734)

2. [手把手教你撸一个简易的 webpack](https://zhuanlan.zhihu.com/p/37864523)

3. [taro 多端统一开发框架，支持用 React 的开发方式编写一次代码，生成能运行在微信小程序、H5、React Native 等的应用](https://github.com/NervJS/taro)

4. [理解expressjs如何工作](https://www.sohamkamani.com/blog/2018/05/30/understanding-how-expressjs-works/)

5. [如何使用Nuxt.js监控生产中的错误](如何使用Nuxt.js监控生产中的错误)

6. [轻松入门Prepack（第1部分）](https://gist.github.com/gaearon/d85dccba72b809f56a9553972e5c33c4)

7. [你可能不需要派生状态 React官方最新博文](https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html)

8. [fetch 没有你想象的那么美](https://undefinedblog.com/)