首页 实战 2024版,React18+ Nest.js 全栈开发仿问卷星项目
收藏

React18+Next.js14+Nest.js全栈开发复杂低代码项目

2024 升级,最新React生态,开发仿问卷星项目

2024版,React18+ Nest.js 全栈开发仿问卷星项目

¥999.00
难度 中级 时长 49小时 学习人数 337 综合评分 8.96 更新时间 2024.03.18
React一站式打通Web&移动端
套餐价格:¥1,438.00
2门课 总价:¥1,598.00
立即购买
React18生态&高阶实战
套餐价格:¥1,438.00
2门课 总价:¥1,598.00
立即购买
从React 复杂实战到深度掌握
套餐价格:¥1,438.00
2门课 总价:¥1,598.00
立即购买
React18+Next+Nest 全栈进阶
套餐价格:¥1,146.00
2门课 总价:¥1,298.00
立即购买

接触过几千名前端学员,发现大部分学员只用过Vue,但React在大厂的使用率非常高,不懂 React会降低学员在工作、面试中的竞争力。本课由双越慕课明星讲师,运用擅长的通俗易懂的讲课方式,从入门到实战,帮助你系统构建完整的最新React生态技术体系,完成一个超2W行的高质量低代码项目-高仿问卷星。2024年更新Nest.js开发服务端,升级为全栈项目。React + Nest.js,助你在激烈的竞争中脱影而出。

双越
讲师

资深前端工程师

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
课程目标

大厂青睐的 React 最新生态技术栈,配合Nest.js全栈开发
从入门、进阶到实战系统学习,倍增你的核心竞争力,为职场赋能

掌握 React 最新技术栈和知识体系
最新版本:React18 + TS4 + AntDesign5 + Next.js13
完整知识体系:React基础,第三方Hooks,状态管理,测试,性能优化
高级技能:immer,ahooks,拖拽排序,撤销重做,可视化图表
更好的应对现在或未来职业发展
掌握复杂项目的设计和研发流程
复杂页面 UI 组件设计和拆分
复杂数据拆分模块,合理的数据结构设计
充分考虑扩展性,灵活扩展多个问卷组件
面向零基础,渐进式项目开发
从 React 零基础开始,深入浅出
即学即用,边学习边实战,渐进式开发项目
边设计边开发,不断层,再难也能轻松跟学

前端+服务端,B端+C端,技术业务双闭环实战
收获企业级复杂项目开发能力

项目包含了从创建、编辑、保存、发布问卷,到填写
答卷、提交答卷,最后到答卷数据统计的完整流程,
是一个完整的、闭环的项目。
多端:包含 B 端(React 开发),C 端(Next.js 开发)
业务闭环:有输入(创建编辑问卷)有输出(查看统计数据)
技术闭环:先使用Mock.js模拟API,后使用Nest.js开发服务端
卷发布者,在 B 端 创建、编辑、发布问卷
用户, 在 C 端 填写答卷
问卷发布者,在 B 端查看统计数据

拿出真正足够证明实力的复杂 React 低代码项目
帮你在激烈的面试竞争中脱颖而出

复杂页面如何拆分组件? UI 如何设计?
大量问卷数据如何存储?数据结构如何设计?
图层、画布、属性表单,三者的数据如何联动
如何灵活扩展组件库?而不破坏整个页面设计
如何实现灵活流畅拖拽排序、撤销重做?
3
个大模块
10+
页面
300+
功能
2W
行代码

从 0 开始构建最新、完整的 React 知识+生态技术体系,让你一课吃透

从基础使用,到高阶运用,再到原理解析,点、线、面结合,保证学习效果

