Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/selmasaltik/styling-react-apps-styled-components

What I learned from "React - The Complete Guide 2024 (incl. Next.js, Redux) - Academind by Maximilian Schwarzmüller"
https://github.com/selmasaltik/styling-react-apps-styled-components

css-modules react styled-components tailwind-css vanilla-css

Last synced: about 1 month ago
JSON representation

What I learned from "React - The Complete Guide 2024 (incl. Next.js, Redux) - Academind by Maximilian Schwarzmüller"

Awesome Lists containing this project

README

        

# styling-react-apps

***Styling React Apps***
- Static & Dynamic Styling for Pretty Apps
- Styling with **Vanilla CSS**
- **Scoping** Styles with **CSS Modules**
- **CSS-in-JS** Styling with **“Styled Components”**
- Creating Flexible Components with Styled Components
- Dynamic & Conditional Styling with Styled Components
- Styled Components: Pseudo Selectors, Nested Rules & Media Queries
- Creating Reusable Components & Component Combinations
- Styling with **Tailwind CSS**
- Static & **Dynamic (Conditional)** Styling

**Resources:**
- https://vanillacss.com/
- https://create-react-app.dev/docs/adding-a-css-modules-stylesheet/
- https://styled-components.com/
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
- https://tailwindcss.com/
- https://tailwindcss.com/docs/guides/vite