From a4faad6b54c83fb8429a54afbe7e66e696d27890 Mon Sep 17 00:00:00 2001 From: Mehrdad Shirvani Date: Sun, 27 Apr 2025 20:21:35 +0330 Subject: [PATCH] vault backup: 2025-04-27 20:21:34 --- .../Session05/Session05.md | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/02_ProjectOrientedSessions/Session05/Session05.md b/02_ProjectOrientedSessions/Session05/Session05.md index f99e084..b8582e8 100644 --- a/02_ProjectOrientedSessions/Session05/Session05.md +++ b/02_ProjectOrientedSessions/Session05/Session05.md @@ -56,8 +56,25 @@ npm install @reduxjs/toolkit react-redux ``` # CSS TAILWIND + ## **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 ### For tailwind, use the link below (skip the first step)