Power in tiny libraries

#webdev #react #typescript #javascript

Hello there!

Weight of your client side bundle is very important for best user experience. Users do not like to wait. For this purpose I am interesting to find tiny analogs of most popular libraries. I know next ones:

Do you know something else?

Latest comments (23)

Giorgos Kontopoulos 👀 • Jan 22 '20 • Edited

swiper.js 128k minified >

tiny-slider 64k minified
slickjs 51k minified
tiny-swiper.js 8k minified

Bootstrap > plain CSS/CSS3 😛

Nuno Ferreira • Jan 8 '20 • Edited

lodash -> micro-dash
jQuery -> cash
styled-components -> goober

React -> Svelte 😛

Cristian Bote • Jan 9 '20

Hey Nuno, thanks for the shout-out! 👍🙂

Koa • Jan 8 '20

I completely agree with this. The web needs to get lighter and easier to navigate especially as new countries begin to get online!

Jovi De Croock • Jan 8 '20

For forms Hooked-form
Also for urql there's now an implementation that just integrates with Preact, Preact-urql

Juha Lindstedt • Jan 8 '20

Also check out redom.js.org 😎

Mr F. • Jan 8 '20

Thanks Maxim, that's a nice bunch of suggestions!

This is a bit out of date, but some decent little nuggets in there :

microjs

Maksim • Jan 8 '20

Yep, very cool project. Unfortunately last merge requests stuck.

Ravavyr • Jan 7 '20

Always felt the big libs/frameworks were overkill for most sites.
For building small sites, I created github.com/Ravavyr/taino-js [Check the README for the 4 step setup]
It's open for anyone to play with, i'm in the process of creating sample sites that are actually fully built sites to use as tutorials since that's something the frameworks have been terrible at doing too. Also SEO functionality and routing are built in. Zero NPM installs. You need live-server or whatever you use to run a SPA and point it to index.html. Try it it out and if you do i'd love some feedback :)
It's used on taino.netlify.com [though netlify is apparently down right now]