最近学到了一个新的理念，它改变了我创建组件的方式，它不仅是一个新的点子，还是一个新的视角。

React Hooks是React库的新增功能，它允许你编写状态逻辑并使用其他React功能，同时无需编写类组件。你可以单独使用Hooks来制作自己的应用程序，这对React相关从业者来说是一次重大变革。

1. Shadow DOM 是什么Shadow DOM 是什么？我们先来打开 Chrome 的 DevTool，并在 'Settings -> Preferences -> Elements' 中把 ' Show user agent shadow DOM' 打上勾。然后，打开一个支持 …

在一些容易被忽视但又非常重要的场景，可能会有许多严重影响性能却很容易解决的问题。本文最早于 2017 年 12 月 5 日发表（原文链接），主要介绍了 Airbnb web 端访问量最大的页面之一——房源详情页的 react 性能…

关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，…

「阅」——JSCourse 旗下栏目，专门推荐我们为大家精心挑选的优质 JavaScript 相关技术内容在写 React 代码的时候，Render 函数中，往往需要调用当前组件实例中定义的函数，这个时候我们需要解决被调函数中 this …

原文：Clean Code vs. Dirty Code: React Best Practices 作者：Donavon West 本文主要介绍了适用于现代 React 软件开发的整洁代码实践，顺便谈谈 ES6/ES2015 带来的一些好用的“语法糖”。 什么是整洁代码，为什…

:milky_way: Isomorphic framework for server-rendered React apps - alibaba/beidou

前言 React Native 是 Facebook 2015年开源的 Javascript 框架，旨在使用 Javascript 高效开发手机端 App。配合着多个显而易见...

In this tutorial, you will learn how to maximize React performance by measuring rendering bottlenecks and optimizing your components.

下面这篇特邀文章是由 Damon Bauer 完成的，主题是关于一个 web 开发人员非常常见的工作：为用户提供图片上传功能。我想说这并不容易，但是有了一些功能强大的工具来帮忙做一些比较“重”的工作，这个任务会觉得比以前轻松许多。Damon 甚至全程在浏览器中完成了

真正学会 React 是一个漫长的过程。 你会发现，它不是一个库，也不是一个框架，而是一个庞大的体系。想要发挥它的威力，整个技术栈都要配合它改造。你要学习一整套解决方案，从后端到前端，都是全新的做法。

颠覆式前端UI开发框架：React