Practical Next.js & React – Build a real WebApp with Next.js
使用 Next.js、React 和 Strapi 后端构建全栈 WebApp。故事书组件库。实用的 Next.js 和 React。
你将会学到的
- 学习核心 NextJS 预渲染、SSR、数据获取、路由
- 使用独特的组件库、样式化组件和 Storybook 创建真实项目
- 了解如何使用 NextJS 构建全栈 ReactJS 应用程序
- 来自地面的 NextJS 的最新生态系统
- 使用 Strapi 创建后端并使用 NextJS 学习全栈开发
要求
- Javascript技能将是必要的
- 强烈推荐 ReactJS
- Typescript 基本知识
说明
学习使用 React 和 Next.js 构建真正的Fullstack Web 应用程序的简单方法!
Next.js为您提供生产所需的所有功能的最佳开发人员体验:混合静态和服务器渲染、TypeScript 支持、智能捆绑、路由预取等。无需配置。
Next.js是React JS 的生产就绪框架!
Next.js 中的数据获取允许您以不同的方式呈现内容。其中包括使用Server-side Rendering或Static Generation进行预渲染,以及使用Incremental Static Regeneration在运行时更新或创建内容。它可以使您的应用程序非常快!
在课程中,我们将介绍最重要的主题。
提供了TDD 或 TLD 方法,我将在编码会议期间尝试与您一起练习。可能您没有足够的测试经验,但没关系,仍然有一个很好的方法可以从课程中学习它。当您使用代码并用测试用例覆盖它时,它可以保证您的代码按预期工作。这是测试的目的和好处。
测试工具: Jest、React 测试库
Storybook 是构建组件库的最流行的方式。在我们看来,这是课程中最基本的部分。我们将安装和配置 Storybook,它将为我们提供完整的组件规范。这种方法称为组件驱动开发。
CSS-IN-JS、EmotionJS 和 Styled-Components是构建 UI 组件的非常强大的工具包。即使是非常复杂的组件样式也可以很容易地由它生成和支持。
我们使用 EmotionJS 和 styled-components API 和 NextJS 为您的应用程序创建深色和浅色模式!
GitHub Actions可让您轻松自动化所有软件工作流程,现在使用世界一流的 CI/CD。直接从 GitHub 构建、测试和部署您的代码。让代码审查、分支管理和问题分类以您想要的方式工作。我们创建我们的部署工作流程!
最后但并非最不重要的是Redux。Redux 是一种管理应用程序状态的好方法。我们将使用 Redux-Toolkit 库——它简化了 Redux 的工作。
查看完整的课程和免费预览视频。30 天退款保证无风险加入课程!
课程见!
此课程面向哪些人:
- 想要构建生产 React 应用程序的 React 开发人员
- 想要构建全栈 React 应用程序的开发人员
- 一般的 Web 开发人员,他们想学习最流行的技术堆栈之一
TheItzy » Practical Next.js & React – Build a real WebApp with Next.js