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