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
相关推荐
超人不会飛29 分钟前
就着HTTP聊聊SSE的前世今生
前端·javascript·http
蓝胖子的多啦A梦32 分钟前
Vue+element 日期时间组件选择器精确到分钟,禁止选秒的配置
前端·javascript·vue.js·elementui·时间选选择器·样式修改
夏天想34 分钟前
vue2+elementui使用compressorjs压缩上传的图片
前端·javascript·elementui
今晚打老虎z42 分钟前
dotnet-env: .NET 开发者的环境变量加载工具
前端·chrome·.net
用户3802258598241 小时前
vue3源码解析:diff算法之patchChildren函数分析
前端·vue.js
烛阴1 小时前
XPath 进阶:掌握高级选择器与路径表达式
前端·javascript
小鱼小鱼干1 小时前
【JS/Vue3】关于Vue引用透传
前端
JavaDog程序狗1 小时前
【前端】HTML+JS 实现超燃小球分裂全过程
前端
独立开阀者_FwtCoder1 小时前
URL地址末尾加不加 "/" 有什么区别
前端·javascript·github
独立开阀者_FwtCoder1 小时前
Vue3 新特性:原来watch 也能“暂停”和“恢复”了!
前端·javascript·github