Libraries
Here are some notable libraries that I usually use.
Styling Libraries
| Library | Description |
|---|---|
| Tailwind CSS | utility class |
| SASS / SCSS | CSS pre-processor |
| Chakra UI | great component library with great default style |
Resources
UI Component Libraries
Library for UI Components like carousel, toast, tabs, etc.
| Library | Description |
|---|---|
| Swiper | Carousel, there is a wrapper for react if you use react |
| React Hot Toast | Toast with great default style |
| Headless UI | Have a lot of headless component like tabs, disclosure, radio, etc. |
| Radix Primitives | Primitive component library |
| Rough Notation | Library to create and animate annotations on a web page |
Resources
- Library: React Hot Toast, some snippets and hooks
React Libraries
Library that I use with React.
| Library | Description |
|---|---|
| React Icons | Collection of icons from different sources, really handy |
| React Dropzone | Upload Dropzone component |
| React Image Lightbox | Lightbox for images |
| React Hook Form | Form management, and validation |
| Yup | Validation library, paired with react-hook-form |
| SWR | Library to cleanly fetch data from API |
| Zustand | State management library |
| React Datepicker | Datepicker component |
Resources
Config Libraries
Development config such as code formatting, linting, etc.
| Library | Description |
|---|---|
| Prettier | Code formatting |
| ESLint | Linting |
| Lint Staged | Only run linter on staged files |
| Husky | Automation for git hooks |
| Standard Version | Changelog generator |