React入门

REACT及其相关配套的技术是一套前端开发框架,采用了面向对象式的编程方式来编写前端。并且可以独立运行前端,使得前后端分离。从一定角度上来说是颠覆了之前jquery编写前端的方式。react的对象是以组件方式存在的,并且组件中可以存储数据并同数据绑定(状态机),数据的变化决定了组件的状态。我认为数据同组件绑定的方式尤其出彩,虽然说不明所以,但认为这种方式简直就是浑然天成,天经地义之方式。

      React中每个组件都有自己的状态机(数据),数据要进行共享、传递的时候免不了一层层向下或向上进行的传递,这就显得十分不合理。于是React大家族中提供了Redux框架,Redux框架提供的功能很多也很强大,但从数据上来说,它把整个web应用作为一个状态机,将所有用到的数据由Redux独立管理,任何一个组件都可以访问得到redux中存储的数据,并且redux是根据数据(状态机)的改变去触发对应组件状态的改变。redux就像一个中央管理器一样接收反馈,处理反馈。而同后端通信同样是根据redux扩展的中间件通过ajax来通信,这种处理方式很好的隐藏了同后端的通信,保护后端及数据的安全。

       <Router> 路由标签,它完成的工作是同以前jquery方式根据url从服务器获取html文件到浏览器的工作相同。但是现在前段有独立的服务了,url根据路由标签的配置会返回对应的组件页面到前段展现,个人认为路由标签现在只需要加到最外层的几个页面即可,各个内部的组件完全可以通过redux进行动态的展现。

      由此现在react可以根据Router路由标签加载页面,根据redux获取后台数据,根据事件改变页面的展现状态。一个前端搭建所需的基本要素已经拥有了,并且会比jquery的方法更安全,更合理,更便捷。

原文地址:https://www.cnblogs.com/alizhi/p/9067028.html