Mervin

mark

@wangyuanyuan0521 @ZodiacSyndicate ```js function fn(data, value) { let res = [] const dfs = (arr, temp = []) => { for (const node of arr) { if (node.id === value)...

@hql7 麻烦能说下具体流程吗？

:+1:

# 编写简洁漂亮，可维护的 React 应用 转自：https://github.com/shimohq/react-cookbook --- ## 目录 - [前言](https://github.com/shimohq/react-cookbook#%E5%89%8D%E8%A8%80) - [组件声明](https://github.com/shimohq/react-cookbook#%E7%BB%84%E4%BB%B6%E5%A3%B0%E6%98%8E) - [计算属性](https://github.com/shimohq/react-cookbook#%E8%AE%A1%E7%AE%97%E5%B1%9E%E6%80%A7) - [事件回调命名](https://github.com/shimohq/react-cookbook#%E4%BA%8B%E4%BB%B6%E5%9B%9E%E8%B0%83%E5%91%BD%E5%90%8D) - [组件化优于多层 render](https://github.com/shimohq/react-cookbook#%E7%BB%84%E4%BB%B6%E5%8C%96%E4%BC%98%E4%BA%8E%E5%A4%9A%E5%B1%82-render) - [状态上移优于公共方法](https://github.com/shimohq/react-cookbook#%E7%8A%B6%E6%80%81%E4%B8%8A%E7%A7%BB%E4%BC%98%E4%BA%8E%E5%85%AC%E5%85%B1%E6%96%B9%E6%B3%95) - [容器组件](https://github.com/shimohq/react-cookbook#%E5%AE%B9%E5%99%A8%E7%BB%84%E4%BB%B6) - [纯函数的 render](https://github.com/shimohq/react-cookbook#%E7%BA%AF%E5%87%BD%E6%95%B0%E7%9A%84-render) - [始终声明 PropTypes](https://github.com/shimohq/react-cookbook#%E5%A7%8B%E7%BB%88%E5%A3%B0%E6%98%8E-proptypes) -...

# 技巧篇 - [精读《如何安全地使用 React context》](https://zhuanlan.zhihu.com/p/28037267) - [精读《React's new Context API》](https://zhuanlan.zhihu.com/p/33989091) - [【译】React的8种条件渲染方法](https://juejin.im/post/5ab0bff06fb9a028d444696b)

# 分析篇 - [React中state render到html dom的流程分析](https://github.com/xieyu/blog/blob/master/React/from-jsx-to-dom.md) - [深入理解React 组件状态（State）](https://www.jianshu.com/p/c6257cbef1b1) - [助你完全理解React高阶组件（Higher-Order Components）](https://github.com/brickspert/blog/issues/2) - [React 探秘 - React Component 和 Element](https://zhuanlan.zhihu.com/p/29711902) - [Virtual DOM 背后的秘密（Diff 篇）](https://zhuanlan.zhihu.com/p/36500459) - [Virtual DOM 背后的秘密（DOM 篇）](https://zhuanlan.zhihu.com/p/36259218)...

# 教程 - [从零搭建React全家桶框架教程](https://github.com/brickspert/blog/issues/1)

# React书写CSS - [Styled Components：让样式也成为组件](http://www.alloyteam.com/2017/05/guide-styled-components/) - [精读《请停止 css-in-js 的行为》](https://zhuanlan.zhihu.com/p/26878157) - [使用 styled-components 加速 React 开发](https://zhuanlan.zhihu.com/p/28876652)

# React/JSX 中文编码规范 [TOC] --- **[Airbnb React/JSX 编码规范](https://github.com/airbnb/javascript)** 算是最合理的 React/JSX 编码规范之一了 此编码规范主要基于目前流行的 JavaScript 标准，尽管某些其他约定 (如 async/await，静态 class 属性) 可能在不同的项目中被引入或者被禁用。目前的状态是任何 stage-3 之前的规范都不包括也不推荐使用。 ## 1. 基本规范 Basic Rules - 每个文件只写一个组件。 - 但是多个[无状态组件](https://facebook.github.io/react/docs/reusable-components.html#stateless-functions)可以放在单个文件中。...