Giters

tangxuke / TNFE-Weekly

每周为你提供高质量的关于小程序、h5等前端领域的文章和项目

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TNFE-Weekly

weekly-banner

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

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


👏 欢迎参与​

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


🚂 ​团队博客

腾讯新闻前端团队-TNFE


🐱 团队GitHub

TNFE


📚 ​Weekly：

第五十一周 🆕

  1. RN 转小程序引擎 Alita 2.0 正式发布：基于 webpack 进行重构
  2. 《Functional Programming in JavaScrip》 翻译
  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 ?

第十七周

  1. 从 VantComponent 谈 小程序维护
  2. CSS通用数据类型
  3. 一名【合格】前端工程师的自检清单
  4. Regex Cheat Sheet
  5. Getting creative with the Console API!
  6. Native image lazy-loading for the web!
  7. 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. 用微信小程序云开发做一个错误日志

About

每周为你提供高质量的关于小程序、h5等前端领域的文章和项目