<p>本期精读文章是：<a href="https://medium.com/@franleplant/react-higher-order-components-in-depth-cf9032ee6c3e">React Higher O ...

<h1 id="1">1. 引言</h1> <p><a href="https://github.com/renatorib/react-powerplug">React PowerPlug</a> 是利用 render props 进行更 ...

<p><br/></p><p><code>Emmet</code>可以极大的提高 html 和 css 的编写效率，它提供了一种非常简练的语法规则。</p> <p>举个例子，我们在编辑器中输入缩写代码：<code>ul&gt;li*6</c ...

<p><br/></p><ul> <li><code>Emmet</code>：快速生成HTML片段，比如输入ul&gt;li*3可以快速生成：</li> </ul> <pre class="codehilite"><code class= ...

<p><br/></p><p><strong>自动保存</strong>：</p> <pre class="codehilite"><code> "files.autoSave": "onFocusChange" </code></pre> ...

<p>本文列出了很多与前端有关的常见网站、博客、工具等，整体来看比较权威。有些东西已经过时了，我就不列出来了。学是一方面，也是最主要的方面；但还有一个作用，比如，“这个前端框架你都不知道啊”、“这个前端大牛你都没听说过啊” ，此时，这份清单 ...

<h2 id="jsx">JSX介绍</h2> <h3 id="jsx_1">JSX的引入</h3> <p>如果直接让用户通过 JS 代码手动创建DOM元素，肯定是非常麻烦的。</p> <p>于是，React 官方就提出了一套 JSX 语法 ...

<h2 id="defaultprops-prop-types">defaultProps 和 prop-types</h2> <h3 id="defaultprops">使用 defaultProps 设置组件的默认值</h3> <p>R ...

<h2 id="_1">前言</h2> <p>我们先来看下面这段代码：</p> <p>components/MyComponent.jsx</p> <pre class="codehilite"><code class="language- ...

<h2 id="react">React路由的使用</h2> <p>使用React路由之前，我们需要先安装 <code>react-router-dom</code>这个包。比如：</p> <pre class="codehilite">< ...