Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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"
- Host: GitHub
- URL: https://github.com/selmasaltik/styling-react-apps-styled-components
- Owner: selmasaltik
- Created: 2024-07-10T22:25:38.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-11T02:45:58.000Z (4 months ago)
- Last Synced: 2024-10-02T07:01:20.123Z (about 2 months ago)
- Topics: css-modules, react, styled-components, tailwind-css, vanilla-css
- Language: CSS
- Homepage: https://styling-react-apps-styled-components.vercel.app
- Size: 204 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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