vault backup: 2025-04-27 20:21:34
This commit is contained in:
@@ -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)
|
||||||
|
|||||||
Reference in New Issue
Block a user