前端React18入门到实战

视频地址:https://www.bilibili.com/video/BV1ZB4y1Z7o8/?spm_id_from=333.337.search-card.all.click&vd_source=f8edb730040256369513da6f2506c493

React 入门到实战导学课程

1、课程亮点

  • 完整的前后台项目(PC+移动,完整业务,各有侧重)
  • React 最新企业标准技术栈(React18 + Redux + ReactRouter + AntD)
  • React + TypeScript (为大型项目奠定基础)

2、课程内容安排

Day1-01.React简单介绍

1、React是什么

React由 Meta 公司研发,是一个用于 构建 Web 和原生交互界面的库

2、React 的优势

3、React的市场情况

Day1-02.React开发环境创建

1、使用 create-react-app快速搭建开发环境

create-react-app 是一个快速 创建 React 开发环境的工具,底层由 Webpack 构建,封装了配置细节,开箱即用

执行 npx create-react-app react-basic 报如下错误时,请 npx create-react-app@latest react-basic

通过 npm start 启动项目

index.js 为项目的入口,从这里开始运行

index.js文件中的 11行代码是将 root 渲染到 pulic/index.html文件中

app.js文件是 项目的根组件

Day1-03.JSX基础-概念和本质

1、什么是 JSX

概念:JSX是 JavaScript 和 XML(HTML)的缩写,表示在JS代码中编写HTML模板结构,它是React中编写UI模板的方式

2、JSX的本质

相关推荐
Ramble_Naylor11 分钟前
Rust深度解读:高性能 Web 网关与 Axum 架构剖析
前端·架构·rust
程序员飞哥11 分钟前
AI 编程额度怎么用才不浪费?
java·前端·后端
柳杉13 分钟前
用 Codex 魔改卡神开源的 AIHOT,我做了个 3D 技术雷达
前端·aigc
王亚博_Abel15 分钟前
AI 编程时代怎么选前端框架?同一个应用让 Agent 用 12 种框架各写 5 遍,我整理出这套选型方法
前端·人工智能·前端框架
不在逃避q18 分钟前
Chrome 扩展安全攻防实录:从攻击面到防御实践
前端·chrome·安全
砚凝霜20 分钟前
保姆级 | CTF Lemon:禁用右键/F12 怎么破?查看源码 + HTML 注释拿 flag
前端·html
IT_陈寒28 分钟前
Vite开发实战:从入门到精通
前端·人工智能·后端
普通人631 分钟前
Web端3D模型加载实战指南_Vue3_uni-app_HTML
前端·javascript·uni-app·html
志尊宝32 分钟前
AI原生前端开发(043):AI辅助的样式生成(Tailwind CSS)
前端·css·ai-native
king王一帅44 分钟前
QuireKit 编辑器的 AI-Native 是如何设计的?谈谈我对真正 AI-Native 的理解
前端·开源·agent