React介绍

简介: 一、React课程目录介绍二、React 简介

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-创建组件的方式

了解ES6class关键字的使用

基于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 相关的操作。

相关文章
|
4月前
|
Web App开发 前端开发 JavaScript
React 之 requestIdleCallback 来了解一下
React 之 requestIdleCallback 来了解一下
116 0
|
23天前
|
前端开发 JavaScript 开发者
|
2月前
|
前端开发 JavaScript 编译器
使用React
使用React
13 0
|
5月前
|
存储 前端开发 JavaScript
对于React的了解与认识
对于React的了解与认识
|
10月前
|
XML 存储 缓存
|
10月前
|
前端开发 JavaScript 数据可视化
react的应用
react的应用
70 1
|
机器学习/深度学习 设计模式 前端开发
React17在我看来是这样的
本文适合觉得React难学,或者想重头系统化学习React的小伙伴。
|
前端开发 调度
一篇必看的React文章
本文适合有 React 基础的小伙伴进阶学习
一篇必看的React文章
|
前端开发 JavaScript 算法
react知识总结
react知识总结
|
前端开发 JavaScript API
REACT
开始 这是一个 React 文档及相关资源的概览页面。 React 是一个用于构建用户界面的 JavaScript 库。你可以在首页或教程中学习什么是 React。
153 0