欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

最火的js MVC框架--react

程序员文章站 2022-04-24 13:53:33
...
why React?

React是Facebook开发的一款JS库,那么Facebook为什么要建造React呢,主要为了解决什么问题,通过这个又是如何解决的?

从这几个问题出发我就在网上搜查了一下,有这样的解释。

Facebook认为MVC无法满足他们的扩展需求,由于他们非常巨大的代码库和庞大的组织,使得MVC很快变得非常复复杂,每当需要添加一项新的功能或特性时,系统的复杂度就成级数增长,致使代码变得脆弱和不可预测,结果导致他们的MVC正在土崩瓦解。认为MVC不适合大规模应用,当系统中有很多的模型和相应的视图时,其复杂度就会迅速扩大,非常难以理解和调试,特别是模型和视图间可能存在的双向数据流动。

解决这个问题需要“以某种方式组织代码,使其更加可预测”,这通过他们(Facebook)提出的Flux和React已经完成。

Flux是一个系统架构,用于推进应用中的数据单向流动。React是一个JavaScript框架,用于构建“可预期的”和“声明式的”Web用户界面,它已经使Facebook更快地开发Web应用

react算是目前最火的js MVC框架了,写一个react系列的博客,顺便回忆一下react的基础知识,新入门前端的小白,可以持续关注,我会从零开始教大家用react开发一个完整的项目,也会涉及到webpack,node等前端知识,每天会更新一篇。这篇react的系列博客会覆盖react目前的所有知识点:

一、React基础
1.React 虚拟DOM概念,React的性能高效的核心算法
2.React组件,理解什么叫组件化
3.React组件嵌套
4.JSX内置表达式
5.React的生命周期

二、React属性和事件
1.State属性,控制着React的一切
2.Props属性
3.事件与数据的双向绑定,包含了父子页面之间的参数传递
4.可复用组件,真正让React开发快速。高效的地方
5.组件的Refs
6.独立组件共享Mixins

三、React样式
1.内联样式
2.内联样式中的表达式
3.CSS模块化,学习如何使用require进行样式的引用
4.JSX样式与CSS的互转
5.一个非常好用的样式框架Ant Desgin样式框架介绍
6.Ant Desgin样式框架的使用

四、React Router

Router概念 Router参数传递

react发展 :facebook开发自己的内部网站Instagram,自己团队研发的一款JavaScript MVC 框架,在2013年5月开源。

React主要用于构建UI,渲染UI,构建可交互的应用组件,在随后发布了react Native,用webapp的方式代替原生开发,一套UI,多处运行。

以上就是最火的js MVC框架--react的详细内容,更多请关注其它相关文章!