50weekly

发现有价值的前端资源

本周刊囊括以下内容

• react生态包括react, redux, react-router, react-native等
• vue.js angularjs
• 移动web
• 小程序
• 构建工具包括webpack
• nodejs

贡献指南

• fork本项目
• 发起pr

第四十二周[最新]

1. 玩转 Chrome DevTools，定制自己的调试工具
2. Implementing Server-Driven UI Architecture on the Shop App
3. CLUI: Building a Graphical Command Line
4. Islands Architecture
5. 基于 pnpm + changesets 的 monorepo 最佳实践
6. Server-driven UI (or Backend driven UI) strategies
7. 前端通用组件

第四十一周

1. p-queue 强大易用的并发控制库
2. dtracker 通用前端网络请求拦截库 支持Ajax，Fetch，Image，navigator.sendBeacon等请求。常用于接口异常监控，数据上报，数据旁路等场景
3. 性能提升30%以上, JDHybrid h5加载优化实践
4. An Introduction to Multithreading in Node.js
5. React技术揭秘
6. reactjs-interview-questions
7. Inside look at modern web browser 浏览器内部实现
8. Superstate：一个新的“微”状态管理库

第四十周

1. 小众领域：我所了解的编辑器
2. bun 令人难以置信的快速 JavaScript 运行时、捆绑器、转译器和包管理器 - 合二为一。
3. Javascript数据结构和算法
4. Million 是一个轻量级 (<1kb) 虚拟 DOM。它非常快，并且可以轻松创建用户界面。
5. Macaron 是一个可视化创建 Web 组件的开源设计工具
6. appsmith 用于构建管理面板、内部工具和仪表板的低代码项目。与 15 多个数据库和任何 API 集成。
7. Responsively App Web 开发人员必备的开发工具，可实现更快的响应式 Web 开发

第三十九周

1. mdebug 新一代移动web开发工具
2. web components weekly
3. 8个有效的基础web设计原则
4. A Vue.js component to lazy load an image automatically when it enters the viewport using the Intersection Observer API.
5. Next.js 11.1 Released
6. 使用 ImageKit 响应图像裁剪和转换
7. Google Flutter 现在在开发使用中与 Facebook 的 React Native 竞争
8. React Native 0.65 版本发布

第三十八周

1. Web上的分享API
2. Webpack 5 正式发布
3. FFCreator 一个基于node.js的极速短视频加工库
4. sql.js 1.4: A Library to Run SQLite on the Web
5. Memoization and React
6. Node.js 14.15.0 'Fermium' (LTS) 发布

第三十七周

1. Node.js 在企业中的应用实践集锦
2. Streams, Piping, and Their Error Handling in Node.js
3. Docker for Node.js Projects From a Docker Captain
4. jscalpel 一款强大易用的对象分析工具
5. How to improve server response time (TTFB)?
6. Creating an Application Performance Monitor Using Node 14 New and Experimental Features

第三十六周

1. nodejs中如何审核程序包相关性是否存在安全漏洞
2. 全面掌握Express使用中的错误处理
3. 深入研究Node.js模块架构
4. ESM in Node has been unflagged!
5. Node 接入层 - 技术选型
6. Node.js & JavaScript Testing Best Practices (2019)
7. 前端 JavaScript 错误分析实践
8. How to build a CLI with Node.js
9. Build and Secure a GraphQL Server with Node.js
10. 7 libraries to build Node.js CLI

第三十五周

1. 了解Node.js中的工作线程
2. ABC的JavaScript和Node.js
3. NodeJ内部：V8和垃圾收集器
4. Node.JS Profile 1.2 V8 GC详解
5. 监控和诊断–方案
6. 聊一聊状态管理&Concent设计理念
7. Nginx Configuration Files Parser
8. nodejs-diagnostics-resources
9. JavaScript影响SEO性能的8种主要方式

第三十四周

1. zerker 一个基于flutter的canvas图形动画库
2. SPA Tracking & Monitoring: How to Build Better Single-Page Applications Through RUM (Real User Monitoring)
3. sampling-heap-profiler
4. (have) Fun with Serverless(API Gateway & Function Compute)
5. gify JavaScript API，用于使用ArrayBuffers从动画GIF解码/解析信息
6. 从头开始，彻底理解服务端渲染原理(8千字汇总长文)
7. Node.js Under The Hood
8. w3c小程序标准
9. 京东技术中台的 Flutter 实践之路
10. The story of a V8 performance cliff in React

第三十三周

