Our great sponsors
- Appwrite - The Open Source Firebase alternative introduces iOS support
- CodiumAI - TestGPT | Generating meaningful tests for busy devs
- InfluxDB - Access the most powerful time series database as a service
- ONLYOFFICE ONLYOFFICE Docs — document collaboration in your environment
|7 days ago||about 1 year ago|
|MIT License||GNU General Public License v3.0 or later|
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
6 Regrets I Have As a React Developer
5 projects | dev.to | 30 May 2023
Testing: react-testing-library, jest Styling: styled-components Form: react-hook-form Tools: EsLint and Prettier
Is there any way to apply different CSS files to the same component?
2 projects | reddit.com/r/reactjs | 20 May 2023
I’ve had good experiences with the styled-components library
The app router is not production-ready yet
10 projects | reddit.com/r/nextjs | 18 May 2023
Styled components issue for reference: https://github.com/styled-components/styled-components/issues/3856
I created a Zero-Runtime CSS-in-JS Library Compatible with Next.js App Router and RSC
4 projects | dev.to | 16 May 2023
Over my years of working with React, I’ve loved using CSS-in-JS libraries like Emotion and Styled-components. However, their inherent performance overhead from injecting CSS at runtime and their incompatibility with the latest Next.js features such as App Router and React Server Components (RSC) have always been a nagging issue for me.
What is your must have npm package on any given project?
15 projects | reddit.com/r/webdev | 5 Apr 2023
🏆⚛️React Roadmap Guide for Beginners 2023
3 projects | dev.to | 30 Mar 2023
Styled components is a CSS-in-JS tool that bridges the gap between components and styling. The main goal of this tool is to provide us a flexible way to add custom styling to our components in a functional and reusable way.
Vanilla+PostCSS as an Alternative to SCSS
15 projects | dev.to | 30 Mar 2023
CSS modules are not to be confused with mixins, as they serve the opposite purpose. While mixins are components or functions to be reused globally, modules are style sheets with a local scope used in a similar way as styled components in React.
Setup ReactJs + TS + Styled-Componets + Redux
3 projects | dev.to | 27 Mar 2023
In this blog tutorial, we will see how we can setup a ReactJs project with Typescript, styled-components and redux toolkit.
I cloned dev.to with react, firebase, chakraui and more...
4 projects | dev.to | 2 Mar 2023
Although I used styled components for styling , I was too lazy to make some styles on my own , so I switched to ChakraUI (A React UI component library).
I created a vite plugin that allows imports of scoped css/scss in react. The plugin is built using the vue "engine" and will feel very similar to styling with vue or angular!
2 projects | reddit.com/r/reactjs | 22 Feb 2023
learn styled-components, its very doubtful you will go back to css files. https://www.npmjs.com/package/styled-components
The React roadmap for beginners you never knew you needed.
42 projects | dev.to | 23 Nov 2021
Tagged Template Literals - The Magic Behind Styled Components
3 projects | dev.to | 1 Aug 2021
If you have some experience with React, you probably came across styled-components. In the last few years, the concept of css-in-js became more popular, and there are multiple libraries that are available for us to use. styled-components is one of them, but you can also find Emotion, Radium, JSS, and more. In this post I'm not going to cover the pros and cons of traditional stylesheet files vs. styled-components, and instead - I'm going to focus on tagged template literals - the "magic" that let us use the styled-components syntax.
What are some alternatives?
styled-jsx - Full CSS support for JSX without compromises
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
styletron - :zap: Toolkit for component-oriented styling
PostCSS - Transforming styles with JS plugins
material-ui - MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
Aphrodite - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
react-bootstrap - Bootstrap components built with React
React CSS Modules - Seamless mapping of class names to CSS modules inside of React components.
linaria - Zero-runtime CSS in JS library
Tailwind CSS - A utility-first CSS framework for rapid UI development.