React介绍
内容介绍
一、React课程目录介绍
二、React 简介
一、React课程目录介绍
1-5都是概念相关的知识点,从7开始逐渐开始写代码,不直接写代码的原因是不知道为何要写,所以先把简介等相关内容进行学习,为之后的学习做好铺垫。
1.React简介
2.前端三大主流框架
3.React与 vue 的对比
组件化方面
开发团队方面
社区方面
移动 APP 开发体验方面
4.为什么要学习React
5.React中几个核心的概念
虚拟 DOM (Virtual DocumentObject Model)
Diff算法
6.创建基本的webpack4.x项目 (从学习的3.6版本升级到4.x的版本学习)
7.在项目中使用react
8.JSX语法
9.React中创建组件
第1种-创建组件的方式
第2种-创建组件的方式
了解ES6中class关键字的使用
基于class关键字创建组件
10.两种创建组件方式的对比
11.—个小案例,巩固有状态组件和无状态组件的使用
通过for循环生成多个组件
设置样式 等等
二、React 简介
React起源于Facebook的内部项目,因为该公司对市场上所有JavaScript MVC框架,都不满意,就决定自己写一套,用来架设Instagram(照片交友)的网站。做出来以后,发现这套东西很好用,**就在2013年5月开源了**。
由于React的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来Web开发的主流工具。
独特:angular 1是2009年起源的 谷歌开发的现在已经不怎么用了,现在已经升级了很多版本。因为本身有一些缺陷,使用起来很麻烦,里面没有组件的概念,只有一些模块、控制器等概念不支持组件化开发,angular2以后才开始支持。
React从诞生到现在几乎没有太大版本的改变,但 angular 改变是非常明显的。
清楚两个概念:
1.library(库)∶小而巧的库,只提供了特定的 API;优点就是“船小好掉头”,可以很方便的从一个库切换到另外的库;但是代码几乎不会改变;
网页开发的时候更多会用到 jquery,但手机端开发的时候会用到其他组件,从 jquer 迁移到其他的并不困难,因为 API 比较类似。
2.Framework(框架)∶大而全的是框架;框架提供了一整套的解决方案;
所以,如果在项目中间,想切换到另外的框架,是比较困难的;
比如 vue,做网站用到 vue 时,相关的路由、发送请求等都会用到 vue 相关的操作。