1. 跟踪上下文和跟踪工具互操作性的道路
2. 使用N | Solid了解Node.js应用程序中的漏洞
3. 准备好为Kubernetes准备的Node.js应用程序生产
4. 在新的一年开始贡献Node.js
5. 在使用nginx 4年后，我们转向了Caddy - 这就是原因
6. 使用PM2时正常关闭NodeJS HTTP服务器
7. 适用于JavaScript的Clean Code概念
8. 阿里前端委员会主席圆心：前端路上的思考
9. React 的未来：与 Suspense 共舞
10. 搞懂JavaScript引擎运行原理

第三十二周

1. Node.js内部是如何捕获异步错误的？
2. ThinkJS项目中React同构实践
3. My Tips about how to handle complex and tricky issues
4. Nodejs Knowledge Base
5. PM2 — How to Start Your App With Node.js V8 Arguments
6. pm2源码分析
7. Nodejs 线上服务稳定性保障体系
8. Top Node.js Metrics to Monitor
9. 前端开发中的Error以及异常捕获
10. Instrumenting HTTP requests in node
11. https://www.quora.com/Whats-the-best-performance-monitoring-tool-for-Node-js

第三十一周

1. Node.js 应用线上/线下故障、压测问题和性能调优指南手册
2. 高质量 Node.js 微服务的编写和部署
3. 在Spectrum上流式传输服务器端渲染和缓存
4. 一款轻量级react服务端渲染脚手架hmbird-ssr
5. 7 Hardest Node.js Interview Questions & Answers
6. 来自1000多个项目的十大JavaScript错误（以及如何避免它们）
7. Design with JSX, powered by your own component library.
8. Git的奇技淫巧
9. Node.js streams cheatsheet

第三十周

1. Sniffing Codes in Hot Module Reloading Messages
2. Referrer Policy
3. Node.js Developer Roadmap
4. express框架源码分析
5. 前端同构渲染的思考与实践
6. Webpack4+Babel7优化70%速度
7. Nginx访问控制与参数调优
8. Lottie-前端实现AE动效
9. 我们刚刚发布了Create React App 3.0的第一个alpha版本
10. Writing Resilient Components

第二十九周

1. 浅说虚拟列表的实现原理
2. ReactJS SSR分析和缓存
3. 百度 SSP 单页式应用性能优化实践
4. Vue in React, React in Vue. Seamless integration of the two
5. nodejs 多进程
6. 首屏加载速度优化
7. 一篇文章构建你的 NodeJS 知识体系
8. JavaScriptCore全面解析
9. What Hooks Mean for Vue
10. React v16.8: The One With Hooks

第二十八周

1. Overreacted- React核心开发者 Dan Abramov的个人博客, 非常高质量
2. 高性能Node.js图像处理，是调整JPEG，PNG，WebP和TIFF图像大小的最快模块。 使用libvips库
3. 在线nginx配置
4. 为什么code review
5. 微信小程序图片裁剪工具
6. 使用Angular 6进行错误处理 - 提示和最佳实践
7. 使用react-hook 重写 react-redux
8. quicklink：实现原理与给前端的启发
9. React Server Side Rendering with Koa
10. 面向亿万级用户的QQ一般做什么？——兴趣部落的Web同构直出分享

第二十七周

1. First (Contentful) Paint with a touch of Perfume(.js)
2. 前端必会的 Nginx入门视频教程
3. 如何实现高性能pwa
4. Faster async functions and promises
5. Tasks, microtasks, queues and schedules
6. 不止代码：2019年前端工程师的未来在哪里
7. 一篇看懂 React Hooks
8. react是不是比vue牛皮，为什么？
9. 聊聊Flexbox布局中的flex的演算法 10.官方React 16.x路线图

第二十六周

1. 前端进阶之路-利用Jenkins快速打造前端项目自动化工作流
2. 服务端渲染与 Universal React App
3. 从源码分析sentry的错误信息收集
4. 每个JavaScript开发人员应该知道的33个概念
5. WebAssembly的后MVP未来：卡通技能树
6. SSR a "Create React App" the hard way
7. 前端工程化体系
8. 大前端的技术原理和变迁史
9. 内到外了解React DOM的事件处理系统
10. React Hooks介绍

第二十五周

1. node.js的实用进阶手册
2. 令人愉快的VS Code包和资源的精选列表
3. Create React App 2.0发布
4. [译] 尤雨溪：Vue 3.0 计划
5. Webpack揭秘——走向高阶前端的必经之路
6. 自定义元素简介
7. Node.js处理负载均衡性能：iptables和Nginx
8. 使用Next.js构建React服务端渲染应用
9. 基于vue-cli3.0构建功能完善的前端架子
10. Nginx，Charles与Webpack配置前端API代理教程(超详细)

