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
1 | type-fest A collection of essential TypeScript types | GitHub | +21.1% | |
2 | tinyhttp Modern Express-like web framework | Homepage | +20.9% | |
3 | match-sorter Simple, expected, and deterministic best-match sorting of an array in JavaScript | GitHub | +11.5% | |
4 | jose Universal "JSON Web Almost Everything" - JWA, JWS, JWE, JWT, JWK with no dependencies | GitHub | +9.5% | |
5 | 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 The React Framework in Deno. | Homepage | +6.4% | |
7 | Duet Date Picker An accessible date picker | Homepage | +5.4% | |
8 | Headless UI Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. | Homepage | +3.5% | |
9 | htmx Access AJAX, WebSockets and Server Sent Events directly in HTML | Homepage | +3.3% | |
10 | 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
GraphQL Voyager Represent any GraphQL API as an interactive graph | Homepage | 5.6 k★ | |
react-intersection-observer React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport. | Homepage | 1.6 k★ | |
Geist Modern and minimalist React UI library. | Homepage | 1.3 k★ | |
Valtio Proxy-state simple for React and Vanilla | GitHub | 1.2 k★ | |
CurtainsJS A lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes | Homepage | 940 ★ | |
Layr Dramatically simplify full‑stack development | Homepage | 906 ★ | |
Pro Gallery Blazing fast & beautiful galleries built for the web | Homepage | 115 ★ |
Trending This Week
1 | Tailwind CSS A utility-first CSS framework for rapid UI development. | Homepage | +776 ★ | |
2 | type-fest A collection of essential TypeScript types | GitHub | +656 ★ | |
3 | Electron Build cross-platform desktop apps with JavaScript, HTML, and CSS | Homepage | +656 ★ | |
4 | TypeScript A superset of JavaScript that compiles to clean JavaScript output. | Homepage | +576 ★ | |
5 | 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 Algorithms and data structures implemented in JavaScript with explanations and links to further readings | GitHub | +536 ★ | |
7 | React Native A framework for building native apps with React. | Homepage | +488 ★ | |
8 | Clean Code Clean Code concepts adapted for JavaScript | GitHub | +474 ★ | |
9 | Vue.js A progressive, incrementally-adoptable framework for building UI on the web | Homepage | +393 ★ | |
10 | 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.