深度学习React

相信学习过Rect的同学都有一个感觉，学习过react基础也能写一些小型的项目，但是当你的工程越来越复杂的时候需要更深入的了解Rect才能更得心应手的开发。
我们需要更多的技能来支撑项目的顺利进行。今天总结了一些常用的技能做了的Demo分享在https://github.com/hkwBest/deep-learn-react，如果你觉得有用，请动动你可爱的小手点个赞！大家多多指正！

当然这不是一个入门教程，在查看Demo前希望你先仔细阅读官方文档，然后亲自做做实验。这个Demo更多的是给大家提供一个练手的案例。我把每个知识点需要注意的地方写在了注释里。
Demo里的大致有这几块内容：

高阶组件

高阶组件实质上是一个函数，可以简单这样理解： 它接受一个组件作为参数，并返回一个新的组件。它把组件共有的逻辑抽离出来封装成一个方法，更大程度的提高代码的复用性。当你的项目越来越大且有很多组件具有相似的逻辑时，封装高阶组件显得很有必要。

immutable+pureComponent

这是react性能优化的黄金组合。可以大大提高你的应用的性能。你最好先了解react的渲染机制和immutable这种数据类型的特点，这样你再看这个demo的时候会更有效。

render props

“render prop” 是指一种在 React 组件之间使用一个值为函数的 prop 在 React 组件间共享代码的简单技术。它很简单却很有用。可以是你的面板代码大大减少。

portal（插槽）

可以实现元素间的穿越，弹出框、模态框应用的最多，当然你也可以不用portal来实现一个弹出框。这都取决你是否需要。

当然还有其它很有用的一些技能例如 fragment、context…都可以有很棒的应用，官方文档写的很详细，建议大家去仔细阅读。