资源 - 教程 & 资源合集 - 《Web 前端洞见》

TypeScript目前还在积极的开发完善之中，不断地会有新的特性加入进来。因此本手册也会紧随官方的每个commit，不断地更新新的章节以及修改措词不妥之处。

如果你对TypeScript一见钟情，可以订阅and star本手册，及时了解ECMAScript 2015以及2016里新的原生特性，并借助TypeScript提前掌握使用它们的方式！如果你对TypeScript的爱愈发浓烈，可以与楼主一起边翻译边学习，PRs Welcome!!! 在相关链接的末尾可以找到本手册的Github地址。

React

React.js 小书

这是一本关于 React.js 的小书。

因为工作中一直在使用 React.js，也一直以来想总结一下自己关于 React.js 的一些知识、经验。于是把一些想法慢慢整理书写下来，做成一本开源、免费、专业、简单的入门级别的小书，提供给社区。希望能够帮助到更多 React.js 刚入门朋友。

React for Beginners – A React.js Handbook for Front End Developers

The goal of this handbook is to provide a starter guide to learning React.

中文版

useEffect 完整指南

你用Hooks写了一些组件，甚或写了一个小型应用。你可能很满意，使用它的API很舒服并且在这个过程中获得了一些小技巧。你甚至可能写了一些 custom Hooks去抽离重复的逻辑（精简掉了300行代码），并且得意地展示给你的同事看，“干得漂亮”，他们如是说。

但有时候当你使用useEffect你总觉得哪儿有点不对劲。你会嘀咕你可能遗漏了什么。它看起来像class的生命周期…但真的是这样吗？

React 模式

本书的目标读者是对 React 是什么以及如何使用 React 有基础了解的开发者。本书并不是完整的 React 使用指南，而是对 React 流行的概念及设计模式的介绍。这些范式或多或少都是由开源社区所引入的，其主要目的在于引导你的抽象思维。例如，它讨论的不是 Flux，而是数据流。它讨论的不是高阶组件，而是组合( composition ) 。

useHooks

Easy to understand React Hook recipes by ui.dev 一些常见自定义 hooks 的实现。

小程序

微信小程序开发资源汇总

本文收集了微信小程序开发过程中会使用到的资料、问题以及第三方组件库。本文不是一篇关于如何学习微信小程序的入门指南，也非参考手册，只是一些资料的整理。

构建

Webpack Build Performance

This guide contains some useful tips for improving build/compilation performance.

代码片段 & 文档

Joel 的常用文档

日常生活，工作常用内容。

工具

git

Git Community Book 中文版

这本书汇聚了Git社区的很多精华, 其目的就是帮助你尽快的掌握Git.

Learn Git Branching

你对 Git 感兴趣吗？那么算是来对地方了！ “Learning Git Branching” 可以说是目前为止最好的教程了，在沙盒里你能执行相应的命令，还能看到每个命令的执行情况；通过一系列刺激的关卡挑战，逐步深入的学习 Git 的强大功能，在这个过程中你可能还会发现一些有意思的事情。

关闭这个对话框以后，你会看到我们提供的许多关卡。如果你是初学者，从第一关开始逐个向后挑战就是了。而如果你已经入门了，可以略过前面，直接挑战后面更有难度的关卡。

综合

web.dev

Whether you already have a website or you’re just getting started, learn to build for the modern web at web.dev. Then, apply your new skills and solutions to any personal or professional site you work on.

After you’ve launched your site, come back to web.dev and measure how well it supports your users. If there are areas where it can improve, you’ll get immediate steps to increase your metrics.

As the web advances, users’ expectations get higher. With web.dev’s guidance, you can give your users the best possible experience, wherever they are.

Google 出品。关于提升性能，用户体验的一堆优秀的资源。
[

](https://web.dev/learn/)