JSFiddle - React, Tailwind, and code Playground

by lazybios

HTML

<h2 class="heading">作者介绍</h2>
<p></p>
<figure>
    <img src="https://user-gold-cdn.xitu.io/2018/12/11/16799184b63f17d4?w=1400&h=440&f=png&s=648195">
    <figcaption></figcaption>
</figure>
<p></p>
<p>程墨，互联网研发老兵，《<a target="_blank" href="https://item.jd.com/12073933.html">深入浅出React和Redux</a>》《<a target="_blank" href="https://item.jd.com/12336101.html">深入浅出RxJS</a>》作者，《<a
        target="_blank" href=\ "https://zhuanlan.zhihu.com/advancing-react">进击的React</a>》专栏作者，曾服务于摩托罗拉、微软、雅虎，现任美国视频网站
    Hulu 架构师。</p>
<h2 class="heading">小册介绍</h2>
<p>React 是当前最热门的网页开发框架之一，其简洁易用的特点吸引了全世界的网页开发者。React
    只是一个工具，并没有强制要求开发者按照什么套路去开发应用，但这也给开发者带来一些迷茫，当遇到一个具体问题的时候，不知道该选取什么样的方法去解决。这个小册的目的，就是要解除 React 使用者的迷惑，帮助大家快速找到解决问题的办法。</p>
<p></p>
<figure>
    <img src="https://user-gold-cdn.xitu.io/2018/12/11/167991802903ff9e?w=3248&h=1246&f=png&s=652195">
    <figcaption></figcaption>
</figure>
<p></p>
<p>软件开发中，一切皆有模式，模式指的是对于一类相似问题的通用解决方法。这个小册会从应用 React
    的原理入手，针对每一个具体的需求，提供满足各个需求的设计模式。设计模式只是一种思想，最后依然要落实到具体的代码，这就需要应用在开发过程中被千锤百炼提炼出来的最佳实践。</p>
<p>React 技术发展迅速，设计模式和最佳实践也在不断进化，本小册不仅总结了历史证明行之有效的做法，对最新的 React Suspense 和 Hooks 带来的改变也做了深入的介绍。</p>
<h2 class="heading">你会学到什么？</h2>
<p>你会学到完整的 React 应用设计模式，以及经过业界验证的 React 最佳实践，除此之外，你还将感受到 React 未来功能 Suspense 和 Hooks 带来的模式变化。</p>
<h2 class="heading">适宜人群</h2>
<p>对 React 已经有初步了解，想要进一步提高自己 React 应用段位的开发者。</p>
<h2 class="heading">购买须知</h2>
<ol>
    <li>本小册为图文形式内容服务，共计 21 节，上线时间为 2018 年 12 月 11 日；</li>
    <li>购买用户可享有小册永久的阅读权限；</li>
    <li>购买用户可进入小册微信群，与作者互动；</li>
    <li>掘金小册为虚拟内容服务，一经购买成功概不退款；</li>
    <li>掘金小册版权归北京北比信息技术有限公司所有，任何机构、媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表，违者将依法追究责任；</li>
    <li>在掘金小册阅读过程中，如有任何问题，请邮件联系 <a target="_blank" href="mailto:[email protected]">[email protected]</a></li>
</ol>