Issue #131

Number one this week, TypeFest is a collection of types to improve your TypeScript code.

The project is from the prolific developer Sindre Sorhus who did a great job explaining the use case behind each type and providing links to the TypeScript playground.

It’s also a nice project to learn about TypeScript built-in types (Partial, Required, ReturnType, Omit…) and how to combine them.

Expect the project to move fast as users made a lot of proposals to add new types and because TypeScript itself is moving at a fast pace, check the latest features introduced by the version 4.1 released 10 days ago.

Among the “New Faces” showing up this week, Layr is a very interesting concept to build fullstack applications in JavaScript and TypeScript.

What makes it unique compared to all existing solutions is the way the frontend layer inherits from the backend layer (running on Node.js).

You don’t have to build a separate REST or GraphQL API, instead you handle classes in a very “object-oriented” way that could “dramatically simplify full‑stack development”.

For people who’d be worried by security, note that you control which properties and methods are exposed by the backend to the frontend.

It works especially well with TypeScript as types defined in the backend can be imported in the frontend, making your code “DRY” and solving one of the most difficult questions when developing fullstack applications: where is the source of truth?

Growing Fast This Week

By % of GitHub stars added (relative growth) this week
1
type-fest
type-fest
A collection of essential TypeScript types
GitHub
+21.1%
2
tinyhttp
tinyhttp
Modern Express-like web framework
Homepage
+20.9%
3
match-sorter
match-sorter
Simple, expected, and deterministic best-match sorting of an array in JavaScript
GitHub
+11.5%
4
jose
jose
Universal "JSON Web Almost Everything" - JWA, JWS, JWE, JWT, JWK with no dependencies
GitHub
+9.5%
5
Halfmoon
Halfmoon
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.
Homepage
+6.6%
6
Aleph
Aleph
The React Framework in Deno.
Homepage
+6.4%
7
Duet Date Picker
Duet Date Picker
An accessible date picker
Homepage
+5.4%
8
Headless UI
Headless UI
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Homepage
+3.5%
9
htmx
htmx
Access AJAX, WebSockets and Server Sent Events directly in HTML
Homepage
+3.3%
10
Luckysheet
Luckysheet
An online spreadsheet like excel that is powerful, simple to configure, and completely open source
Homepage
+3.0%

New Faces on Best of JS

Projects recently added on Best of JS
GraphQL Voyager
GraphQL Voyager
Represent any GraphQL API as an interactive graph
Homepage5.6 k
react-intersection-observer
react-intersection-observer
React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
Homepage1.6 k
Geist
Geist
Modern and minimalist React UI library.
Homepage1.3 k
Valtio
Valtio
Proxy-state simple for React and Vanilla
GitHub1.2 k
CurtainsJS
CurtainsJS
A lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes
Homepage940
Layr
Layr
Dramatically simplify full‑stack development
Homepage906
Pro Gallery
Pro Gallery
Blazing fast & beautiful galleries built for the web
Homepage115

Trending This Week

By number of GitHub stars added this week
1
Tailwind CSS
Tailwind CSS
A utility-first CSS framework for rapid UI development.
Homepage
+776
2
type-fest
type-fest
A collection of essential TypeScript types
GitHub
+656
3
Electron
Electron
Build cross-platform desktop apps with JavaScript, HTML, and CSS
Homepage
+656
4
TypeScript
TypeScript
A superset of JavaScript that compiles to clean JavaScript output.
Homepage
+576
5
Material UI
Material UI
React components for faster and easier web development. Build your own design system, or start with Material Design.
Homepage
+564
6
JS Algorithms & Data Structures
JS Algorithms & Data Structures
Algorithms and data structures implemented in JavaScript with explanations and links to further readings
GitHub
+536
7
React Native
React Native
A framework for building native apps with React.
Homepage
+488
8
Clean Code
Clean Code
Clean Code concepts adapted for JavaScript
GitHub
+474
9
Vue.js
Vue.js
A progressive, incrementally-adoptable framework for building UI on the web
Homepage
+393
10
Nuxt
Nuxt
The Intuitive Vue Framework
Homepage
+387

Any question or feedback? Reach us on GitHub.

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