TNT-Weekly

前端行业发展飞速，新技术如雨后春笋般快速出现，尤其是各种小程序陆续推出，相关的信息、文章也铺天盖地的遍布在各处，我们有时候会困惑，不知道哪些信息对于自己是有价值的，那么 TNFE 团队启动了这个周刊项目，为所有的前端开发人员整理出小程序相关以及其它 web 前端技术领域的精品内容。

🐝我们坚持每周为你提供高质量的关于小程序、h5 等前端领域的文章和项目✨。

👏 欢迎参与 ​

如果你有兴趣参与，可以把发现的有价值的信息、文章等在Issues里提给我们，记得写上推荐的理由哈，我们会尽快处理。有建议和意见也欢迎到Issues提出。

🚂 ​ 团队博客

腾讯新闻前端团队-TNT

🐱 团队 GitHub

TNT

📚 ​Weekly：

第九十六期 🆕

1. 下一代的模板引擎：lit-html
2. 腾讯位置服务Flutter业务实践——地图SDK Flutter插件实现(一)
3. Blitz.js 全栈开发 (1.1)：基于 Next.js 的下一代 React 全栈框架
4. CSS 实现优惠券的技巧
5. Announcing TypeScript 4.3 Beta
6. 👻 Primitive, flexible state management for React
7. Next-generation ORM for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB, SQL Server & SQLite
8. A component that can arrange items according to the type of grids
9. In-app bug reporting tool for iOS apps

第九十五期

1. 德莱问-前端技术博客
2. 仅使用CSS提高页面渲染速度
3. 一个基于node.js的高速短视频加工库
4. 极简Flutter状态管理库：consumer
5. What’s New In Flutter 2?
6. An experimental just-in-time compiler for Tailwind CSS
7. Yes, here’s the best CSS framework in 2021
8. Atomos — A New Recoil Visualization Tool Powered by React Flow

第九十四期

1. use concent like a pro
2. Vue3.0 新特性以及使用经验总结
3. 「react进阶」一文吃透React高阶组件(HOC)
4. Flexbox布局中不为人知的细节
5. Top Cross-Platform App Development Frameworks for 2021
6. 🎉 Lightweight zero-config JS Confetti library with no dependencies
7. Lorem Ipsum... but for photos.
8. A high-performance、high-extensibility、easy integration framework for Hybrid content page. Support most content page types of News App.

第九十三期

1. 下一代前端构建工具 ViteJS 中英双语字幕 ｜ 技术点评
2. 2021年如何开发移动优先设计？
3. 奇思妙想 CSS 文字动画
4. Vue 3.0 $emit 之后发生了什么
5. How to Map Mouse Position in CSS
6. Introducing Gatsby 3.0 – Faster in Every Way that Matters
7. The Full-stack Framework in Deno.
8. A cross-platform, customizable science fiction terminal emulator with advanced monitoring & touchscreen support.

第九十二期

1. Flutter 2.0 发布 | 针对 Web，移动端和桌面端构建的下一代 Flutter
2. 一款可以让大型iOS工程编译速度提升50%的工具
3. 反直觉！浏览器到底是如何下载资源的
4. Vite和Webpack的核心差异
5. Announcing Dart 2.12
6. JavaScript Library to work against complex domain names, subdomains and URIs.
7. Javascript Virtual Keyboard - Customizable, responsive and lightweight
8. Deno 1.8 Release Notes

第九十一期

1. Apache ECharts (incubating) 的微信小程序版本
2. 从 RxJS 到 Flink：如何处理数据流？
3. 从0到1开发可视化数据大屏（上）
4. 使用 mask 实现视频弹幕人物遮罩过滤
5. Create interactive videos in React
6. Announcing TypeScript 4.2
7. Building a Tabs component
8. The 5 best open-source form builders to add to your tech stack in 2021

第九十期

1. TransX——一个小巧玲珑的 vue 组件切换动画库
2. 备战2021：Vite2项目最佳实践
3. Vuex 4 正式发布：打包现在与 Vue 3 一致
4. Oasis Engine is a web-first and mobile-first high-performance real-time development platform.
5. Announcing Vite 2.0
6. Managing CSS Z-Index In Large Projects
7. How to Greatly Enhance fetch() with the Decorator Pattern
8. Top 10 React Native Component Libraries to Use in 2021

第八十九期

1. 如何开发一款 H5 小程序直播？
2. Apache ECharts 5 震撼发布：五大模块，十五项新特性全面升级！
3. 让 Flutter 在鸿蒙系统上跑起来
4. 聊聊 observer-util 这个库，让你读懂响应式原理
5. Apache Superset is a Data Visualization and Data Exploration Platform
6. 🍃 JavaScript library for mobile-friendly interactive maps
7. undefined vs. null revisited
8. How to Migrate an App From Webpack to Snowpack

第八十八期

1. 浅谈移动端开发技术
2. 从一个优质开源项目来看前端架构
3. 可视化拖拽组件库一些技术要点原理分析
4. TypeScript 4.2 Beta 版本发布：带来诸多更新，营造更好的开发体验
5. How to implement an exponential backoff retry strategy in Javascript
6. new codebase, who dis? (How to Join a Team and Learn a Codebase)
7. Tiny state manager
8. 🐰 Lightweight Emoji Picker for React Enthusiast

第八十七期

