React 和 Typescript:构建组合项目

React and Typescript: Build a Portfolio Project

通过使用最新的网络技术构建复杂的应用程序来扩展您的项目组合

你将学到什么

  • 使用 React 和 Typescript 构建一个可组合的项目
  • 将 React 和 Redux 与 Typescript 集成在一起
  • 使用出色的 Immer 库简化状态更新
  • 查看设计和组装高级项目的分步过程
  • 使用基于包的架构管理项目
  • 使用流行的 Lerna CLI 自动化您的部署
  • 构建浏览器内转译器 + 捆绑器
  • 组装可重复使用的 React 组件
  • 使用Redux中间件处理复杂的业务逻辑流程
  • 使用 Web Assembly 提高应用程序的性能

要求

  • React 和 Redux 的基础知识
  • 无需预先了解 Typescript – 提供介绍

描述

你已经学会了 React,但是现在怎么办?是时候为您的作品集构建一个出色的项目了!

向雇主证明您的 React 知识。

网上有数百个资源可以教你 React 的基础知识,但很少有超出基础知识的资源。您需要更多 – 一些东西来教您如何构建一个大型的、有趣的应用程序。一些独特的东西,比另一个待办事项列表更重要的东西。

这门课程就是你的答案。

通过介绍如何结合使用 React 和 Typescript 来开始您的学习体验。不熟悉打字稿?没问题!包含闪电般快速但全面的教程!

一旦你准备好使用 React 和 Typescript,你就可以开始我们的大项目了。您将构建一个基于浏览器的交互式编码环境。它就像一个 Jupyter Notebook,但针对 Javascript,添加了许多附加功能。是的,这就是您将在本课程中构建的内容!您将解决直接在浏览器中捆绑和转译代码的令人难以置信的挑战。这是通常通过在终端运行 Webpack 和 Babel 来完成的任务!您将在浏览器中安全地执行用户的代码,就像 CodeSandBox 和 CodePen 等著名服务一样。最后,您将使用多包架构将此项目部署到 NPM,您的朋友和雇主可以在其中轻松下载并运行您的项目。

在整个项目中,我将向您展示针对数量惊人的问题的各种不同解决方案。我将逐步向您展示如何解决每个问题。您还将看到许多有关性能和安全性的问题得到解决。

课程结束时,您将拥有一个令人惊叹的组合项目,具有出色的外观和功能。您将理解每一行代码,并能够向潜在雇主解释每一点。

以下是本课程将涵盖的主题的部分列表:

  • 一起掌握React、Redux 和 Typescript的使用
  • 使用基于包的架构构建复杂而有趣的应用程序
  • 了解浏览器内代码转译和处理的​​挑战
  • 保护您的应用程序免受潜在的安全漏洞攻击
  • 直接在浏览器中安全地执行用户提供的代码
  • 直接在浏览器中运行代码编辑器– 与 VSCode 使用的编辑器相同!
  • 利用Web Assembly以闪电般的速度直接在浏览器中运行代码捆绑器
  • 使用Redux 的内部结构手动测试您的业务逻辑
  • 探索构建时尚 UI的数十种技巧
  • 将您的应用程序部署到NPM 注册表,其他人可以轻松使用它

我开设这门课程是为了帮助您应用 React 技能。立即注册并构建一个令人难以置信的应用程序来证明您的知识。

本课程适合谁:

  • 希望扩大项目组合的工程师
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。