Building a Private React Component Gallery
summary
Describes a repeatable pipeline that builds, tests, versions and publishes private React components: scaffolds with nwb (not create-react-app), bundles with webpack, runs gulp to stamp versions, runs CI in VSTS, publishes to a private npm feed and deploys a demo website per package via an ARM template on Azure. Example blue badge component is built, tested and published to the private registry and the demo site is created successfully.
AI-written summary · about
chapters (10)
- 0:00Start
- 0:42Who's Using React
- 4:01Design Systems
- 4:51Fluent Design System
- 13:22Build Process
- 14:26Source Code
- 15:56Npm Feed
- 18:16Create React App Bootstrap
- 20:34Tips and Tricks
- 23:50Set Up a Build Definition
related talks
43mBuilding a component based library with React
27mUp and Running with Universal Components
24mCase Study: Creating a Component Library in React JS
29mTesting the integrity of React components by publishing in a private registry
32mKickstarting libraries of shared React components for multiple teams
07mBuilding Component Libraries for Cross Team Use with React
20mTaking Component Driven One Step Further
46mAutomate React Site Deployments from GitHub to S3 & CloudFront