码迷,mamicode.com
首页 > 其他好文 > 详细

React介绍

时间:2016-06-28 20:14:53      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

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

React介绍

标签:

原文地址:http://www.cnblogs.com/sunjianhui/p/5624660.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!