Recoil作为在《React Europe 2020 Conference》上，Facebook内部释出的状态管理库，我想很多人对此都是充满兴趣的，所以花了几天时间整理了一些资料，做个入门分享。

使用 React.js 一段时间了，把使用过程遇到的小坑和小技巧记录下来，希望能够帮助到其他人。此文章是长篇大论你只有耐得住寂寞，禁得住诱惑才会有所成长。 1. 父组件向子组件通信 2. 子组件向父组件通信 3. 跨级组件通信 4. 没有嵌套关系的组件通信 下面demo中点击父…

本 Demo 并不采用 CSS Module 来进行 css 模块化，因为编译之后可读性不好，而且增加复杂度和编译时间。使用统一的 css 命名空间约定，我们也可以很简单的防止 css 命名冲突。 使用 Typescript 意味着使用强类型，我们把业务实体中 TS 类型定义分…

前言React高阶组件，即 Higher-Order Component，其官方解释是：A higher-order component is a function that takes a component and returns a new component.一个传入一个…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 使用 Context ,首先顶层先声明 Provier 组件，并声明 value 属性，接着在后代组件中声明 Consumer 组件，这个 Consumer 子组件，只能是唯一的一个函数，函数参数即是 Cont…

【2019-08-16】Hello 小伙伴们，由于 jsliang 对文档库进行了重构，这篇文章中的一些链接可能失效，而 jsliang 缺乏精力维护掘金这边的旧文章，对此深感抱歉。请需要获取最新文章的小伙伴，点击上面的 GitHub 地址，去文档库查看调整后的文章。 岁月如梭…

它认为：Web应用是一个状态机，视图与状态一一对应。从架构层面来说，通常希望UI跟数据、逻辑分离，直观体现就是：UI = render(state) 现在的Web应用涉及大量数据交互、异步操作等，无疑都在增加前端的复杂性，需要维护的state也越来越多。而Redux就是试图让每…

Hooks是React 16.8新增加的特性，Hooks可以让你不写class组件就能使用state和其他React特性。 useState是要学的第一个'Hooks'，上面就是简单的使用案例。 Hooks是向后兼容。上面的例子👆中，按钮每点击一次数字加1。其中useStat…