Hands-On React. Build advanced React JS Frontend with expert

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 的人
  • 想要将发展技能提升到新水平的学生

 

声明:本站所有资源、素材等全部来源于互联网,赞助VIP仅用于对IT资源服务器带宽等费用支出做支持,从本站下载资源,说明你已同意本条款。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
TheItzy » Hands-On React. Build advanced React JS Frontend with expert