purifycss
astroturf
purifycss | astroturf | |
---|---|---|
5 | 4 | |
9,924 | 2,261 | |
0.2% | 0.1% | |
0.0 | 2.1 | |
over 3 years ago | 5 months ago | |
JavaScript | JavaScript | |
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.
purifycss
-
PurgeCSS & styled-components: Does It Work?
PurgeCSS analyzes your HTML and internally keeps track of which selectors are being used or not. PurgeCSS actually analyzes other types of files besides HTML for selectors, such as template files and JavaScript. This feature is what makes PurgeCSS different from a similar solution, UnCSS, and related to a 'predecessor' solution called PurifyCSS. More on both of those later on.
-
Parcel CSS: A new CSS parser, compiler, and minifier
> Isn't there a process of reducing it to only what one needs?
Yes there is: https://github.com/purifycss/purifycss
-
Clean CSS: How to Spring Clean your Project
PurifyCSS
-
Is there a way to check which CSS I am not using?
Check out purifycss, I’m not sure if it works with scss though.
-
Bootstrap Templates
Unelte de genul PurifyCSS și niște elbowgrease îți pot scoate un cod utilizabil.
astroturf
-
VueJS turns 10 years old
CSS-in-JS has been a challenge – we're currently using https://github.com/astroturfcss/astroturf which seemed the simplest zero-runtime-cost option back when we were looking, but the library is starting to feel a bit under-maintained (if the author of Astroturf reads this, we love your work and will do whatever we can to support you in it!). But it's worked well for us over the last 2 years.
Happy to share a component example. We also use a small library for managing CSS classes in a typed fashion, which can also be used by our UI test code to target various elements. So that does add a bit of cryptic boilerplate, but the repo README has an example component with syntax highlighting:
-
SFC - single file components
Try https://github.com/4Catalyzer/astroturf
-
PurgeCSS & styled-components: Does It Work?
On the other side of our titular question is styled-components. While I'm talking about styled-components specifically, the topics and concepts here apply to any CSS-in-JS provider (e.g. emotion). There is a smaller CSS-in-JS library called astroturf that aims to give the developer the best of all worlds, so the limitations I'll discuss later on don't apply there. But be careful with smaller projects/ones that claim you can have it all! You are wading through uncharted territory :)
- Is it possible to directly write SCSS inside React components?
What are some alternatives?
ngx-unused-css - Angular unused css detection
PostCSS - Transforming styles with JS plugins
purgecss - Remove unused CSS
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
uncss - Remove unused styles from CSS
babel-sublime - Syntax definitions for ES6 JavaScript with React JSX extensions.
swc - Rust-based platform for the Web
lightningcss - An extremely fast CSS parser, transformer, bundler, and minifier written in Rust.
Sass - Sass makes CSS fun!
lighthouse - Automated auditing, performance metrics, and best practices for the web.