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

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

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

腾讯新闻前端团队-TNFE

TNFE

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. 用微信小程序云开发做一个错误日志