React介绍

Posted 2020-07-31

1、React是什么？

React是Facebook开源的一个用于构建用户界面的javascript库，已经 应用于Facebook及旗下Instagram。

和庞大的AngularJS不同，React专注于MVC架构中的V，即视图。 这使得React很容易和开发者已有的开发栈进行融合。

React顺应了Web开发组件化的趋势。应用React时，你总是应该从UI出发抽象出不同 的组件，然后像搭积木一样把它们拼装起来

这个项目本身也越滚越大，从最早的UI引擎变成了一整套前后端通吃的 Web App 解决方案。衍生的 React Native 项目，目标更是宏伟，希望用写 Web App 的方式去写 Native App。如果能够实现，整个互联网行业都会被颠覆，因为同一组人只需要写一次 UI ，就能同时运行在服务器、浏览器和手机。

2、官网地址

英文网：http://facebook.github.io/react/docs/getting-started.html 文档最新且更新快（推荐大家看这个）

中文网：http://reactjs.cn/react/docs/getting-started.html 文档陈旧版本低（大家如果看不懂英文可以先看这个）

3、在线编辑工具

在线编辑工具，可以方便我们快速学习react基本语法

4、为什么使用 React？

我们创造 React 是为了解决一个问题：构建随着时间数据不断变化的大规模应用程序。为了达到这个目标，React 采用下面两个主要的思想。

1、简单

仅仅只要表达出你的应用程序在任一个时间点应该长的样子，然后当底层的数据变了，React 会自动处理所有用户界面的更新。

2、声明式 (Declarative)

数据变化后，React 概念上与点击“刷新”按钮类似，但仅会更新变化的部分。

3、构建可组合的组件

React 都是关于构建可复用的组件。事实上，通过 React 你唯一要做的事情就是构建组件。得益于其良好的封装性，组件使代码复用、测试和关注分离（separation of concerns）更加简单。

 

更多原因 http://facebook.github.io/react/blog/2013/06/05/why-react.html

5、react使用说明

希望以上内容让你明白了如何思考用 React 去构造组件和应用。虽然可能比你之前要输入更多的代码，记住，读代码的时间远比写代码的时间多，并且阅读这种模块化的清晰的代码是相当容易的。当你开始构 建大型的组件库的时候，你将会非常感激这种清晰性和模块化，并且随着代码的复用，整个项目代码量就开始变少了。

6、实战案例

http://info.smartstudy.com/

7、入门视频

      这三个视频是youtube上的很好的视频，完整的介绍了一个todolist怎么做出来

        https://www.youtube.com/watch?v=7eLqKgp0eeY

 

        https://www.youtube.com/watch?v=fZKaq623y38&list=PLQDnxXqV213JJFtDaG0aE9vqvp6Wm7nBg

 

        https://www.youtube.com/watch?v=QQK5hpUuOuA&list=PLUAEXpf1UDMkzPOiNJBrlqsUryn7n2cnK

8、参考资料

        https://github.com/dingyiming/learn-Js-react/issues/1