动手React 与专家一起构建高级 React JS 前端
Hands-On React. Build advanced React JS Frontend with expert
实用 React with Typescript 和测试库。React and Storybook。使用 React Hooks 和 React + Redux 工具包的 TDD
你将会学到的
-
使用 Hooks、Typescript、Redux 使用 React JS 构建 Web 应用程序
-
使用 Storybook 和 CSS-IN-JS 创建组件库
-
使用 Webpack + Babel 深入研究应用程序的配置
-
了解 TDD、TLD 并使用 Jest、React-Testing-Library 和 Stryker-Mutator 应用这些知识
要求
-
需要 JavaScript + HTML + CSS 基础知识
-
需要基本的编程技能
-
ES6+ JavaScript 知识很好但不是必需的
说明
React 是用于构建前端 Web 应用程序的最流行的库。通过深入了解所有基础知识,我还将向您介绍高级概念。
我们将从头开始构建扫雷应用程序:
- 开发环境的设置
- React JS 应用程序的配置
- 扫雷的基本算法
我们将构建扫雷游戏。在课程中,我们将涵盖最重要的主题。
首先是使用 Typescript 和构建工具 Webpack+Babel 配置 ReactJS 应用程序。
其次,介绍了TDD 或 TLD 方法,我将在编码会议期间尝试与您一起练习。可能你没有足够的测试经验,但没关系,仍然有一个很好的方法可以从课程中学习它。当您使用代码并用测试用例覆盖它时,它会为您提供代码按预期工作的保证。这就是测试的目的和好处。
测试工具: Jest、Stryker、React 测试库
此外,我将尝试涵盖基本的 Typescript概念,并向您展示提高这些技能的方法。在编码会议期间,我们将介绍高级 Javascript 技术,以了解常用的 JS 功能。
Storybook 是构建组件库的最流行方式。从我们的角度来看,这是课程中最基本的部分。我们将安装和配置 Storybook,这将为我们提供完整的组件规范。这种方法称为组件驱动开发。
CSS-IN-JS、EmotionJS 和 Styled-Components是构建 UI 组件的非常强大的工具包。即使是非常复杂的组件样式,它也可以轻松生成和支持。
我们将向您介绍React Hooks – 它’
我们将回顾React Router v5 和 React Router v6。
GitHub Actions让您轻松实现所有软件工作流程的自动化,现在有了世界级的 CI/CD。直接从 GitHub 构建、测试和部署您的代码。按照您想要的方式进行代码审查、分支管理和问题分类。我们创建我们的部署工作流程!
最后但并非最不重要的是Redux。Redux 是一种管理应用程序状态的美妙方式。我们将使用 Redux-Toolkit 库——它简化了 Redux 的工作。
查看完整课程和免费预览视频。无风险加入课程,享受 30 天退款保证!
课程见!
此课程面向哪些人:
- 想要学习如何构建复杂 Web 应用程序的学生
- 任何想通过基于良好示例的动手方式学习 React 的人
- 希望将开发技能提升到新水平的学生
评论(0)