React 介绍|学习笔记

简介: 快速学习 React 介绍

开发者学堂课程【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 (照片交友)的网站。做出来以后,发现这套东西很好用,**就在20135月开源了**

由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来 Web 开发的主流工具。

独特:angular 12009年起源的 谷歌开发的现在已经不怎么用了,现在已经升级了很多版本。因为本身有一些缺陷,使用起来很麻烦,里面没有组件的概念,只有一些模块、控制器等概念不支持组件化开发,angular2 以后才开始支持。

React 从诞生到现在几乎没有太大版本的改变,但 angular 改变是非常明显的。

清楚两个概念:

1.library()小而巧的库,只提供了特定的 API;优点就是“船小好掉头”,可以很方便的从一个库切换到另外的库;但是代码几乎不会改变;

网页开发的时候更多会用到 jquery,但手机端开发的时候会用到其他组件,从 jquer 迁移到其他的并不困难,因为 API 比较类似。

2.Framework(框架)大而全的是框架;框架提供了一整套的解决方案;所以,如果在项目中间,想切换到另外的框架,是比较困难的;

比如 vue,做网站用到 vue 时,相关的路由、发送请求等都会用到 vue 相关的操作。

相关文章
|
3月前
|
XML 前端开发 JavaScript
react学习笔记一:入门级小白到脚手架(create-react-app)开发项目
这篇文章是React的学习笔记,覆盖了从React的基础用法到高级特性,包括组件化、状态管理、生命周期、虚拟DOM等主题,适合React初学者参考。
119 0
react学习笔记一:入门级小白到脚手架(create-react-app)开发项目
|
7月前
|
移动开发 前端开发 Java
技术笔记:ReactNative学习笔记(一)————(RN)快速入门
技术笔记:ReactNative学习笔记(一)————(RN)快速入门
82 0
|
Web App开发 前端开发 JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
142 0
|
前端开发 API
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
90 0
|
8月前
|
前端开发
React学习笔记(一)
React学习笔记(一)
|
8月前
|
前端开发
React学习笔记
React学习笔记
|
8月前
|
前端开发 JavaScript
《Webpack5 核心原理与应用实践》学习笔记-> React全栈环境
《Webpack5 核心原理与应用实践》学习笔记-> React全栈环境
81 0
|
JavaScript 前端开发 调度
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber和虚拟dom关系
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber和虚拟dom关系
89 0
|
前端开发
前端学习笔记202307学习笔记第六十二天-react原理之1
前端学习笔记202307学习笔记第六十二天-react原理之1
73 0
|
前端开发
前端学习笔记202307学习笔记第六十一天-react知识点串讲之6
前端学习笔记202307学习笔记第六十一天-react知识点串讲之6
75 0