|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/practical-nextjs/
课程评论：没有评论
**课程名称：** Practial Next.js & React - Build a real WebApp with Next.js **课程概述：** 本课程将带您学习一种简单直接的方法，使用 React、Next.js 和 TypeScript 构建一个真实的全栈 Web 应用程序。Next.js 提供了卓越的开发者体验，以及满足生产环境需求的各项功能，包括混合静态与服务器渲染、TypeScript 支持、智能打包、路由预取等，且无需额外的配置。Next.js 是专为 React JS 构建的生产就绪型框架。 在课程中，我们将深入探讨 Next.js 的数据获取机制，您将学会如何通过服务器端渲染（SSR）或静态生成（Static Generation）来预渲染内容，以及如何通过增量静态再生（ISR）在运行时更新或创建内容，从而大幅提升应用性能。 此外，课程还将实践测试驱动开发（TDD）或测试优先（TLD）等方法。即使您对测试的经验不多，本课程也能为您提供系统的学习。通过为代码编写测试用例，您可以确保代码按预期运行，这是测试的核心目的和优势。我们将使用 Jest 和 React Testing Library 作为主要的测试工具。 我们将使用 Storybook，这是构建组件库最流行的方式。本课程将从基础讲起，安装配置 Storybook，为您提供完整的组件规范，这种方法被称为组件驱动开发（Component Driven Development）。 我们还将学习 CSS-IN-JS 技术，包括 EmotionJS 和 Styled-Components，它们是构建 UI 组件的强大工具集，能轻松实现复杂组件的样式及其维护。课程中将演示如何利用 EmotionJS、Styled-Components API 和 Next.js 为您的应用程序创建暗黑模式和明亮模式。 GitHub Actions 将帮助您轻松自动化所有软件工作流，实现世界一流的 CI/CD。您将在 GitHub 中直接构建、测试和部署代码，并按照您的需求管理代码审查、分支管理和问题分类。我们还将构建相应的部署工作流。 最后，我们将学习 Redux，它是管理应用程序状态的绝佳方式。我们将使用 Redux Toolkit 库，它能极大地简化 Redux 的使用。 欢迎查看完整的课程大纲和免费预览视频。课程提供 30 天退款保证，您可以无风险地加入学习。期待在课程中与您相见！
Learn a straightforward way to build a real Fullstack web application with React & Next.js + Typescript!Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, etc. No config is required.Next.js is the production-ready, framework for React JS!Data fetching in Next.js allows you to render content in different ways. These include pre-rendering with Server-side Rendering or Static Generation, and updating or creating content at runtime with Incremental Static Regeneration. It can make your applications very fast!During the course, we'll cover the most important topics.There're presented TDD or TLD approaches that I'll try to practice with you during the coding sessions. Probably you don't have enough experience with the tests, but it's ok, there's still an excellent way to learn it from the course. When you work with code and cover it with test cases, it provides you with guarantees that your code works as you expected. This is the purpose and benefit of the tests.Tools for testing: Jest, React Testing LibraryStorybook is the most popular way to build the components library. From our side, it's the most basic part of the course. We'll install and configure Storybook, which will provide us with a full components spec. This approach is called Components Driven Development.CSS-IN-JS, EmotionJS, and Styled-Components are very powerful toolkits to build UI components. Even very complex component styles can be easily produced and supported by it.We create Dark and Light modes for your application with EmotionJS and styled-components API and NextJS!GitHub Actions makes it easy to automate all your software workflows, now with world-class CI/CD. Build, test, and deploy your code right from GitHub. Make code reviews, branch management, and issue triaging work the way you want. We create our deployment workflow!Last but not least it's Redux. Redux is a beautiful way to manage an application state. We'll use the Redux-Toolkit library - it simplifies the work with Redux.Check out the full curriculum and free preview videos. Join the course risk-free with a 30-day money-back guarantee!See you on the course!
