Accessible React Component Library
- Built with React v16.x.
- Statically typed withTypescript.
- Consistent code style with TSLint.
- React Testing Library for dom testing.
- Emotion for css-in-js.
- Storybook for developing UI components in isolation.
| Script | Purpose |
|---|---|
npm start |
Runs the app in the development mode at http://localhost:3000 |
npm test |
Launches the test runner in the interactive watch mode |
npm run build |
Builds the app for production to the build folder |
Using the following plugins for VS Code will improve the developer experience when developing this project:
The UI can get into a state where the addon panel is hidden based on local storage. To fix it run localStorage.clear() in the browser console and hard-reload the page.
https://medium.com/skillthrive/build-a-react-accordion-component-from-scratch-using-react-hooks-a71d3d91324b https://reactjs.org/docs/components-and-props.html https://emotion.sh/docs/media-queries https://github.com/cwlsn/rinse-react https://itnext.io/how-to-write-your-own-reusable-react-component-library-a57dc7c9a210 https://storybook.js.org/docs/guides/guide-react/ https://testing-library.com/docs/react-testing-library/setup