前台之前发过，readme 里面有链接可以查看。后台用 react 写的 SPA 页面，打包后直接丢到服务器，用 nginx 做个转发就好了。前后台和后端的大骨架都有了，后面想拓展功能可以随意添加了。

react-hooks 是 react 官方新的编写推荐，我们很容易在官方的 useReducer 钩子上进行一层很简单的封装以达到和以往 react-redux \ redux-thunk \ redux-logger 类似的功能，并且大幅度简化了声明。 这 70 行代码是一…

React使得创建交互式UI变得轻而易举。为应用程序中的每个状态设计简单的视图，当数据发生变化时，React将有效地更新和呈现正确的组件。 在这篇文章中，我将向您展示一些有助于您成为更好的React Developer的技巧。 我将介绍从工具到实际代码风格的一系列内容，它可以帮…

这两天看了下react的文档，准备搭建一套适用的基本react开发架子。 由于我一直使用的是vue，很少使用过react进行项目的开发，因此此构建主要参考的是vue的项目经验。 react和vue的开发模式很像，同样的组件化，模块化，统一状态管理机制，路由 ... 等等，因此我…

整个项目大概有60+个页面，用到的组件大概150+，package里面的依赖大概有70+个，应该勉强算得上是一个中型的React的项目了。 打包时间约150s，打包完之后的资源gzip之后约1.2m，尽管之前分离了一些公用依赖，但是index包的体积达到了600+还是令人难以接…

最近我开始思考React应用的状态管理。我已经取得一些有趣的结论，并且在这篇文章里我会向你展示我们所谓的状态管理并不是真的在管理状态。 我们来看一个简单的例子。想象这是一个展示用户名称、密码和一个按钮的表单组件。用户会在填写表单后点击提交。如果一切顺利，我们完成了登录，并且有必…

1. 父组件向子组件通信 2. 子组件向父组件通信 3. 跨级组件通信 4. 没有嵌套关系的组件通信

引入 本来我是没想过总结这些东西的，会感觉比较入门。但是之前同学去腾讯面试问到了这个问题(react或vue的组件通信)，我帮他整理，顺便写demo的过程中，会有一些新的体会，多总结还是有利于进步的呀。 另外本次的代码都放在 https://github.com/sunyongj…

这一节是这款React Web音乐App实战的最后一节：皮肤切换功能。皮肤切换是Web音乐App中一个与核心无关的功能，加入这个功能可以为应用增添不少趣味性 字体图标制作完成后会有一份icomoon.zip包，解压后将里面fonts目录下的4个文件重命名为icomusic，然后…