Create-React-App
Vite / Next.js
ESLint
Prettier
Husky
Commit-lint
Craco.js
JSX 语法
函数组件
Props
Typescript 类型
开发者工具
useState
useEffect
useRef
自定义 Hook
Hooks 规则
ahooks
react-use
普通 CSS
CSS-Module
CSS-in-JS
Styled-components
Styled-jsx
Emotion
classnames
React-Router
路由嵌套和 Outlet
动态路由
页面跳转
获取参数
AntDesign
AntDesign-icons
Layout 和布局
Material-UI
Tailwind
受控组件
Form.List 动态表单
AntDesign-Form-rules
React-hook-form
Formik
XMLHTTPRequest
Fetch / Axios
useRequest
Mock.js
Postman
RestfulAPI
JWT 用户校验
状态提升
useContext
useReducer
Redux
Immer 不可变数据
Redux-undo 撤销重做
MobX
React-dnd
React-beautiful-dnd
Sortable.js
React-sortable-hoc
dnd-kit
React-chartjs-2
Recharts
ECharts-for-react
useMemo
useCallback
React.memo
analyzing-the-
bundle-size
路由懒加载
抽离公共代码
jest
React-Testing-Library
pre-commit 自动化测试
storybook
Next.js
Pages Router
Server-Side-Rendering
App Router
Server Component
Server Action
Nest.js
Module 模块
Servise 服务
¡Controller 路由
Interceptor 和 Filter
Guard 守卫
JWT 用户校验

慕课明星讲师,细致+渐进式+接地气的讲课风格,为你的学习保驾护航

万人粉丝、大厂背景,最擅长把晦涩难懂的问题,讲得通俗易懂

第1章 开期准备
介绍课程内容,学习建议和注意事项。演示课程项目,让学员有一个整体的认识。
第2章 【入门】什么是 React React 引领了现代前端开发的变革
介绍 React 的历史、背景和每次版本更新。介绍 React 的核心概念:组件化 + 数据驱动视图。对比 React 和 Vue ,其实 React 比 Vue 更简洁。
第3章 【基础】创建 React 项目开发环境 - 代码未动,环境先行
本章将使用 Create-React-App 创建 React 项目环境,它是 React 官方推荐的创建工具。此外本章还会配置 ESLint 和 Prettier 规范代码格式,并把代码提交到 git 仓库。
第4章 【基础】JSX 语法和组件基础 - 学完即可开发一个静态页面
JSX 和组件是 React 的基础,本章将从 0 讲解 JSX 语法,从 0 认识组件、属性,以及组件的拆分和嵌套。即学即用,开发一个问卷列表页。
第5章 【基础】React Hooks - 处理逻辑监听状态,让页面动起来
Hooks 是 React 的重要内容,React 使用各种 Hooks 来处理逻辑、更新数据。本章学习基础 Hooks 如 useState useEffect ,高级 Hooks 如 useMemo useCallback useRef ,还有自定义 Hooks 和第三方 Hooks 。即学即用,使用 Hooks 重构之前的问卷列表页。
查看完整目录

每个慕课网课程,都是一个专业的技术社区

个性化增值服务,学习有保障更高效

答疑专区+技术社区
连百度谷歌都搜不到的问题,在这里讲
师都将耐心详细解答,更有小伙伴一起
交流互动,共同进步。
独家“动态”教辅材料
丰富的专属教辅资料上传更新,通过课
程教案、原理图解、技术文档、演示案
例等各种教材,保障你的学习效果。
课程全套代码下载
提供课程全套源代码下载,包含:
全套组件封装镜像、私有仓库、各个服
务的镜像、项目源代码。
实用图文资料
部分简单内容以图文形式呈现,与视频相
配合,既保障学习效果,又提高了学习效
率。
适合人群
想从 0 学习 React 完整技术栈的同学
学过 Vue 还想进阶 React 的同学
想学习 React 做复杂项目的同学
技术储备
熟悉 HTML CSS 和 JS 语法
了解 HTTP 协议,用过 Ajax
了解 webpack 或 vite 的基本配置
环境参数
React v18.2
Typescript v4.9
AntDesign v5.1
Next.js v13.0
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题