Practical Next.js & React – Build a real WebApp with Next.js

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.jsReact JS 的生产就绪框架!

Next.js 中的数据获取允许您以不同的方式呈现内容。其中包括使用Server-side RenderingStatic 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 开发人员,他们想学习最流行的技术堆栈之一
声明:本站所有资源、素材等全部来源于互联网,赞助VIP仅用于对IT资源服务器带宽等费用支出做支持,从本站下载资源,说明你已同意本条款。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
TheItzy » Practical Next.js & React – Build a real WebApp with Next.js