1. 小程序下的地图还能这么玩，你知道吗？
2. 小程序外链，实现桌面图标、短信和邮件外链跳转到小程序的工具
3. Facebook 重构：抛弃 Sass / Less ，迎接原子化 CSS 时代
4. 为什么 Vue3 选择了 CSS 变量
5. A type friendly web framework for node.js written by TypeScript
6. ECMAScript proposal: Import assertions
7. Getting Started With The GetX Package In Flutter Applications
8. Front-End Performance Checklist 2021

第八十六期

1. Clean-State----一款纯净小巧的状态管理器，使用react-hooks原生实现，自动连接module组织架构。🍋
2. bbo：零依赖的高质量前端函数工具库
3. 项目开发中到底能不能使用vite👀
4. 滴滴DoKit For Flutter正式开源，功能及核心实现解读
5. Angular UI Kit and components library for awesome people
6. Exciting Features in NextJS V10
7. Add image annotation to your web apps.
8. Future of state management in React with XState

第八十五期

1. 4.2 万 Star！开发 Web 和移动端应用的全栈平台
2. 2020 年大前端技术趋势解读
3. 从Weex到Web，性能逆势如何破局？
4. React Native 优先的多端统一化方案
5. What’s Coming To VueX?
6. Integrating TypeScript with Svelte
7. Redux-Free State Management with Jotai
8. 3 ways to deploy React apps to Netlify

第八十四期

1. 2020年小程序开发-云开发技术总结
2. 可视化拖拽组件库一些技术要点原理分析
3. Vant 3.0 正式发布：全面拥抱 Vue 3
4. 小程序可视化实时自动埋点设计
5. How To Optimize Progressive Web Apps: Going Beyond The Basics
6. Deploying a Serverless Jamstack Site with RedwoodJS, Fauna, and Vercel
7. Introducing Qui - A Vue.js Design System for Web
8. Visly — Build React components visually

第八十三期

1. 滴滴开源小桔棱镜：一款专注移动端操作行为的利器
2. 多平台快速开发的UI框架
3. 获取小程序源码总结
4. Taro 3.1 beta 发布: 开放式架构新增 4 端支持
5. Deno 1.6 Release Notes
6. React useReducer with Middleware
7. Create beautiful CLI commands in your NestJS Applications
8. How to increase CSS-in-JS performance by 175x

第八十二期

1. ProComponents-Use Ant Design like a Pro!
2. 🎉 Element UI for Vue 3.0 来了！
3. 基于Vue的前端架构，我做了这15点
4. create-react-app 4.0.0的新功能
5. 👩‍🚀 The tiny all-in-one development tool for modern web apps.
6. TALKR - DOCUMENTATION
7. Snowpack v3.0 Release Candidate
8. Add Office Functionality to Your Web App with OnlyOffice

第八十一期

1. 极致追求，让小程序代码包立减 10% 的插件 weapp-css-modules
2. 场景构造难，编译很耗时？看小程序业务如何提高效研发
3. 15 种微服务架构框架
4. Angular 11 正式发布：加入 webpack 5，升级至 TS 4.0，不再支持 IE 9 和 10
5. Understanding React's useReducer Hook
6. How to use SVG Icons as React Components
7. Ionic Vue: The UI library for Vue 3
8. Simplifying your application state management with Recoil

第八十期

1. 小程序框架原理之渲染流程及通信流程
2. Rax 小程序运行时方案解密与思考
3. postmate-A powerful, simple, promise-based postMessage iFrame communication library.
4. TypeScript 4.1 RC 版本发布：带来了令人兴奋的新特性
5. Authenticating React Apps With Auth0
6. Top 5 React state management libraries in late 2020
7. beautiful-react-diagrams----A tiny collection of lightweight React components for building diagrams with ease
8. Use CSS Variables instead of React Context

第七十九期

1. EMP - Micro Frontends solution
2. FFCreator----一个基于 node.js 的轻量、灵活的短视频加工库
3. 如何利用 AOP+IOC 思想解构前端项目开发
4. 前端工程师如何通过造轮子提高自己
5. A Dive Into React And Three.js Using react-three-fiber
6. Data Visualization With ApexCharts
7. Brahmos-Supercharged JavaScript library to build user interfaces with modern React API and native templates.
8. 7 code smells in your React components

第七十八期

1. FFCreator----一个基于 node.js 的轻量、灵活的短视频加工库
2. 可折叠 Web 可能会给我们带来的变化
3. 基于 React+Topology 构建在线绘图工具
4. Next.js 10 正式发布：带来诸多新特性
5. FingerprintJS
6. Create React App Turns Four
7. Top 10 React Hook libraries
8. Introduction to Blitz.js

第七十七期

1. 微信小程序登录的前端设计与实现
2. Facebook 新一代 React 状态管理库 Recoil
3. 77.9K Star 的 Axios 项目有哪些值得借鉴的地方
4. 如何精确统计页面停留时长
5. How to Create a Reddit Clone Using React and Firebase
6. Remembering John Conway's FRACTRAN, a ridiculous, yet surprisingly deep language
7. Why React Hooks over HOCs
8. cookieStore: Async Cookie API

第七十六期

1. 使用 Vue3 开发小程序？没错，现在就可以！
2. 阔别两年，webpack 5 正式发布了！
3. TypeScript 装饰器完全指南
4. Node.js 微服务框架（Moleculer）
5. Introducing the New JSX Transform
6. Understanding TypeScript Generics
7. 12 Essential Tools for the Flutter Mobile App Developer
8. ECMAScript proposal: Method .item() for Arrays, Typed Arrays, and strings

第七十五期

