|3 days ago||about 2 months 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).
Feel like that studying as a self-taught is taking me further than studying at university
2 projects | reddit.com/r/webdev | 25 Oct 2021
I started writing a long response, but I want to add that a simple CRA + JSS + TS (named exports only) stack solves or abstracts away most of these issues.
What is CSS in JS?
1 project | dev.to | 17 Sep 2021
Stop using CSS, use JSS instead.
3 projects | dev.to | 24 Aug 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.
Why I left CSS-in-JS and returned to good old CSS preprocessors
4 projects | dev.to | 28 May 2021
See for example this one. Sometimes this simple query doesn't work:
Style your frontend with a engineering flavour by using JSS
5 projects | dev.to | 10 May 2021
18 Alternatives to Using Tailwind CSS: Do You Really Need It?
14 projects | dev.to | 8 May 2021
✨ css loader 💥 jss 🌟 csjs ☄️ aphrodite
Uso do Styled Components no React
1 project | dev.to | 14 Apr 2021
What are some alternatives?
styled-jsx - Full CSS support for JSX without compromises
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
styletron - :zap: Toolkit for component-oriented styling
PostCSS - Transforming styles with JS plugins
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
React CSS Modules - Seamless mapping of class names to CSS modules inside of React components.
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
Radium - A toolchain for React component styling.