React 第一章 概述

React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架都不满意,就决定自己写一套,用来架设 Instagram 的网站。

React 的实质其实是一个用于构建用户界面的 JavaScript 库。React 主要用于构建 UIReact20135 月开源,由于拥有较高的性能,代码逻辑简单,越来越多的人已开始关注和使用它。

UI = fn(state)

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

这个项目本身也越滚越大,从最早的 UI 引擎变成了一整套前后端通吃的 Web App 解决方案。

React 官网:https://reactjs.org

React 从诞生到现在,一直在给我们带来各种各样的惊喜。甚至从 2015 年开始,每年都会举行 React Conf 大会,介绍 React 本年度所更新的新特性有哪些。

React Conf 官网:https://conf.reactjs.org/

React Conf 油管视频:https://www.youtube.com/channel/UC1hOCRBN2mnXgN5reSoO3pQ

下面介绍一下 React 几个重要版本的重大更新:

  • React 16 :出现了 Fiber,整个更新变的可中断、可分片、具有优先级
  • React 16.8 :推出了 Hooks,标志着从类组件正式转为函数组件
  • React 17 :过渡版本,没有添加任何面向开发人员的新功能。而主要侧重于升级简化 React 本身
  • React 18
    • transition
    • Suspense
    • 新的 Hooks
    • Offscreen
    • ...

React 特点

React 官网中,罗列了 3 个特点:

  • 声明式
  • 组件化
  • 一次学习,跨平台编写

除此之外,React 还具有如下的特点:

  • 单向数据流
  • 虚拟 DOM
  • Diff 算法

搭建开发环境

虽然官方提供了通过 CDN 引入 React 的方式:https://zh-hans.reactjs.org/docs/cdn-links.html

但是实际开发中肯定是使用 React 的脚手架工具来搭建项目,React 官方提供了脚手架工具 Create React App

https://create-react-app.dev

快速开始:

js 复制代码
npx create-react-app my-app
cd my-app
npm start
相关推荐
袁煦丞11 分钟前
9.12 Halo的“傻瓜建站魔法”:cpolar内网穿透实验室第637个成功挑战
前端·程序员·远程工作
universe_0133 分钟前
day27|前端框架学习
前端·笔记
沙尘暴炒饭35 分钟前
前端vue使用canvas封装图片标注功能,鼠标画矩形框,标注文字 包含下载标注之后的图片
前端·vue.js·计算机外设
百思可瑞教育1 小时前
Vue中使用keep-alive实现页面前进刷新、后退缓存的完整方案
前端·javascript·vue.js·缓存·uni-app·北京百思可瑞教育
yinuo1 小时前
Uni-App跨端实战:APP的WebView与H5通信全流程解析(03)
前端
yinuo1 小时前
Uni-App跨端实战:支付宝小程序WebView与H5通信全流程解析(02)
前端
GISer_Jing2 小时前
sqb&ks二面(准备)
前端·javascript·面试
谢尔登2 小时前
【Webpack】模块联邦
前端·webpack·node.js
Bottle4142 小时前
深入探究 React Fiber(译文)
前端