Hands-On React. Build advanced React JS Frontend with expert
实践 React,Typescript,Testing Library. React和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 的人
- 想要将发展技能提升到新水平的学生
TheItzy » Hands-On React. Build advanced React JS Frontend with expert