Bird_伯德

分享一下我自己针对 React+Redux 项目的 TS 配置。 TS 对 Redux 项目最大的加成是代码提示。运用 discriminated unions 技巧，可以在写 reducer / dispatch 逻辑的时候，获得体贴入微的代码提示体验。 针对 reducer…

使用过vuex的同学肯定了解vuex无论是集成难度，还是上手难度，都远小于React-Redux，目前要实现vuex同样的功能则需要3个库，分别是Redux、React-Redux、Redux-Saga，它们分别负责下面几种工作。 Redux：Redux是JavaScript状…

对于 TypeScript + React 开发，MicroSoft 编写了一个 TypeScript-React-Starter 的例子，Github 地址。有需要的朋友可以去看一下。 我自己也看了一下，文档说明讲解的很好，但是 Demo 拉下来却无法正常运行，一直报错。所以…

我们来为应用加入状态管理，使其更利于维护。 安装 redux-thunk：Redux 的异步解决方案 react-redux 的两个最主要功能： Provider：提供包含 store 的 conte

因为 webpack 根本识别不了 jsx 语法，那怎么办？使用 babel-loader 对文件进行预处理。 babel-loader 使用 babel 解析文件；@babel/core 是 babel 的核心模块；@babel/preset-react 转译 jsx 语法。…

React v16.8 引入了 Hooks，它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。这些功能可以在应用程序中的各个组件之间使用，从而易于共享逻辑。Hook 令人兴奋并迅速被采用，React 团队甚至想象它们最终将替换类组件。 以前…

在 src/App.tsx 内引用我们的案例组件，在 src/example.tsx 写我们的案例组件。 可以让函数式组件拥有状态管理特性，类似 class 组件中的 this.state 和 this.setState ，但是更加简洁，不用频繁的使用 this 。 你可以把 …

周一入职，同事JJ让我熟悉一下基于React的新项目。 “咦，yarn是什么鬼？难道npm更高级的替代品？为什么要替代npm？难道有什么好的地方？”，内心一连串的问题冒出来。我就默默的问了一下JJ：“yarn是跟npm一样的东西吗？”，“嗯。”JJ忙碌的敲着键盘，显然这个问题不…

❗️准备知识 :熟悉 React熟悉 TypeScript (参考书籍：2ality's guide, 初学者建议阅读：chibicode's tutorial）熟读 React 官方文档 TS部分熟