1. Vant 3.0 Beta 版本发布 🔥
2. ⏰ Moment.js 宣布停止开发，现在该用什么？
3. 尤大 3 天前发在 GitHub 上的 vue-lit 是啥？
4. 深受 Pandas 启发的 JavaScript 开源库 — Danfo.js 现已推出！
5. React Query — An Underrated State Management Tool
6. Learn date-fns: A Lightweight JavaScript Date Library
7. Hands-on Reactive Programming with RxJS
8. Transforming styles with JS plugins

第七十四期

1. 鸿蒙系统中的 JS 开发框架
2. 逐行分析鸿蒙系统的 JavaScript 框架
3. 使用 taro-deploy 自动化构建发布 taro 小程序
4. React 全局状态管理器 redux, mobx, react-immut 等横向对比
5. How to Use AVIF: The New Next-Gen Image Compression Format
6. 🔩 A relentless key-value store for the browser.
7. generate massive amounts of realistic fake data in Node.js and the browser
8. An introduction to Wouter: A React Router alternative

第七十三期

1. Flutter 状态管理之 Riverpod
2. 【独家】React Native 版本升级指南
3. 推荐一款强大的前端 CLI 命令行工具
4. BetterScroll 2.0 发布：精益求精，与你同行
5. Building Microservices with Deno, Reno, and PostgreSQL
6. Recent Advances and Improvements to JavaScript Promises
7. State management for React, made simple.
8. Typing React Context to avoid an undefined default value

第七十二期

1. 《awesome-made-by-chinese》—— A collection of amazing open source projects that were made and mainly contributed by Chinese developers.
2. 基于 Webpack4.X，小程序工程化落地实践
3. 一个可能让你的页面渲染速度提升数倍的 CSS 属性
4. Vue3 Compiler 优化细节，如何手写高性能渲染函数
5. A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design
6. A Complete Walkthrough of GraphQL APIs with React and FaunaDB
7. Setup a Micro Frontend Architecture With Vue and single-spa
8. My thoughts on endless battle of React state management libraries (setState/useState vs Redux vs Mobx)

第七十一期

1. 在 2020 年，谈小程序框架该如何选择
2. Vue 新特性：CSS 中使用 JS 变量
3. 17 个实用的图像特效库
4. 【走进小程序原理】揭秘组件同层渲染
5. How to Use Deno's Built-in Tools
6. How We Build Micro Frontends
7. Minimal React: getting started with the frontend library
8. Front-end Architecture: Stable and Volatile Dependencies

第七十期

1. 《awesome-state》—— collection of state management lib
2. Reactant: 一个渐进式 React 框架
3. Flutter 核心原理与混合开发模式
4. TypeScript 4.0 RC 发布，带来诸多更新
5. A tiny (~400 B) & modern library for keybindings.
6. ts-migrate: A Tool for Migrating to TypeScript at Scale
7. A Smashing Guide To The World Of Search Engine Optimization
8. Instant “SwiftUI” Flavoured Slack Apps

第六十九期

1. Flutter 1.20 正式版前瞻、新更新发布
2. 使用真正的 React 构建跨平台小程序
3. 京喜前端自动化测试之路(小程序篇)
4. 使用 react-docgen 自动生成组件文档
5. Announcing Flutter 1.20
6. React v17.0 Release Candidate: No New Features
7. Build Scalable React Apps by Sharing UIs and Hooks
8. Managing data from RxJS Observables in Angular

第六十八期

1. This is a library of modifiers for three.js objects
2. 一套京东风格的轻量级移动端 Vue 组件库
3. 实战丨如何制作一个完整的外卖微信小程序开发项目（已开源）
4. 从设计到架构，探索前端的领域和意义
5. 如何借助 Taro Next 横穿跨端业务线
6. Dough Package For Smooshy UI Flutter
7. 😈 Simple micro-front-end framework.
8. Using ES Modules with Dynamic Imports to Implement Microfrontends

第六十七期

1. 🌈 简洁、易用、灵活的微信小程序组件库
2. ES11 来了，不进来看看嘛
3. 微前端的现状和趋势
4. flutter 开发之 Dart[必读篇]💯
5. Eliminating duplicate objects: three approaches
6. It's time to lazy-load offscreen iframes!
7. Functional user interfaces with Moon.js
8. 7 Reasons React Native is Going to Be BIG in 2021

第六十六期

1. 一套出色的微信小程序 UI 组件库
2. Flutter 全平台制霸再进一步：实现 Linux 桌面应用支持
3. 大前端项目代码重用，也许 lerna 是最好的选择
4. 快速在你的 vue/react 应用中实现 ssr(服务端渲染)
5. rxjs deep state management
6. You Might Not Need Vuex with Vue 3
7. Creating Tiny Desktop Apps With Tauri And Vue.js
8. Introducing (Angular Reactive) Forms with Benefits 😉

第六十五期

1. 小程序零开发埋点，就是这么简单！
2. App Clips 和微信小程序区别在哪？我们做了一次上手实操
3. 用云开发 Cloudbase，实现小程序多图片内容安全监测
4. 如何快捷转微信小程序为快应用
5. Flutter vs React Native vs Native: Deep Performance Comparison
6. Causes of Memory Leaks in JavaScript and How to Avoid Them
7. What's New In DevTools (Chrome 85)
8. 4 Ground-breaking JavaScript features of the future

第六十四期

1. jQuery 写小程序？Taro 3 正式版发布：开放式跨端跨框架解决方案
2. 💃 一款轻巧的渐进式微信小程序框架
3. 手把手教你写个小程序定时器管理库
4. 苹果版小程序上线，如何以更低的门槛开发 App Clips ？
5. ECMAScript proposal: private static methods and accessors in classes
6. Announcing TypeScript 4.0 Beta
7. Crank, a New Front-End Framework with Baked-In Asynchronous Rendering
8. The next-generation state manager for React.

