小编整顿了思否社区对于 React 的优质技术文章，欢送大家浏览 ~
文章举荐
React 组件利用于 Spring MVC 工程
公司前端工程还处于 React+Mobx 与 Spring MVC（freemarker+jQuery）技术栈共存的阶段，两种技术栈页面难免会存在一些雷同的业务性能点，如果别离开发和保护，就须要双倍的人力老本，因而，咱们尝试将 React 业务组件在 webpack、babel 等利器的帮忙下利用于 Spring MVC 我的项目。
React Fiber 架构原理分析
在 React 16 之前，VirtualDOM 的更新采纳的是 Stack 架构实现的，也就是循环递归形式。不过，这种比照形式有显著的缺点，就是一旦工作开始进行就无奈中断，如果遇到利用中组件数量比拟宏大，那么 VirtualDOM 的层级就会比拟深，带来的后果就是主线程被长期占用，进而阻塞渲染、造成卡顿景象。
从原生 JavaScript 到 React
React 是一个用于构建用户界面的 JavaScript 框架。它可用于通过动静操作页面内容来创立 JavaScript 应用程序。浏览器曾经提供了在页面中创立元素的 API，即 DOM，所以老手可能想晓得 React 带来了什么以及它与 DOM 的关系。
应用 React 手写一个手风琴组件
知识点
emotion 语法
react 语法
css 语法
typescript 类型语法
入手撸组件系列 —— 1. 应用 React 实现一个 Collapse 组件
写组件的能力是掂量前端工程师程度的重要指标，不论是根底组件还是业务组件。
笔者在闲暇工夫也喜爱写组件，为了帮忙初学者上手写 React 组件，同时为了分享我在写组件中的教训和想法，决定开设一个系列，即：入手撸组件系列，和大家分享一些公共组件和业务组件的实现形式和实现技巧。
作为这个系列的第一篇文章，分享下如何从零到一实现一个折叠面板（Collapse）组件
实现 React 过程中一次乏味的问题排查经验
趁着对 React 外部运行流程还记得住，业余时间尝试复刻一个 React —— big-react。
即然是复刻一个 React，那必定得跑通局部官网的测试用例。
在跑一个用例时遇到个很有意思的问题，以下是排查过程。
React：不要动，否则你会被炒鱿鱼
不晓得大家在用 React 开发时，有没有留神到 react 与 react-dom 这两个包中有个很奇葩的属性__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED：
直译过去就是外部神秘属性，不要乱用！否则你会被炒鱿鱼。
为什么会有个这么唬人的属性？明天咱们来聊聊。
React Native 如何做线上谬误与性能监控
咱们每个人可能都会遇到这样的问题：即咱们的代码在本地测试时没有问题，然而一上线运行，就会遇到各种奇奇怪怪的线上 Bug。因为本地测试场景并不能全面笼罩，对于这种线上的 Bug，最无效的伎俩就是搭建线上监控零碎，而后再进行批改。所以，不论是如许小的零碎，线上谬误与性能监控是必须具备的能力。
问答举荐
- 对于 React-redux 与后盾交互的问题？
- reactnative 文件怎么上传？
- React 的 import 动静引入组件生命周期错乱？
- 老手问个 mobx-react 问题?
- React.StrictMode 在开发环境下,useEffect 会主动执行 return?
- 怎么了解 React 的 state 状态不可变？
- 在 React 中 应用 useEffect 报错，怎么解决？
- React.Context 和 redux 缓存的数据无奈跨浏览器 Tab 共享，怎么解决？
- React hook 屡次 setstate 被合并怎么解决？
课程举荐
《自顶向下学 React 源码》
课程特色：
- 基于最新源码 ，本课程基于最新 React17.0.0-alpha 设计，全网稀缺。React17 公布的 Concurrent Mode 是 React 前几年的致力方向，也是将来几年的倒退方向。市面上目前还没有 React17 源码级别的课程。
- 辅助材料齐备 ，课程装备了配套电子书《React 技术揭秘》、丰盛的在线 Demo、实战练习。
- “自顶向下”的授课形式 ，合乎人类认知的过程。如果说别的源码剖析课程是“高级”难度，那么本课程只有“中级”难度。起因在于课程应用“自顶向下”的授课形式，更合乎人类认知的过程。
PS：大家想看哪些方面的技术内容，能够在评论区留言喔 ~
如有问题能够增加小姐姐微信~