学习中心> React 入门与实战> 正文

React 入门与实战

54课时 |
12835人已学 |
免费
课程介绍

React是一个用于构建用户界面的JavaScript库。特点:

  • 声明式设计:React采用声明范式,可以轻松描述应用。
  • 高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。
  • 灵活:React可以与已知的库或框架很好地配合。

React介绍 

内容介绍

一、React课程目录介绍

二、React 简介

 

  1. 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 相关的操作。

我的学习进度
请登录后查看您的学习进度!
立即登录
本课程相关云产品