第六十三期

1. 小程序 UI 框架 minui
2. 小程序开源框架选型
3. 在 React 中进行事件驱动的状态管理
4. 5 个 JavaScript 的字符串处理库
5. Dart Vs JavaScript
6. Flutter and Desktop Apps
7. Bootstrap 5 alpha!
8. Computing with types in TypeScript

第六十二期

1. kbone-ui 是一套能同时支持 小程序(kbone) 和 vue 框架开发的多端 UI 库
2. Mpx，一款具有优秀开发体验和深度性能优化的增强型小程序开发框架
3. 细聊 Concent & Recoil , 探索 react 数据流的新开发模式
4. 向强大的 SVG 迈进
5. An extremely fast JavaScript bundler and minifier
6. Next generation Brave browser for macOS, Windows, Linux, Android.
7. ShowDoc is a tool greatly applicable for an IT team to share documents online
8. Atomic CSS-in-JS

第六十一期

1. DoKit 微信小程序研发助手 SDK 升级
2. RN 和 React 路由详解及对比
3. 了不起的 tsconfig.json 指南
4. 🦎 一套代码运行多端，一端所见即多端所见
5. The top types any and unknown in TypeScript
6. A easy (and fast) typescript validation library/macro. Automatically generation validation functions for Typescript types.
7. TypeScript: narrowing types via type guards and assertion functions
8. TypeScript: validating external data

第六十期

1. 京东小程序 Taro 开发对比原生开发测评
2. 专业的前端模板，用于构建快速，健壮和适应性强的 Web 应用程序或网站
3. 提高 10 倍打包速度的神奇工具：Snowpack 2.0 发布，再也不需要打包器！
4. HTTP/3 来了 !
5. </> htmx - high power tools for HTML
6. A first look at records and tuples in JavaScript
7. A CLI tool for creating CSS Grid layouts
8. Porting a React Frontend to TypeScript

第五十九期

1. Westore-微信小程序解决方案-1KB javascript 覆盖状态管理，跨页通讯，插件开发和云数据库开发
2. 腾讯原生小程序框架 OMIX 2.0 发布
3. Taro 3.0 RC：React/Vue/Nerv 任你选
4. 从零搭建 React 开发 H5 模板
5. Hegel, a New JavaScript Type Checker
6. Fabulous Enables Building Declarative Cross-Platforms UIs for iOS and Android in F#
7. A powerful JavaScript library for interacting with the Discord API
8. Unit Testing React components with Cypress

第五十八期

1. 🐣 We MobX-在微信小程序中加入 MobX
2. Deno 正式发布，彻底弄明白和 node 的区别
3. 小程序组件化解决方案
4. 小程序自动生成框架页面
5. Deno 1.0
6. Deno 1.0: What you need to know
7. Flutter vs React Native-Which to Choose in 2020?
8. Recoil - a New State Management Library for React

第五十七期

1. 革命性小程序框架 Remax 发布 2.0
2. 多端差异比较
3. Flutter 1.17 版本发布，带来多个新特性
4. 大规格文件的上传优化
5. The Latest Features Added to JavaScript in ECMAScript 2020
6. ⚡️ Lightweight select component for React
7. The real power of the generics in Typescript
8. Announcing TypeScript 3.9

第五十六期

1. 一套组件化，可扩展，易扩展的微信小程序 UI 组件库
2. Taro 2.2 全面插件化，支持拓展和定制个性化功能
3. vue 模块化按需编译，突破编译瓶颈
4. 移动 web 最佳实践
5. Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by TailwindCSS
6. React Flow - A Library for Rendering Interactive Graphs
7. Comparing Next.js and After.js for SSR React apps
8. A Better Way to Pass Data to your Angular Components

第五十五期

1. wwto：小程序跨端迁移解决方案——微信转其他小程序
2. 框架设计：RN 端的框架如何设计与落地
3. 小程序跨端图表组件，开箱即用（基于 Antv F2）
4. 5 个很棒的 React.js 库
5. Node.js version 14 available now
6. Top New JavaScript UI Frameworks & Libraries for 2020
7. Bifrost-CORS
8. Transfer files over wifi from your computer to your mobile device by scanning a QR code without leaving the terminal.

第五十四期

1. 轻量、可靠的小程序 UI 组件库
2. Vue2.x To Vue3.0
3. 当浏览器全面禁用三方 Cookie
4. Chameleon 跨端框架源码剖析系列 (一)：框架概览
5. Announcing TypeScript 3.9 Beta
6. How the Vue Composition API Replaces Vue Mixins
7. Typing functions in TypeScript
8. Add experimental react-refresh support

第五十三期

1. Taro Next H5 跨框架组件库实践
2. C2F-convert css style to flutter style
3. CSS 书写模式已成为官方 Web 标准
4. 跨端开发框架深度横评之 2020 版
5. Routex v1.0.0: Modern Node Router
6. New Features in Create React App 3.3
7. Implement Google Sign-In(OAuth) in your Angular App in under 15 minutes 🚀
8. What's new in ECMAScript 2020

第五十二期

1. Taro Next 发布预览版：同时支持 React / Vue / Nerv
2. Ant Design 4.0 正式发布
3. Umi Hooks - React Hooks Library.
4. 源码级别高度定制小程序 vant 弹窗组件
5. Webpack 5 and Module Federation - A Microfrontend Revolution
6. How to architect epic Angular app in less than 10 minutes!
7. Class definitions in TypeScript
8. JavaScript private class fields and the TypeScript private modifier

