React入门实战教程
实用 AI
可在线运行 AI 集合,涵盖 AI 文案生成、写作辅助、AI 绘图与照片修复、AI 配音、字幕生成、语音转录以及 AI 视频创作和数字人等多种 AI 服务。查看详情

React 入门实战教程 #

本课程我们将学习 React 的基础知识, React 是目前最流行的 JavaScript 库,使用 React 可以高效的开发 Web 前端项目,这门课程我们采用边学边开发的模式,通过一个类似 ChatGPT 前端的实战项目来学习 React 基础知识,除了 React 的基础知识以外,还包括 Next.js 和 tailwindcss 等框架的使用。在学习这个课程之前需要先学习 HTML 和 CSS 以及 JavaScript,如果你还没学习过这些内容,可以查看我们的 HTML 和 CSS 入门教程以及 JavaScript 基础教程

📖 课程大纲 #

01.ChatGPT 实战项目 #

▶️ 哔哩哔哩 ▶️ YouTube

02.Next.js 基础知识 #

▶️ 哔哩哔哩 ▶️ YouTube

03.React 基础知识 #

▶️ 哔哩哔哩 ▶️ YouTube

04.使用 Tailwind CSS #

▶️ 哔哩哔哩 ▶️ YouTube

05.全局状态管理(上) #

▶️ 哔哩哔哩 ▶️ YouTube

06.全局状态管理(下) #

▶️ 哔哩哔哩 ▶️ YouTube

07.渲染分组列表 #

▶️ 哔哩哔哩 ▶️ YouTube

08.使用 useEffect #

▶️ 哔哩哔哩 ▶️ YouTube

09.开发欢迎页内容 #

▶️ 哔哩哔哩 ▶️ YouTube

10.开发消息输入框 #

▶️ 哔哩哔哩 ▶️ YouTube

11.使用 memo 函数 #

▶️ 哔哩哔哩 ▶️ YouTube

12.Next.js 服务端开发 #

▶️ 哔哩哔哩 ▶️ YouTube

13.完善消息收发功能 #

▶️ 哔哩哔哩 ▶️ YouTube

14.使用 useRef #

▶️ 哔哩哔哩 ▶️ YouTube

15.使用 Prisma #

▶️ 哔哩哔哩 ▶️ YouTube

16.事件通知和 useCallback #

▶️ 哔哩哔哩 ▶️ YouTube

17.Prisma 分页查询 #

▶️ 哔哩哔哩 ▶️ YouTube

18.上拉加载更多数据 #

▶️ 哔哩哔哩 ▶️ YouTube

19.Prisma 事务接口 #

▶️ 哔哩哔哩 ▶️ YouTube

20.接入 OpenAI SDK #

▶️ 哔哩哔哩 ▶️ YouTube

21.ChatGPT 生成对话标题 #

▶️ 哔哩哔哩 ▶️ YouTube

💬 在线体验 #

http://chat.zhixing.co

💻 代码仓库 #

https://github.com/zhixingxiaoke/react-hands-on-tutorial-for-beginners.git

讨论 #

有什么问题或者建议,可以在视频平台中私信或者评论,也可以在 🙋 Github 讨论区发表。