小编整理了思否社区关于 React 的优质技术文章，欢迎大家阅读 ~
文章推荐
公司前端工程还处于 React+Mobx 与 Spring MVC（freemarker+jQuery）技术栈共存的阶段，两种技术栈页面难免会存在一些相同的业务功能点，如果分别开发和维护，就需要双倍的人力成本，因此，我们尝试将 React 业务组件在 webpack、babel 等利器的帮助下应用于 Spring MVC 项目。
在 React 16 之前，VirtualDOM 的更新采用的是Stack架构实现的，也就是循环递归方式。不过，这种对比方式有明显的缺陷，就是一旦任务开始进行就无法中断，如果遇到应用中组件数量比较庞大，那么VirtualDOM 的层级就会比较深，带来的结果就是主线程被长期占用，进而阻塞渲染、造成卡顿现象。
React 是一个用于构建用户界面的 JavaScript 框架。它可用于通过动态操作页面内容来创建 JavaScript 应用程序。浏览器已经提供了在页面中创建元素的 API，即 DOM，所以新手可能想知道 React 带来了什么以及它与 DOM 的关系。
知识点
emotion语法
react语法
css语法
typescript类型语法
动手撸组件系列 —— 1. 使用 React 实现一个 Collapse 组件
写组件的能力是衡量前端工程师水平的重要指标，不管是基础组件还是业务组件。
笔者在空闲时间也喜欢写组件，为了帮助初学者上手写React组件，同时为了分享我在写组件中的经验和想法，决定开设一个系列，即：动手撸组件系列，和大家分享一些公共组件和业务组件的实现方式和实现技巧。
作为这个系列的第一篇文章，分享下如何从零到一实现一个折叠面板（Collapse）组件
趁着对 React 内部运行流程还记得住，业余时间尝试复刻一个 React —— big-react。
即然是复刻一个 React，那肯定得跑通部分官方的测试用例。
在跑一个用例时遇到个很有意思的问题，以下是排查过程。
不知道大家在用React开发时，有没有注意到react与react-dom这两个包中有个很奇葩的属性__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED：
直译过来就是内部神秘属性，不要乱用！否则你会被炒鱿鱼。
为什么会有个这么唬人的属性？今天我们来聊聊。
问答推荐
- 关于 React-redux 与后台交互的问题？
- reactnative 文件怎么上传？
- React 的 import 动态引入组件生命周期紊乱？
- 新手问个 mobx-react 问题?
- React.StrictMode 在开发环境下,useEffect 会自动执行 return?
- 怎么理解 React 的 state 状态不可变？
- 在 React 中 使用 useEffect 报错，怎么解决？
- React.Context 和 redux 缓存的数据无法跨浏览器 Tab 共享，怎么解决？
- React hook 多次 setstate 被合并怎么处理？
课程推荐
课程特色：
- 基于最新源码，本课程基于最新 React17.0.0-alpha 设计，全网稀缺。React17 发布的 Concurrent Mode 是React 前几年的努力方向，也是未来几年的发展方向。市面上目前还没有 React17 源码级别的课程。
- 辅助资料完备，课程配备了配套电子书《React技术揭秘》、丰富的在线Demo、实战练习。
- “自顶向下”的授课方式，符合人类认知的过程。如果说别的源码分析课程是“高级”难度，那么本课程只有“中级”难度。原因在于课程使用“自顶向下”的授课方式，更符合人类认知的过程。
PS：大家想看哪些方面的技术内容，可以在评论区留言喔 ~
如有问题可以添加小姐姐微信~
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。