第五十一周

1. RN 转小程序引擎 Alita 2.0 正式发布：基于 webpack 进行重构
2. 《Functional Programming in JavaScript》 翻译
3. 手把手带你入门 AST 抽象语法树
4. node 多进程的创建与守护
5. Create Web Components with Vue.js
6. Random Seeds, Lodash, and ES6 Imports
7. Rendering a React Application Across Multiple Containers
8. JavaScript regular expressions: .lastIndex and the flags /g and /y

第五十周

1. 微信小程序自动化构建方案
2. BBO ——一款非常实用的 JavaScript 函数工具库。
3. Mpx 小程序框架技术揭秘
4. 逐行剖析 Vue.js 源码
5. Understanding Recursion, Tail Call and Trampoline Optimizations
6. Jest Tutorial for Beginners: Getting Started With Jest for JavaScript Testing
7. A Closer Look at the Provider Package
8. Offline GraphQL Queries with Redux Offline and Apollo

第四十九周

1. 深度挖掘 Concent 的 effect，全面提升 useEffect 的开发体验
2. imageShrink-reduce image size of your project by 60% seamlessly
3. 深入浅出 Serverless：优势、意义与应用
4. 纯 CSS 实现简单骨骼动画
5. What you should learn to become a good front-end developer?
6. ECMAScript proposal: top-level await
7. A Guide to Building a PWA in Angular 8
8. Why Learning ReactJs Makes Sense In 2020?

第四十八周

1. rax-快速构建多端应用
2. Vant Weapp 1.0 正式版发布
3. 我在真实项目中使用了 AST 大法！
4. Rax PWA - 快速升级 Web 体验
5. 9 Extremely Powerful JavaScript Hacks
6. Attributes of object properties in JavaScript
7. A Recap of Frontend Development in 2019
8. Sql Vs NoSql – Which Is Best For You?

第四十七周

1. litegraph.js-A graph node engine and editor
2. consumer-Flutter 的一个更精简的状态管理工具
3. null-cli----A command makes you more efficient
4. 【全栈修炼】RESTful 架构及实践 修炼宝典
5. New JavaScript Features Coming in ES2020 That You Can Use Now
6. 6 best React component libraries by category
7. Must Learn Top Programming Languages For Robotics In 2020
8. Easier Node.js streams via async iteration

第四十六周

1. Proton 4.0 一个轻量又强大的 js 粒子动画库
2. dbKoda-A modern open source database development and admin tool
3. G2Plot-A charting library based on the Grammar of Graphics
4. 前端领域的 Docker 与 Kubernetes
5. Comparing React Hooks with Vue Composition API
6. The introductory guide to AssemblyScript
7. Nestjs Typeorm Graphql Dataloader tutorial with Typescript
8. Build a REST API with AdonisJs and TDD

第四十五周 ​

1. 滴滴 DoKit2.0 - 泛前端开发者的百宝箱
2. API request builder - A free, fast, and beautiful alternative to Postman
3. 应战 Vue3 setup，Concent 携手 React 出招了！
4. 【扒一扒】这一次，彻底理解 ES6 Iterator
5. Mastering Angular 8: five things that are good to know to save your time
6. Understanding Microservices
7. Know your JavaScript data structures
8. Lifecycle methods, hooks, suspense: which's best for fetching in React?

第四十四周

1. kbone -一个致力于微信小程序和 Web 端同构的解决方案
2. 小程序多平台同构方案分析-kbone 与 remax
3. Taro 最受欢迎物料大赏
4. CSS 的未来已来
5. 快速实现本地 https 预览
6. A React hook for asynchronous state
7. How to fetch data with React Hooks?
8. JavaScript frameworks security report 2019

第四十三周

1. 微信小程序工程化之持续集成方案
2. svrx-一个高效的前端构建平台
3. concent 骚操作之组件创建&状态更新
4. 将 React 渲染到嵌入式液晶屏
5. New Node.js 12 features will see it disrupt AI, IoT and more surprising areas
6. JavaScript: What’s new in ES2019
7. Using TypeScript with React
8. React UI component libraries

第四十二周 ​

1. 原生小程序框架 OMIX 2.0 发布
2. Doraemon mini program debugger-一个支持小程序端的调试工具
3. 小蝌蚪传记：200 行代码实现前端无痕埋点
4. ppo-一个小巧且实用的工具库
5. When to Use Map instead of Plain JavaScript Object
6. The elements of responsive typography
7. Building reusable web components with Stencil.js
8. Regular expressions in JavaScript: lookaround assertions by example

第四十一周

1. 如何一人五天开发完复杂小程序
2. 聊一聊状态管理&Concent 设计理念
3. clock-shop-近百款漂亮的 js、css 时钟
4. 闲鱼公开多年 Flutter 实践经验
5. React VS Vue: Which is better for 2020?
6. Redux Crash Course with Hooks
7. 5 Interesting Uses of JavaScript Destructuring
8. Why React Suspense Will Be a Game Changer

第四十周 ​

1. Owl UI Design-基于 Vue.js 实现的移动端组件库
2. UI 组件库从 0 到 1 开发心得
3. UI 组件库从 1 到 N 开发心得-组件篇
4. UI 组件库从 1 到 N 开发心得-单元测试篇
5. Quick Intro to Vuex ORM
6. How JavaScript works: Optimizing the V8 compiler for efficiency
7. Axios or fetch(): Which should you use?
8. HTTP/3: the past, the present, and the future

