|14 days ago||3 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.
vite-serve: a tool for instant preview your vue/react/markdown component
3 projects | reddit.com/r/webdev | 25 Jan 2022
Supports styled-components for React users ;-)
How to build a user-customizable design system with CSS modules
4 projects | dev.to | 25 Jan 2022
We wanted the ability to serve creator-specific CSS styles for each page. As a result, we couldn’t simply hardcode the styles in the applications. Performance was also an important factor so we wanted to avoid css-in-js frameworks like styled-components, which increase bundle size. More info on the impact of css-in-js on performance here.
How often should I comment HTML?
1 project | reddit.com/r/reactjs | 21 Jan 2022
I'm not sure if this is a response to my comment about styled-components. If so, styled-components is something specific. https://styled-components.com/ (Emotions library also has this as an option too). It's not just a wrapper. And you wouldn't be able to use it in conjunction with bootstrap classes unless you took additional steps in the setup. But nevermind about this. It's not necessary, I was just taking a guess as to what code you were referring to.
🖋Adding Fonts in Next.js (local fonts along with styled components)
3 projects | dev.to | 7 Jan 2022
Lessons Learned from AOC 2021
7 projects | dev.to | 31 Dec 2021
Making an AeroPress Tracking App
3 projects | dev.to | 27 Dec 2021
Reusable components (e.g. button) - one Button.tsx that takes props or multiple such as PrimaryButton, PrimaryButtonWithIcon etc?
1 project | reddit.com/r/nextjs | 25 Dec 2021
Random letters go brrr
1 project | reddit.com/r/ProgrammerHumor | 24 Dec 2021
Yo it dis style components (and they rock)
Stylelint - O que é isso?
2 projects | dev.to | 21 Dec 2021
Responsive CSS border radius with the Fab Four technique
1 project | dev.to | 21 Dec 2021
Let's face the fact that this calculation is not straightforward and hard to read, even when you are familiar with the technique. Luckily for us, we can extract SASS mixins, or utility functions for various CSS-in-JS libraries (like 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
material-ui - MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
Aphrodite - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
React CSS Modules - Seamless mapping of class names to CSS modules inside of React components.
Radium - A toolchain for React component styling.
linaria - Zero-runtime CSS in JS library