前端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的本质

相关推荐
骑着小黑马3 分钟前
Electron + Vue3 + AI 做了一个新闻生成器:从 0 到 1 的完整实战记录
前端·人工智能
Sailing5 分钟前
LLM 调用从 60s 卡死降到 3s!彻底绕过 tiktoken 网络阻塞(LangChain.js 必看)
前端·langchain·llm
洋洋技术笔记5 分钟前
计算属性与侦听器
前端·vue.js
用户814486958116 分钟前
“马上”有惊喜:在 Rokid 灵珠平台上构建 FPS 级 AR 红包雷达应用
前端
李剑一12 分钟前
拿来就用!Vue3+Cesium 飞入效果封装,3D大屏多场景直接复用
前端·vue.js·cesium
天蓝色的鱼鱼40 分钟前
都2026年了还不会Vite插件开发?手写一个版本管理插件,5分钟包会!
前端·vite
苏武难飞1 小时前
分享一个33号远征队的效果!
前端
鹏程十八少1 小时前
4.Android 30分钟手写一个简单版shadow, 从零理解shadow插件化零反射插件化原理
android·前端·面试
亿元程序员1 小时前
这款值68亿的游戏,你不实战一下吗?安排!
前端
摸鱼的春哥2 小时前
Agent教程15:认识LangChain(中),状态机思维
前端·javascript·后端