React 入门实战教程 #
本课程我们将学习 React 的基础知识, React 是目前最流行的 JavaScript 库,使用 React 可以高效的开发 Web 前端项目,这门课程我们采用边学边开发的模式,通过一个类似 ChatGPT 前端的实战项目来学习 React 基础知识,除了 React 的基础知识以外,还包括 Next.js 和 tailwindcss 等框架的使用。在学习这个课程之前需要先学习 HTML 和 CSS 以及 JavaScript,如果你还没学习过这些内容,可以查看我们的 HTML 和 CSS 入门教程以及 JavaScript 基础教程。
📖 课程大纲 #
01.ChatGPT 实战项目 #
02.Next.js 基础知识 #
03.React 基础知识 #
04.使用 Tailwind CSS #
05.全局状态管理(上) #
06.全局状态管理(下) #
07.渲染分组列表 #
08.使用 useEffect #
09.开发欢迎页内容 #
10.开发消息输入框 #
11.使用 memo 函数 #
12.Next.js 服务端开发 #
13.完善消息收发功能 #
14.使用 useRef #
15.使用 Prisma #
16.事件通知和 useCallback #
17.Prisma 分页查询 #
18.上拉加载更多数据 #
19.Prisma 事务接口 #
20.接入 OpenAI SDK #
21.ChatGPT 生成对话标题 #
💬 在线体验 #
💻 代码仓库 #
https://github.com/zhixingxiaoke/react-hands-on-tutorial-for-beginners.git