虽然React官网用大量篇幅介绍最佳实践，但因JSX语法的灵活性，所以总是会出现奇奇怪怪的React写法。本文介绍2种奇怪（但在某些场景下有意义）的React写法

懂得 JSX 本质的同学都知道它只不过是一种语法糖，会被 babel 处理成 createElement 的形式，最后再变成常规的 js 对象。所以，我们就可以在 js 逻辑层面对 element 对象做处理，自定义 hooks 作为 element 逻辑处理层，也就变得理所当然了。

我们知道，React发布Hooks后，带来了业界一波Hooks热。很多框架（比如Vue Composition API、Solid.js）都借鉴了Hooks的模式。但是，即使这些框架都借鉴了Hooks，但由于框架作者的理念不同，发展方向也逐渐不同。

Rematch是没有样板文件的Redux的最佳实践，没有action types、 action creators, 状态转换或thunks。Redux 是一个了不起的状态管理工具，由良好的中间件生态系统和优秀的开发工具支持。

React 已经老了，只是经常用它的朋友们还没有意识到它老到了什么程度、引发了哪些问题。如果只用 React，那可能会觉得这框架不错啊，而且一直在努力改进。确实，React 在很多方面都是越来越好，但这并不能改变它的发展速度和功能上限已经长期跟不上同类方案的事实

随着 React 越来越受欢迎，React 开发者也越来越多，在开发过程中也遇到各种各样的问题。本文我将结合自己实际工作经验，总结 11 个 React 开发中常见的一些错误，帮助您避免一些错误的发生。

当我们尝试在JSX代码中，直接渲染对象或者数组时，会产生 Objects are not valid as a React child 错误。为了解决该错误，在JSX代码中，使用 map() 方法来渲染数组或者访问对象的属性

当我们对一个不是数组的值调用 map() 方法时，就会产生 TypeError: map is not a function错误。为了解决该错误，请将你调用 map() 方法的值记录在 console.log 上

为了在React TypeScript中解决Cannot find name报错，我们需要在使用 JSX 文件时使用 .tsx 扩展名，在你的 tsconfig.json 文件中把 jsx 设置为 react-jsx ，并确保为你的应用程序安装所有必要的 @types 包。

使用类型守卫来解决React中 useRef 钩子“Object is possibly null”的错误。比如说， if (inputRef.current) {} 。一旦 null 被排除在 ref 的类型之外，我们就能够访问 ref 上的属性。

React 是一个用于构建用户界面的 JavaScript 框架。它可用于通过动态操作页面内容来创建 JavaScript 应用程序。浏览器已经提供了在页面中创建元素的 API，即 DOM

提到react fiber，大部分人都知道这是一个react新特性，看过一些网上的文章，大概能说出“纤程” “一种新的数据结构” “更新时调度机制”等关键词。但如果被问：

本文我们介绍react与react-dom​中神秘的内部变量，需要注意的一点是，如果你也想用这种方式在两个包之间共享数据，需要将其中一个包设为另一个包的peerDependencies

React 是前端开发每天都用的前端框架，自然要深入掌握它的原理。我用 React 也挺久了，这篇文章就来总结一下我对 react 原理的理解。

经常用到的组件挂载以及卸载的 useMount、useUnmount，还有支持自动请求、手动请求、防抖等各种功能请求 useRequest，以及可以将状态同步存取到 localStorage 的 useLocalStorageState。