@steelbird/p3-core v0.1.5
This template ships with the latest production-ready tools for design systems.
π Quick start
Create the application.
# Clone the template gh repo clone ie/p3-core
Install the dependencies.
Navigate into your new siteβs directory and install the necessary dependencies.
# Navigate to the directory cd p3-core # Install the dependencies yarn # Run storybook yarn storybook
Frontend stack
Build components 1. πStorybook or UI component development and auto-generated docs 2. βοΈ React for declarative component-centric UI (via create-react-app) 3. π Styled-components for component-scoped styling 4. β¨ Prettier for automatic code formatting
Maintain the system 1. π₯GitHub Actions for continuous integration 2. πESLint for JavaScript linting 3. β Chromatic to catch visual bugs in components (by Storybook maintainers) 4. π¦npm for distributing the library 5. π Auto for release management workflow
Storybook addons 1. βΏ Accessibility to check for accessibility issues during development 2. π₯ Actions to QA click and tap interactions 3. π Controls to interactively adjust props to experiment with components 4. π Docs for automatic documentation generation from stories 5. π Interactions for debugging component interactions 6. π 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.