第三十九周

1. View UI 组件库发布
2. 被称为“三大框架”替代方案，Svelte 如何简化 Web 开发工作
3. 浅谈 Flutter 构建
4. 1.5 万字概括 ES6 全部特性
5. BEM by Example
6. 10 Minutes Tutorial For Server-Sent Events
7. How to Implement an HTTP Request Library with Axios
8. 9 Projects you can do to become a Frontend Master in 2020

第三十八周

1. 京东：将 Flutter 扩展到微信小程序端的探索
2. 滴滴小程序框架 Mpx2.0
3. 开源 React Native 组件库 beeshell 2.0 发布
4. 使用 concent，体验一把渐进式地重构 React 应用之旅
5. How We Write Full Stack JavaScript Apps
6. The most outstanding new feature in Javascript you need to know about: Optional Chaining
7. A curated collection of useful CSS snippets you can understand in 30 seconds or less
8. The cost of JavaScript in 2019

第三十七周

1. Zdog-Round, flat, designer-friendly pseudo-3D engine
2. Vant Weapp-轻量、可靠的小程序 UI 组件库
3. How to do a code review
4. 2019 年谷歌开发者大会参与感
5. UI Library: How to Version, Publish and Update Individual Components
6. Creating a 13KB JS Game using SVG
7. Using Storybook in a Monorepo
8. Changing Remote Data with Hooks

第三十六周

1. Zerker--一个 flutter 的 canvas 图表动画库
2. React Suite 4.0
3. 微信转百度小程序工具
4. web 页面录屏实现
5. Logging: Best Practices for Node.JS Applications
6. A NoSQL Injection Primer (with Mongo)
7. Making a REST service using Node and Express to use with Unity - Part 1
8. Making a REST service using Node and Express to use with Unity - Part 2

第三十五周

1. 重磅！滴滴跨端框架 Chameleon 1.0 正式发布
2. Flutter GO
3. 如何写出一个惊艳面试官的深拷贝?
4. 探秘 Vue3.0 - Composition API 在真实业务中的尝鲜姿势
5. Optional chaining
6. What is the future of Node JS?
7. The story of a V8 performance cliff in React
8. A Practical Guide to Symbols in JavaScript

第三十四周

1. Remax-使用真正的 React 构建小程序
2. Zerker-a flexible and lightweight flutter canvas graphic animation library
3. 前端异常监控解决方案研究
4. Web 多媒体开发指南
5. HTTP Security Headers - A Complete Guide
6. Learn Enough Docker to be Useful
7. How Does the Development Mode Work?
8. Algebraic Effects for the Rest of Us

第三十三周

1. 你必须要掌握的微信小程序云开发
2. 可能是你见过最完善的微前端解决方案
3. 一步一步搭建前端监控系统
4. 【译】使用 MongoDB，React，Node 和 Express（MERN）构建一个全栈应用
5. Buiding Chat App with React Native and Socket.io
6. The CSS Mindset
7. SwiftWebUI
8. ES proposal: Nullish coalescing for JavaScript

第三十二周

1. react-kbone，使用 preact 多端开发
2. 小程序页面通信、数据刷新、事件总线 、event bus 终极解决方案之 iny-bus
3. 用于 3D 设计和动画制作的 JavaScript 库：Zdog
4. 从零自己编写一个 React 框架 【中高级前端杀手锏级别技能】
5. A Future Without Webpack
6. Here's a React v16+ Cheatsheet (PDF/JPEG/Custom themes)
7. Is postMessage slow?
8. When should you be using Web Workers?

第三十一周 ​

1. Antmove 缘起 - 好用的小程序多端解决方案
2. Vue，React，微信小程序，快应用，TS 和 Koa 一把梭
3. 深度剖析：前端路由原理
4. 浅析 NextTick
5. JavaScript Proxy and its Benefits
6. The Best JavaScript Meme I've Ever Seen, Explained in detail
7. How to upgrade to React Router 4
8. 22 Miraculous Tools for React Developers in 2019

第三十周 ​

1. 基于 Vue 的小程序开发框架性能优化实践---去除 VNode
2. react-control-center 对话 redux(家族)，后生何以挑战前辈？
3. 小蝌蚪传记：端口转发
4. 从零开始，揭秘 React 服务端渲染核心技术
5. Improve Your JavaScript Knowledge By Reading Source Code
6. 16 DevTools tips and tricks every CSS developer needs to know
7. Styled components, the styling library for your React apps you don’t want to be without
8. Code Roaster: WebRTC

第二十九周

1. RN 转微信小程序工具-alita
2. 1 小时带你撸一个小程序 cli 脚手架
3. 如何优化你的超大型 React 应用
4. WebAssembly 不完全指北
5. Designing API Methods in JavaScript
6. JavaScript Quickies: Controlling 3D Objects with Hands
7. A Guide to using Web Workers in React
8. How Google Pagespeed works: Improve Your Score and Search Engine Ranking

第二十八周

1. 使用 React Hooks 重构你的小程序
2. 使用 React、Webpack、Node.js、Websocket、Electron、Dva 快速构建跨平台应用
3. 深入浅出 Vue 响应式原理
4. SwiftWebUI：带你深入理解 SwiftUI 原理
5. 微前端：未来前端开发的新趋势 — 第一部分
6. 微前端：未来前端开发的新趋势 — 第二部分
7. 微前端：未来前端开发的新趋势 — 第三部分
8. 微前端：未来前端开发的新趋势 — 第四部分

第二十七周

