摘要

众所周知,前端三大框架Angular、React、Vue,所以为了跟上时代的步伐,最近开始着手学习React,这时候就发现个大问题,框架一直在更新,提倡的编写语法也在更新,网上有许多教程都是一两年前的了,因此,我决定直接从官方英文文档入手学习,学习的框架版本为最新的ReactV15.5.0,现将学习笔记整理如下,以供大家参考,本篇文章主要是react一些基础语法的讲解与总结,如需深入了解,可查阅官方文档,也敬请期待后续文章。

一、React有什么好?

1、组件化

什么是组件?答曰:功能独立,封装良好的代码块。前端页面一直提倡组件化,因为组件化可以实现高重用,大大提升了我们的开发效率,也让我们的页面结构变得更加清晰。所以React提倡将页面解构成组件树,以组件为最小单元构造页面。

2、虚拟DOM

众所周知,JS的DOM操作,是影响网页性能的重要因素之一,因此React提出了虚拟DOM的概念,组件并不是真实的 DOM 节点,而是存在于内存之中的一种数据结构,叫做虚拟 DOM (virtual DOM)。只有当它插入文档以后,才会变成真实的 DOM 。根据 React 的设计,所有的 DOM 变动,都先在虚拟 DOM 上发生,然后再将实际发生变动的部分,反映在真实 DOM上,这种算法叫做 DOM diff ,它可以极大提高网页的性能表现。

二、用React构建你的webApp需要什么?

网友评论