管理整个前端项目(单页应用)所有的状态数据，统一把整个应用的状态存到一个地方(store)，保存成一个状态树，修改数据需要派发(dispatch)一个动作(action)通知store修改。组件通过订阅(subscribe)修改事件，获取最新数据来修改自身状态。 整个应用的st…

上回我们解释了什么是JSX，JSX是React中对Javascript语法的延伸，它允许我们使用JSX tag来构建一个虚拟DOM作为真实DOM的小型描述文档（它本身是一个Javascript对象）。 其中，一个JSX tag就是一个React Element。 我们说过JSX…

这是一门免费课程，写文章和录制视频这个我花了1个半月时间，如果你觉的不错可以给一个赞。文章和视频中会详细讲解React的基础知识，React版本是16x，也是目前最新版本(我课程录制开始的日期是2019年5月4日)。今年的目标是录制100集前端免费视频教程，可能大部分都会在Re…

2018还有十几天就要过完了，我觉的这一年我的成长并不是很快，有很多2018新年许的愿望都没有达成。这篇文章算我2018年的一个总结吧！ 在这岁末迎新的时候，把所有的视频送给你，希望你可以在2019年，无论是学习还是工作都有所进步。 有很多人问我为什么要录制这么多免费视频，是不…

react-router是做SPA(不是你想的SPA)时，控制不同的url渲染不同的组件的js库。用react-router可以方便开发，不需要手动维护url和组件的对应关系。开发时用react-router-dom，react-router-dom里面的组件是对react-r…

这是一个计数器，点击按钮，可以让数字加一或者减一。两个按钮在Counter组件里，显示数字的在Number组件里。 首先分析这个需求，点击button，改变数字，Number组件重新渲染。 可抽象为，派发一个动作，改变状态，执行方法。 store是个对象，负责提供getStat…

React 其实只是一个 UI 框架，频繁进行 DOM 操作的代价是很昂贵的，所以 React 使用了虚拟 DOM 的技术，每当状态发生改变，就会生成新的虚拟 DOM 并与原本的进行改变，让变化的地方去渲染。并且为了性能的考虑，只对状态进行浅比较（这是一个很大的优化点）。 Re…

嗨！大家好，我是技术胖。 我的博客就使用的教程中的程序，你可以先进行预览一下，预览页面。 我原来的博客是使用的Vuepress ，纯静态网页，也有很多不方便的地方，所以自己作了这个博客程序。 如果你也想用React相关技术作一个网站，我觉的学习这个教程，一定可以做出来，并且可以…

2018年12月7日，我在B站注册了会员，当天下午发布了第一次个视频，从这一天开始我正式成为了Up主。同时我也开启了我的前端自学之路。 之后，我保持着每两到三天发布一套视频的更新频率，也是希望通过这种公开自己学习过程的方式来督促自己不断学习。 到发文的这一刻，正好过去40天。回…