|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/crie-sua-biblioteca-de-icones-com-react-typescript-e-npm/
课程评论：没有评论
课程名称：使用 React、TypeScript 和 NPM 创建自己的图标库 课程概述：在本课程中，您将学习如何使用 React 和 TypeScript 创建自己的图标库，掌握 SVG、GitHub Actions、NPM 自动发布、Husky、Commitlint、Commitizen、Semantic Release 等多种工具。在一个 100% 实践的环境中，您将从零开始学习创建可重用的、经过优化并准备好发布到 NPM 的 React 组件的图标库。本课程将帮助您利用现代工具集，遵循当前市场的最佳实践。 您将学习使用 SVGO 工具优化 SVG 图标，以确保图标资源轻量和高效。同时，借助 Fast-Glob 和 Node.js API，您将自动化构建时组件的生成。此外，我们将创建一个通用的基础组件 IconBase.tsx，规范图标的视觉表现，包括 color、size、fill 和 viewBox 属性的设置。 课程还将教授如何配置 ESLint、Prettier、Husky、lint-staged、Commitlint 和 Commitizen，以保持代码的清晰和规范，直到部署为止。最后，您将学习如何使用 Semantic Release 和 GitHub Actions 工作流来实现库的版本控制和自动发布，实现无需手动更改版本。 该课程非常适合已经拥有 React 和 TypeScript 基础的学习者，旨在助您更进一步，学习构建、版本管理和高效专业地发布可重用的代码包。
Aprenda a criar sua própria biblioteca de ícones com React e TypeScript, dominando SVGs, GitHub Actions, publicação automatizada no NPM, Husky, Commitlint, Commitizen, Semantic Release e muito mais.Neste curso 100% prático, você vai aprender a criar do zero uma biblioteca de ícones com React e TypeScript, utilizando um conjunto moderno de ferramentas que refletem as boas práticas do mercado atual. Vamos transformar arquivos SVG em componentes React reutilizáveis, otimizados e prontos para publicação no NPM, com um fluxo de trabalho automatizado e profissional.Você aprenderá a usar o SVGO para otimizar seus ícones SVG, garantindo leveza e performance. Com o auxílio do Fast-Glob e da API do Node.js, vamos automatizar a geração de componentes em tempo de build. Também vamos criar um componente base genérico chamado IconBase.tsx, que padroniza o comportamento visual dos ícones - incluindo propriedades como color, size, fill e viewBox.Além disso, o curso ensina como configurar ESLint, Prettier, Husky, lint-staged, Commitlint e Commitizen para manter seu código limpo e padronizado até o deploy. Por fim, você aprenderá a automatizar o versionamento e a publicação da sua biblioteca no NPM com o Semantic Release e Workflows com GitHub Actions, sem precisar alterar versões manualmente.Este curso é ideal para quem já tem uma base em React e TypeScript e deseja ir além, aprendendo a construir, versionar e publicar pacotes reutilizáveis com qualidade e eficiência profissional.
