React 18 Tutorial and Projects Course
React 18 教程和项目课程

Hands-on React: Create 25+ Projects. Includes Axios, Router 6, Query 4, Redux Toolkit
动手反应：创建 25+ 个项目。包括 Axios、路由器 6、Query 4、Redux 工具包

教程演示🔗

学习内容

使用 React 制作出色的项目

要求

要求具备HTML、CSS、JS的丰富知识。ES6是可选的。

描述

React 是一个用于构建用户界面的 JavaScript 库。它由 Facebook 开发和维护，通常用于构建单页应用程序和移动应用程序。

学习 React 的一个原因是它是一种流行且需求旺盛的技术，因此学习它可以改善您的工作前景，并让您更容易找到前端开发人员的工作。React 也是构建现代 Web 应用程序的不错选择，因为它高效、可扩展且快速，并且它使用虚拟 DOM（实际 DOM 的轻量级内存表示）来最大限度地减少所需的 DOM 操作数量，从而更容易构建高性能应用程序。

学习 React 的另一个原因是它是一个精心设计且灵活的库，可以轻松构建可重用的组件，这些组件可以组合成构建复杂的用户界面。这样可以更轻松地维护和更新代码库，因为您可以在多个位置重用组件，而不必多次重写相同的代码。

总的来说，React 是一个强大且广泛使用的工具，用于构建现代 Web 应用程序，学习它可以成为您作为前端开发人员技能的宝贵补充。

在课程中，我们将使用最新版本的 React – React 18。

就我们将要涵盖的概念而言

– React Fundamentals – React 基础

– useState hook – useState 钩子

– useEffect hook – useEffect 钩子

– conditional rendering  – 条件渲染

– forms  -形式

– useRef hook – useRef 钩子

– useReducer hook – 使用Reducer钩子

– prop drilling – 道具钻孔

– context api – 上下文 API

– custom hooks – 定制钩子

– useCallback hook – useCallback 钩子

– useMemo hook – 使用备忘录钩子

– React Router 6 – React 路由器 6

– axios http library – axios http 库

– redux-toolkit – redux工具包

All Project Intros are available for preview.
所有项目介绍都可供预览。

Here are some of the projects we are going to build in this course
以下是我们将在本课程中构建的一些项目

1. Birthday Reminder 1. 生日提醒

2. Tours 2. 旅游

3. Reviews 3. 评论

4. Accordion 4. 手风琴

5. Menu 5. 菜单

6. Tabs 6. 标签

7. Slider 7. 滑块

8. Lorem Ipsum 8. 洛雷姆·伊普苏姆

9. Color Generator 9.颜色发生器

10. Grocery Bud 10. 杂货店芽

11. Navbar 11. 导航栏

12. Sidebar and Modal 12. 侧边栏和模态

13. Stripe Menu 13. 条纹菜单

14. Cart 14. 购物车

15. Cocktails 15. 鸡尾酒

16. Markdown Preview 16. Markdown 预览

17. Random Person 17. 随机人

18. Pagination 18. 分页

19. Stock Photos 19. 库存照片

20. Dark Mode 20.黑暗模式

21. Movies DB 21. 电影数据库

22. Hacker News 22. 黑客新闻

23. Quiz 23. 测验

24. Github Users 24. Github 用户

25. E-Commerce 25. 电子商务

26. Jobster 26. 乔布斯特

本课程适用于谁

每个想学习 React 的人