背景使用CRA脚手架创建的项目，如果想要修改编译配置，通常可能会选择npmruneject弹出配置后魔改。但是，eject是不可逆操作，弹出配置后，你将无法跟随官方的脚步去升级项目的react-scr

jsx 语法是一种 JavaScript 语法扩展，在 React 中可以方便地用来描述 UI。比如下面就是一段 jsx 语法 在jsx语法中，循环渲染是利用数组的遍历 map() 方法返回一个集合。 遍历时必须有唯一索引 key 提高遍历的效率。一个元素的 key 最好是这个…

React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。 单向响应的数据流 − React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。 React 本身没有全家桶，只做UI界面。 提供了无缝切换到 React Nati…

写前端一年多了，用的都是大佬建好的架子，还没自己从头建个项目，现在开始踩坑。 首先，新建个文件夹basic-react-app。名字不是重点，你高兴就好。 然后，使用git init 初始化仓库，可以考虑先在远端初始化仓库，再拉去到本地。 如果你使用了特殊的命令窗或zsh，应该…

该项目会以 React 全家桶 (会使用 16.8 最新 API 及 hooks) 以及 mobx 数据流方案为基础打造的一款高质量的移动端音乐类 WebApp 。 axios: 用来请求后端 api 的数据。 此篇为第一篇，主要是 网易云 EggJs API 的实现。后面的数…

然后在webpack.common.js中简单的配置入口(entry)跟输出(output)。 接着在根目录下再新建src文件夹，用来存放主要代码，并新建index.js，随便写点东西。 webpack4中提供了 mode 配置选项，告知 webpack 使用相应模式的内置优化…

1. 注释 2. 引用组件顺序 3. 引号 4. 缩进 5. 分号 除了代码块的以外的每个表达式后必须加分号。 6. 括号 下列关键字后必须有大括号（即使代码块的内容只有一行）：if, else, for, while, do, switch, try, catch, fina…

刚接触 react 的时候，大家都是通过 create-react-app 等脚手架来快速创建应用。当基本配置满足不了我们的特殊需求时（比如使用 sass），我们会修改 eject 出来的 webpack 配置文件。 面对各种配置项一脸懵逼，不知道怎么快速修改。其实，学习项目搭…

笔者从去年 12 月开始接触react，逐步由懵逼走向熟悉。不过react的需要掌握的知识点可真的有点多呢。所以花了很长一段时间来整理这样一篇react的基础知识总结的文章，以此达到温故知新的目的。文章会涉及到react本身的基础知识(包括组件通讯、生命周期、路由管理、状态管理…