|about 2 months ago||20 days ago|
|MIT License||MIT License|
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.
Build an Embeddable Widget using Preact and the Shadow DOM
5 projects | dev.to | 13 Oct 2021
Now, let's jump into some code! Feel free to clone this starter repo if a working example is helpful for you.
React 101: The Basics
12 projects | dev.to | 30 Nov 2021
Next.js Dashboard layout with TypeScript and Styled components
5 projects | dev.to | 28 Nov 2021
For styling let's use styled-components library:
Styling an html element in one component affect ALL html elements in other components in react
1 project | reddit.com/r/reactjs | 28 Nov 2021
How are you using Styled Components?
2 projects | dev.to | 26 Nov 2021
Hello! Have you ever used style-components in a React project before? And, more generally, what are your thoughts of it?
Help figuring out platform
2 projects | reddit.com/r/Wordpress | 26 Nov 2021
Looked like React with styled-components.com
Coming back to web dev after a few years; how do the cool kids structure their CSS these days?
3 projects | reddit.com/r/webdev | 23 Nov 2021
Agree. Haven't written a class name or CSS file in... two years now. styled-components is all we use.
is this correct BEM? are these long class names okay?
1 project | reddit.com/r/webdev | 16 Nov 2021
I haven’t ever used it in my line of work. Mostly use Styled components or Emotion. But it’s always good to know different standards.
[Gatsby] - This was my first Gatsby project
5 projects | reddit.com/r/reviewmycode | 15 Nov 2021
There's absolutely nothing wrong with using CSS mixed with your components, but I would suggest (if you haven't already) looking into some alternatives, such as styled-components or Rebass. Not because one is "better" than the other, but it's something to add to your arsenal
Parcel Frontend Starter
3 projects | dev.to | 12 Nov 2021
💅 Styling and theme intellisense autocompletion with styled-components
Vite Frontend Starter
5 projects | dev.to | 9 Nov 2021
💅 Styling with styled-components
What are some alternatives?
styled-jsx - Full CSS support for JSX without compromises
styletron - :zap: Toolkit for component-oriented styling
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
PostCSS - Transforming styles with JS plugins
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
Aphrodite - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
material-ui - MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
Radium - A toolchain for React component styling.
React CSS Modules - Seamless mapping of class names to CSS modules inside of React components.
linaria - Zero-runtime CSS in JS library