第二十四周

1. React Fiber 架构学习
2. Nginx与前端开发
3. 前端安全系列（一）：如何防止XSS攻击
4. 调试第一步：让强大的console家族助你一臂之力
5. Airbnb 爱彼迎房源详情页中的 React 性能优化
6. 网站性能调优开发工具: Lighthouse, Puppeteer 以及进阶部分丨 Google 开发者大会 2018
7. React Podcast: Inside React
8. 一文读懂前端缓存
9. 小邵教你玩转nodejs之nodejs概念、事件环机制

第二十三周

1. 大前端时代前端监控的最佳实践
2. web项目如何判断用户在“看”页面的什么位置
3. 如何做好微信小程序错误监控
4. draft.js在知乎上的实践
5. NoForm - 一个更好的表单解决方案
6. 如何使用 Timeline 工具
7. 小程序构建骨架屏的探索
8. 从路由原理出发，深入阅读理解react-router 4.0的源码
9. Life of a Pixel：前端代码如何通过浏览器演化为屏幕显示的像素
10. 使用Proxies在对象图上观察变异的Javascript Membrane实现

第二十二周

1. React Fire：现代化React DOM
2. 你的Webpack起飞—考拉会员后台Webpack优化实战
3. 无限滚动的复杂性
4. react和无限列表
5. 我们如何构建twitter lite
6. 如何监控网页的卡顿？
7. React从渲染原理到性能优化
8. snabbdom 源码阅读分析
9. Angular开发者学习之路
10. 你也许不需要Momentjs

第二十一周

1. 自定义create-react-app：如何制作自己的模板
2. Roadmap for react-scripts@2.0
3. React面试题
4. 关于React或与React相关的主题的精选讨论列表
5. Javascript SVG parser and renderer on Canvas
6. redux 有什么缺点？
7. 来自webperf的导航时间草案规范
8. CSS小发明 :in-viewport
9. 新鲜出炉的第一届React conf ppt

第二十周

1. 利用 render props 重构组件
2. React ref 的前世今生
3. 《解析 GraphQL 的查询语法》【译】
4. Added proof of concept interaction-tracking package
5. 原生页面生命周期方法
6. Releasing Suspense
7. Hybrid APP架构设计思路
8. 浅谈Hybrid技术的设计与实现
9. webpack-libs-optimizations

10.前端监控和前端埋点方案设计

第十九周

1. [译] 图解 React
2. Guppy A friendly application manager and task runner for React.js
3. nodejs-learning-guide Nodejs学习笔记以及经验总结，公众号"程序猿小卡"
4. webkit git
5. 了解如何设计大型系统
6. 这里收集了许多移动端上遇到的各种坑 by 司徒正美
7. 用于可视化分析数据的React组件
8. 声明状态和逻辑管理

第十八周

1. 2018年成为一个react开发者学习路线
2. 用于观察DOM元素的可见性更改的实用程序库
3. 用JavaScript编写的强大的HTML实体编码器/解码器
4. 使用React.js开发Chrome插件
5. 28个顶级的React UI组件库，请查收！
6. 8月18日，React DEV Conf 与你相约广州
7. 科普文：为什么不能在服务器上 npm install ？
8. 如何监控网页的卡顿？
9. 从Chrome源码看浏览器如何layout布局 10.什么是Redux：设计师指南

第十七周

1. 探索ES2018 and ES2019
2. Material Component Framework for Vue.js 2
3. WePY-小程序框架设计
4. A simple (99% ES2015 less) tutorial for React
5. 如何成为一名数据可视化工程师
6. 数据结构索引
7. 移动端跨平台开发的深度解析
8. 使用Tree shaking 减少JavaScript有效负载

第十六周

1. 用导航和资源时机评估现实生活中的加载性能
2. 没错，我就是要吹爆Angular
3. 给React的HOC用上TS的类型推导
4. react-final-form 针对React的高性能基于订阅的表单状态管理
5. React生命周期方法的实时可视化工具
6. React Native2018年现状
7. React Profiler RFC
8. next-codemod
9. 我们应该使用React Native吗？
10. 更好地理解React中的表单

第十五周

1. Vue源码的最后一站
2. 手把手教你撸一个简易的 webpack
3. taro 多端统一开发框架，支持用 React 的开发方式编写一次代码，生成能运行在微信小程序、H5、React Native 等的应用
4. 理解expressjs如何工作
5. 如何使用Nuxt.js监控生产中的错误
6. 轻松入门Prepack（第1部分）
7. 你可能不需要派生状态 React官方最新博文
8. fetch 没有你想象的那么美