|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/build-and-publish-react-ui-component-library-to-npm/
课程评论：没有评论
**课程名称：** 构建和发布 React UI 组件库到 NPM **课程概述：** 本课程面向从初学者到经验丰富的开发者，旨在教授如何创建、发布和维护自己的 React UI 组件库。您将学习组件库的基础知识，掌握 Rollup 和 Storybook 等核心工具，并最终将您的组件库发布到 NPM。学完本课程，您将能够构建可重用的 UI 组件，并有信心与他人分享您的作品。 **核心涵盖主题：** * **UI 组件库介绍：** 理解 UI 组件库的概念及其作用。 * **Rollup 集成：** 学习配置和使用 Rollup 来构建您的组件库。 * **发布到 NPM：** 详细指导如何将 UI 组件发布到 NPM。 * **在消费应用中测试：** 在实际应用中测试您发布的组件。 * **更新已发布库：** 学习如何为 NPM 已发布的库进行更新和管理。 * **使用 npm link 进行测试：** 利用 npm link 在本地测试组件，无需发布。 * **Storybook 设置：** 介绍并配置 Storybook，用于开发和展示组件。 * **编写 Stories：** 学习 Stories 的概念并为其编写。 * **组件开发：** 构建 10 个 UI 组件，并为每个组件创建 Stories。 * **实现主题：** 学习为 UI 组件库添加主题功能。 * **部署 Storybook：** 指导如何部署您的 Storybook 实例。 * **访问源代码：** 提供完整的项目源代码访问权限。
Welcome to the course on "Building and Publishing a UI Component Library to NPM"! Whether you're a seasoned developer or just starting out, this course is designed to equip you with the skills and knowledge needed to create, publish, and maintain your very own UI component library. We'll guide you through the entire process, from understanding the basics of component libraries to mastering tools like Rollup and Storybook, and even publishing your work to NPM. By the end of this course, you'll have not only a solid grasp of building reusable UI components but also the confidence to share your work with the world. Let's get started on this exciting journey together!Below are the key topics we'll be covering in this course:Introduction to UI Component Libraries: Understand what a UI component library is and its purpose.Integrating Rollup: Learn how to set up and configure Rollup for building your library.Publishing to NPM: Step-by-step guide on publishing your UI components to NPM.Testing in Consumer Apps: Test your published components in real-world applications.Updating Published Libraries: Learn how to make and manage updates to your NPM-published libraries.Testing with npm link: Use the npm link feature to test your components locally without publishing.Storybook Setup: Introduction and setup of Storybook for developing and showcasing your components.Writing Stories: Learn what a Story is and how to write Stories for your components.Component Development: Build 10 UI components and create Stories for each.Implementing Themes: Learn how to add theming capabilities to your UI component library.Deploying Storybook: Guide to deploying your Storybook instance.Access to Source Code: Full access to the complete source code of the project.
