Issue #133

Number one this week, wmr (“Web Modules Runtime”) is a tool to build develop modern web applications with JSX.

It’s built on top of Preact a popular clone of React: almost the same API, including functional components and hooks but with a smaller footprint.

One of the main features is that you don’t have to install dependencies using npm install, you can call external packages by importing them directly in the code. It relies on the support of JavaScript modules by modern browsers.

Also it provides “Hot Module Reloading” to reflect changes in the browser a few milliseconds after any change in the code.

These two features, along to the support of TypeScript out-of-the-box, lead to a great Developer Experience.

A big difference with other solutions is the small footprint on the local disk: only 2.8 MB compared to hundreds of MB for a typical application built with Create React Application for example.

However, including ESLint (which is optional) would add more than 150 MB… which is annoying if you consider linting as a must-have feature of your workflow (I do!).

Features are not only limited to the development, for production wmr is able to pre-render all pages at build time, which is impressive for such a “tiny” tool.

Check Snowpack if you look for a more robust alternative.

Growing Fast This Week

By % of GitHub stars added (relative growth) this week
1
wmr
wmr
The tiny all-in-one development tool for modern web apps.
GitHub
+39.7%
2
FFCreator
FFCreator
A fast short video processing library
Homepage
+12.2%
3
Modern JavaScript Tutorial
Modern JavaScript Tutorial
Modern JavaScript Tutorial
Homepage
+8.6%
4
tinyhttp
tinyhttp
Modern Express-like web framework
Homepage
+6.2%
5
Mapbox GL JS
Mapbox GL JS
Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
Homepage
+5.3%
6
Valtio
Valtio
Proxy-state simple for React and Vanilla
GitHub
+4.9%
7
Jotai
Jotai
Primitive, flexible state management for React
Homepage
+4.3%
8
Headless UI
Headless UI
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Homepage
+4.1%
9
uPlot
uPlot
A small, fast chart for time series, lines, areas, ohlc & bars
GitHub
+3.9%
10
Aleph
Aleph
The React Framework in Deno.
Homepage
+3.6%

New Faces on Best of JS

Projects recently added on Best of JS
wmr
wmr
The tiny all-in-one development tool for modern web apps.
GitHub2.8 k
Twin
Twin
Blends the magic of Tailwind with the flexibility of css-in-js
GitHub2.5 k
Volta
Volta
A hassle-free way to manage your JavaScript command-line tools
Homepage2.5 k
Actionhero
Actionhero
A realtime multi-transport nodejs API Server with integrated cluster capabilities and delayed tasks
Homepage2.2 k
node-resque
node-resque
Nodejs Background jobs using redis.
Homepage924
Frourio
Frourio
Fast and type-safe full stack framework, for TypeScript
Homepage452
Web Test Runner
Web Test Runner
Test runner for web applications.
Homepage369

Trending This Week

By number of GitHub stars added this week
1
JS Algorithms & Data Structures
JS Algorithms & Data Structures
Algorithms and data structures implemented in JavaScript with explanations and links to further readings
GitHub
+1.8 k
2
Modern JavaScript Tutorial
Modern JavaScript Tutorial
Modern JavaScript Tutorial
Homepage
+996
3
Front-End Checklist
Front-End Checklist
The perfect Front-End Checklist for modern websites and meticulous developers
Homepage
+971
4
Cypress
Cypress
Fast, easy and reliable testing for anything that runs in a browser.
Homepage
+856
5
wmr
wmr
The tiny all-in-one development tool for modern web apps.
GitHub
+800
6
Deno
Deno
A secure JavaScript and TypeScript runtime
Homepage
+558
7
Node.js Best Practices
Node.js Best Practices
The Node.js best practices list (December 2020)
GitHub
+545
8
Tech Interview Handbook
Tech Interview Handbook
Materials to help you rock your next coding interview
Homepage
+538
9
VS Code
VS Code
Visual Studio Code
Homepage
+455
10
Clean Code
Clean Code
Clean Code concepts adapted for JavaScript
GitHub
+445

Any question or feedback? Reach us on GitHub.

Best of JavaScript is a project created by Michael Rambeau, in Osaka, Japan.