WindiCSS, Iles, Rust, Simple.css, Minimason.js The Toolbox - Episode 13

Index

00:00 Intro
02:10 MiniMasonry
03:26 SimpleCSS
6:00 Rust
08:45 Iles
14:15 Remix
21:15 WindiCSS
26:05 Installing
29:12 Trying Features
34:28 Differences
37:40 Final Thoughts
39:45 Q&A

============

============
This is quite possibly the simplest libray you'll find. It's meant to give you a decent enough look with a minimal of markup. Whereas most CSS frameworks make you use complex CSS classes, this one assumes that you'll be using just regular markup. This is a good option if you just need to get something up quickly.

Rust
============

You may be wondering what's going on with the web since so many projects are moving at least part of their engines to a newer programming language called Rust instead of JavaScript. According to one of the Stack Overflow surveys, Rust was the most loved programming languages, preferred by almost 84% of programmers six years in a row.

The proof is the amount of popular projects using Rust like Deno, esbuild, Rome, Parcel, Vite…it's being used by companies like Facebook, Amazon, Apple, Microsoft and Google.

Rust helps programmers work with large amounts of data in a very efficient way. It uses a unique and automated memory management approach. Although it's early, it's definitely something to take a peek at.

Iles
============

The hot new trend in frameworks is something called partial hydration. It basically means that your interactivity is not loaded until it's needed. A lot of new frameworks are adopting that approach including this one called Iles.

Remix
============
Just this Monday, a new framework was released that was hard to ignore called Remix. I've never seen the level of pre-marketing about a new framework. This is a React based framework that is really the evolution of a popular project called React Router.

They used to charge big bucks for it, but now it's an open source project that is free to use. The killer feature here is that it takes the web full circle.

Remember the days where we handle most things in the server…we'll bellbottom and server side code is back with Remix. However, it takes the best of what we've learned about the new web like mostly static content, simple routing and super fast loading.

One of the interesting approaches is the ability to create something called nested routes. So a page can have sub-sections that load separately. The huge advantage is sort of like what happens with modern build tools like HMR or Hot Module replacement.

Sub-routes can load separately than other routes, so updates happen way quicker since only a small portion of the page has to be reloaded.

Windi CSS
============

Alright Let's get to the main even, which is the demo of cool stuff. Today, we're taking a look at WindiCSS, it's trying to outdo TailwindCSS, which is becoming a dominant library in the web space.

- On-demand alternative
- Faster load times
- Full compatibility with Tailwind v2.0
- Zero dependencies: does not rely on PostCSS and Autoprefixer
- JIT default
- Vite

# Outro

Ooo, there's a lot going on, so I'm thinking of doing maybe Astro next week since I've been meaning to try a demo of that. It finally got a new interesting release where it was re-written in Go, powered by Vite and it aded MDX style components. I mean, I feel like they're begging me to try it now.

Alright, thanks for watching. Don't forget to follow me on LinkedIn, YouTube or your favorite Social Media platforms @planetoftheweb.

[ChumX]

Tailwind is now playing catch-up to windi. But I don't think it'll surpass windi in terms of major features any time soon, as while tailwind is still trying to perfect JIT, windi is already looking at the next evolutionary step with UnoCSS. Maybe you could cover UnoCSS in the future, seems pretty interesting.