开发者学堂课程【React 入门与实战:React 介绍】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/585/detail/8069
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 相关的操作。