1. gulp 小程序高效开发
2. 重磅！国内首本《Flutter 实战》中文电子书正式开源了
3. 用 Flutter 构建漂亮的 UI 界面 - 基础组件篇
4. 从头开始，彻底理解服务端渲染原理(8 千字汇总长文)
5. Keeping Node.js Fast: Tools, Techniques, And Tips For Making High-Performance Node.js Servers
6. 21 Performance Optimization Techniques for React Apps
7. Drawing Realistic Clouds with SVG and CSS
8. The deepest reason why modern JavaScript frameworks exist

第二十六周

1. 如何用小程序实现类原生 APP 下一条无限刷体验
2. 腾讯在线教育小程序开发实践之路
3. 0.3s 完成渲染！UC 信息流正文“闪开”优化实践
4. 花椒前端基于 GitLab CI/CD 的自动化构建、发布实践
5. The economics of package management
6. Enabling Modern JavaScript on npm
7. A Brief History of Modularity
8. GraphQL in Depth: What, Why, and How

第二十五周

1. 小程序框架原理综合分析和 fard 的新思路
2. 新生代 React 状态管理器-concent
3. TySheMo 前端数据管理模型
4. Vue's Darkest Day
5. Micro Frontends
6. Stepping away from Sass
7. Learning JavaScript Design Patterns

第二十四周

1. Taro 1.3 震撼升级：全面支持 JSX 语法和 HOOKS
2. Flutter 安装、配置、初体验 windows 版
3. 9102，作为前端必须知道 hook 怎么玩了
4. 详解三次握手和四次挥手：遇到心动的女孩时，如何去把握？
5. JavaScript Clean Code - Best Practices
6. Flutter Layout Cheat Sheet
7. Creating a Node.js REST API with Nest and Typescript
8. Using promises in IndexedDB

第二十三周

1. 小程序开发：用原生还是选框架(wepy/mpvue/uni-app/taro)？
2. 从零开发一个 node 命令行工具
3. BeautyWe.js 一套专注于微信小程序的开发范式
4. 用 JS 开发跨平台桌面应用，从原理到实践
5. A Deep Dive into Native Lazy-Loading for Images and Frames
6. await vs return vs return await
7. Learn git concepts, not commands
8. HTTP mocking for your Tests in React

第二十二周

1. 重磅开源！业内首个 React Native 转微信小程序引擎
2. 微信小程序踩坑指南
3. Angular 8 正式发布！
4. 使用 React、Electron、Dva、Webpack、Node.js、Websocket 快速构建跨平台应用
5. How I built an async form validation library in ~100 lines of code with React Hooks
6. Why you should choose useState instead of useReducer
7. How to useState in React?
8. Understanding WebViews

第二十一周

1. 微信小程序统计 Trello、掘金积分程序，Promise 做异步处理
2. 大型项目前端架构浅谈
3. 前端路由原理解析和实现
4. HTTP headers for the responsible developer
5. Fullstack React's Guide to using Refs in React Components
6. How to Redux with React Hooks?
7. What is a reducer (React/Redux) in JavaScript?

第二十周

1. 小程序开发经验：多页面数据同步
2. 如何在零 JS 代码情况下实现一个实时聊天功能
3. ❤520，就用 CSS 给你的她（他）送颗心 ❤
4. Building A Node.js Express API To Convert Markdown To HTML
5. Javascript Array.push is 945x faster than Array.concat
6. JavaScript and Accessibility: Accordions
7. Reading and updating query params with URLSearchParams

第十九周

1. Flutter 面试知识点集锦
2. Angular 学习资料
3. 10 秒钟构建你自己的”造轮子”工厂！ 2019 年 github/npm 工程化协作开发栈最佳实践
4. 基于 HTML5 WebGL 的挖掘机 3D 可视化应用
5. Design patterns in modern JavaScript development
6. Build a Drag and Drop (DnD) layout builder with React and ImmutableJS
7. The perfect unit test
8. Refactoring a component to use React hooks

第十八周

1. Chameleon 跨端框架——一个理想主义团队的开源作品
2. Licia 支持小程序的 JS 工具库
3. 从今天开始，拿起 TypeScript 做一个轮子的制造者
4. 小程序如何生成海报分享朋友圈
5. Elixir, Phoenix, Absinthe, GraphQL, React, and Apollo: an absurdly deep dive
6. 7 Useful JavaScript Tricks
7. commit-messages-guide
8. why https ?

第十七周

2. 从 VantComponent 谈 小程序维护
3. CSS 通用数据类型
4. 一名【合格】前端工程师的自检清单
5. Regex Cheat Sheet
6. Getting creative with the Console API!
7. Native image lazy-loading for the web!
8. How to Keep Your CSS Grid Layouts Accessible

第十六周

1. Gitter - 高颜值 GitHub 小程序客户端诞生记
2. 【前端词典】分享 8 个有趣且实用的 API
3. 理解 webpack 原理，手写一个 100 行的 webpack
4. Blazingly fast parsing, part 2: lazy parsing
5. How To Use Object Methods in JavaScript
6. Redirect 404 Not Found in Nuxt.js
7. How we built the fastest conference website in the world

第十五周

1. 彻底搞懂小程序登录流程-附小程序和服务端代码
2. 三年大厂面试官-前端面试题披露（偏难）
3. 移动端开发新趋势 Flutter
4. 【React 深入】从 Mixin 到 HOC 再到 Hook
5. Deploy Your Own REST API in 30 Mins Using mLab and Heroku
6. A Complete React Redux Tutorial for Beginners (2019)
7. An Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methods
8. Creating a Custom Element from Scratch

