前端技术发展太快，有些库的版本一直在升级，现在网上的搭建教程不是不全面，就是版本太低，本人综合一些教程和自己的理解，整理了一下，方便大家快速入手react框架。本教程针对刚入门和技术栈转型人员。注：（本教程写于2019-3-29，请注意版本）！！！ 本人也是半路加入react大…

现在(2018年)react在前端开发领域已经越来越🔥了，我自己也经常在项目中使用react，但是却总是好奇react的底层实现原理，多次尝试阅读react源代码都无法读下去，确实太难了。前不久在网上看到几篇介绍如何自己动手实现react的文章，这里基于这些资料，并加入一些自…

远程库中已将前端代码打包放入 public 文件夹，因此运行后端项目即可预览完整效果。 浏览器打开 http://localhost:8000/home.html 预览。 前端项目需要后台数据支持，因此本地运行前端项目需要同时运行服务端项目，并且还需要做一些额外配置工作。 浏览…

随着单页应用发展的越来越庞大，拆分js就是第一要务，拆分后的js，就可以根据我们需求来有选择性的加载了。 这里就添加了一句，chunkFilename而已，chunkFilename的作用就是用来给拆分后的chunk们起名字的配置项。 还是只打包出了一个main.js，毫无变化…

获取数据，依然是Next与普通的React SPA应用不同的地方，React应用基本都有自己的路由组件（当然大部分是react-router），我们可以通过路由组件为我们提供的方法，比如react-router的onEnter()方法或者universal-router的bef…

由图大致可以判断，我们应该将此组件拆成两块，一个是tab选项区，一个是下方的附加选项区。 最主要的原因是项目自身原因，之前就有tab的组件，我们可以直接引用。 当然，就算我们自身项目没有这个组件，我也是建议拆分开来，因为在表单的开发中，这种tab选择的形式可以说太常见了，拆分开…

这个冬天特别的寒冷且慢长，终于可以静下心来，做一些开源工作。读了zhoushaw老师的 打造属于你自己的instagram! 全栈项目(react + egg.js)项目， 非常喜欢， 于是决定为此开源项目录制开源视频，以帮助一起学习的同学们，每小节亦列出了react+egg.…