React开发者工具(react开发组件小程序)是一款功能实用的可以安装到谷歌浏览器上使用的开发者辅助工具。React开发调试插件，使用这款谷歌React开发者工具可以查看应用程序的React组件分层结构，而不是更加神秘的浏览器DOM。
功能
React开发者工具是一款由face_book开发的有用的Chrome 浏览器扩展，可以通过 Chrome Web存储获取。使用 Chrome Devtools 进行调试时，可以查看应用程序的 React 组件分层结构，而不是更加神秘的浏览器 DOM 表示。添加react developer tools到chrome，是对chrome开发工具的React调试工具。React的开发工具是开源Chrome DevTools延伸反应的JavaScript库。它允许你检查React在Chrome开发者工具组件的层次结构（原名WebKit Web Inspector）。你会得到新的标签要求在你的Chrome DevTools反应。这表明你的根反应组件在页面渲染，以及他们最终渲染组件。
React开发者工具究竟是什么？Face_book把它简单低调地定义成一个“用来构建UI的JavaScript库”。这个定义也许会让我们联想到许多JavaScript模板语言（比如Handlebars和Swig），或者早期的控件库（比如YUI和Dojo），但是React所基于的几个核心概念使它与那些模板和控件库迥然不同。事实上这几个核心概念非常超前，已经给整个前端世界带来了冲击性的影响。
1.组件和基于组件的设计流程；
2.单向数据流动；
3.虚拟DOM取代物理DOM作为操作对象；
4.用JSX语法取代HTML模板，在JavaScript里声明式地描述UI。
5.这几条简单的原则放在一起带来了大量的好处：
6.前端和后端都能够从React组件渲染页面，完全解决了SEO长期困扰JavaScript单页应用的问题；
7.我们可以简单直接地写前端测试而完全忘掉DOM依赖；
8.组件的封装方式和单向数据流动能够极大地简化前端架构的理解难度