第十四周

1. 2019，帮助你更好的开发小程序
2. 前端开发者必备的 Nginx 知识
3. JavaScript 代码简洁之道
4. Run watchers when a Vue.js component is created
5. 30 Seconds of Interviews
6. Get familiar with full stack TypeScript
7. Scheduling in React

第十三周

1. 腾讯 Omi 团队发布 mp-jsx - 原生小程序支持 JSX
2. 跨端开发框架深度横评
3. git 时光穿梭机--女神的侧颜
4. 浏览器缓存看这一篇就够了
5. How to fetch data with React Hooks?
6. Cache-Control for Civilians
7. Circle Hover Effects with CSS Transitions
8. Garbage collection

第十二周

1. 小程序多端框架全面测评
2. 微信，支付宝小程序实现原理概述
3. JS 数据结构解析和算法实现-集合和映射
4. Death by a thousand cuts - a checklist for eliminating common React performance issues
5. 7 Tricks with Resting and Spreading JavaScript Objects
6. Caching best practices & max-age gotchas
7. A Complete Guide to useEffect

第十一周

1. 深入理解小程序中的数据——小程序探索
2. 你可能不太会用的 10 个 Git 命令
3. V8 新机制：JIT-less 模式
4. From Higher-Order Functions to Libraries And Frameworks
5. Sliding In And Out Of Vue.js
6. What's the longest keyword sequence in Javascript?
7. How Are Function Components Different from Classes?

第十周

1. 一款小而美的小程序脚手架，让你更流畅的开发小程序
2. 记一次 Promise 在 api 接口合并中的实践
3. 京东 Vue 组件库 NutUI 2.0 发布：将支持跨平台！
4. JS 中的 Reflect 和 Proxy
5. event.stopPropagation() in a modular system
6. Applying Styles Based on the User Scroll Position with Smart CSS
7. AST for JavaScript developers
8. The Difference Between a Framework and a Library

第九周

1. 扩展微信小程序框架功能
2. 前端开发者必备的 Nginx 知识
3. 那些很熟却又不是很熟的知识
4. 精读《Serverless 给前端带来了什么》
5. CSS Grid VS Flexbox: A Practical Comparison
6. To Grid or to Flex?
7. Alternatives to JSX
8. Animating URLs with Javascript and Emojis

第八周

1. 手把手教会你小程序登录鉴权
2. 支付宝小程序面向个人开放了！我将以一个 Demo 为例讲解整个流程。
3. Vmo 前端数据模型设计
4. 利用 Webpack 实现小程序多项目管理
5. What is the Execution Context & Stack in JavaScript?
6. Using Proxy to Track Javascript Class
7. TypeScript With Babel: A Beautiful Marriage
8. Two less known facts about Vuex

第七周

1. 腾讯技术分享：微信小程序音视频技术背后的故事
2. 前端同构渲染的思考与实践
3. 阿里巴巴技术专家三画：如何画好架构图
4. 从前端模块化编程切入想聊聊前端的未来
5. Sniffing Codes in Hot Module Reloading Messages
6. Keeping your code clean
7. ECMAScript 10 - JavaScript this year
8. Avoiding those dang cannot read property of undefined errors

第六周

1. 超全面的小程序开发资源集合，你一定需要
2. 精读《React Hooks》
3. 微信小程序剖析 | 运行机制及框架原理
4. 为何我们要用 React 来写小程序 - Taro 诞生记
5. Angular vs Vue vs React: Which Framework to Choose in 2019
6. React Hooks Tutorial for Beginners: Getting Started With React Hooks (2019)
7. Plans for the Next Iteration of Vue.js
8. Create a desktop app with Electron, React and C#

第五周

1. Taro 多端开发的正确姿势：打造三端统一的网易严选（小程序、H5、React Native）
2. 支持多种小程序！阿里云 ARMS 推出小程序监控
3. GraphQL 入门指南
4. 干货 | 浅谈 React 数据流管理
5. Building rich command-line interfaces with Ink and React
6. Advanced Frontend Webapp Architecture With Laravel and Vue JS
7. React as a UI Runtime
8. Why Do React Hooks Rely on Call Order?

第四周

1. Omi 多端开发之 - omip 适配 h5 原理揭秘
2. 一次弄懂 Event Loop
3. 让动画变得更简单之 FLIP 技术
4. 多重影分身：一套代码如何生成多个小程序？
5. JavaScript Clean Coding Best Practices
6. Avoid Nightmares — NSFW JS

第三周

1. 干货 | 面向前端工程师的机器学习引导课
2. 2019 - Web 开发技术指南和趋势
3. Node.js 环境性能监控
4. 蚂蚁金服如何把前端性能监控做到极致?
5. TypeScript 学习资源合集
6. React Router 4.x 开发，这些雷区我们都帮你踩过了
7. Chameleon 原理详解：其它跨多端统一框架都是假的？

第二周

1. 小程序通用转译框架娜娜奇 1.0.4 发布
2. Diff Match Patch 是一种用于处理纯文本的多种语言的高性能库
3. AlloyTeam ESLint 规则
4. JavaScript Standard Style，2 万 star 的规范
5. 2018 年，JavaScript 都经历了什么？

第一周

1. 小程序开发的一些经验
2. 黄瓜 UI: 一个即插即用的 React 组件库
3. 1 位开发如何撑起一个过亿用户的小程序？
4. 阿里重磅开源中后台 UI 解决方案 Fusion
5. taro 多端统一开发框架
6. 用微信小程序云开发做一个错误日志