vault backup: 2025-04-27 20:21:34

This commit is contained in:
2025-04-27 20:21:35 +03:30
parent 1bd0618e7a
commit a4faad6b54
@@ -56,8 +56,25 @@ npm install @reduxjs/toolkit react-redux
``` ```
# CSS TAILWIND # CSS TAILWIND
## **Important Note About CSS** ## **Important Note About CSS**
There are few options and ways to create components, and handle `css` classes. You can can pick any one of them.
There are different ways to handle `CSS` styling when creating components.
You can choose any approach you prefer:
1. **Plain CSS**
- Write regular `.css` files and import them into your components.
2. **CSS Modules**
- Create component-specific `.module.css` files to automatically scope styles.
3. **TailwindCSS**
- A utility-first CSS framework where you apply classes directly in your HTML/JSX.
4. **Sass / SCSS**
- An extension of CSS with variables, nesting, and more features. Can be used alone or with modules.
5. **PostCSS**
- A tool for transforming CSS with JavaScript plugins (often used behind the scenes).
6. **Framework-Specific UI Libraries** (which come with their own styles)
- Example: Material-UI (MUI), Ant Design, Chakra UI, etc.
- These often include ready-made components with built-in styling.
- [ ] install the css/component library of your choice - [ ] install the css/component library of your choice
### For tailwind, use the link below (skip the first step) ### For tailwind, use the link below (skip the first step)