Internal Design System Experiment
This template ships with the latest production-ready tools for design systems.
🚅 Quick start
-
Create the application.
# Clone the template gh repo clone ie/p2-core
-
Install the dependencies.
Navigate into your new site’s directory and install the necessary dependencies.
# Navigate to the directory cd p2-core # Install the dependencies yarn # Run storybook yarn storybook
Frontend stack
Build components
📚 Storybook or UI component development and auto-generated docs⚛️ React for declarative component-centric UI (via create-react-app)💅 Styled-components for component-scoped styling✨ Prettier for automatic code formatting
Maintain the system
🚥 GitHub Actions for continuous integration📐 ESLint for JavaScript linting✅ Chromatic to catch visual bugs in components (by Storybook maintainers)📦 npm for distributing the library🛠 Auto for release management workflow
Storybook addons
♿ Accessibility to check for accessibility issues during development💥 Actions to QA click and tap interactions🎛 Controls to interactively adjust props to experiment with components📕 Docs for automatic documentation generation from stories🔍 Interactions for debugging component interactions🏎 Test-runner for automated component testing
Contribute
If you encounter an issue with the template, we encourage you to open an issue in this template's repository.