Iain Freestone

Posted on Nov 19, 2021 • Originally published at stargazing.dev

🚀10 Trending projects on GitHub for web developers - 19th November 2021

#react #javascript #webdev #productivity

Trending Projects is available as a weekly newsletter please sign up at Stargazing.dev to ensure you never miss an issue.

1. React Location

Enterprise Client-Side Routing for React

TanStack / router

🤖 Fully typesafe Router for React (and friends) w/ built-in caching, 1st class search-param APIs, client-side cache integration and isomorphic rendering.

🤖 Type-safe router w/ built-in caching & URL state management for React!

Enjoy this library? Try the entire TanStack! React Query, React Table, React Charts, React Virtual

Visit tanstack.com/router for docs, guides, API and more!

Partners

Quick Features

100% TypeSafe
- Route Defs
- Navigation
- Relative Navigation
- Search Params
- Path Params
- Loaders
1st Class Search Params
- Schemas + Validation
- Parsing + Serialization
- Immutable
- Structural Sharing
- Pre/Post Processing
Built-in Caching
- Stale-While-Revalidate
- Max-Age
- Auto Garbage Collection
- Invalidation
Prefetching
Automatic Prefetching
Transitions
Error Boundaries
Code Splitting
Layout Routes
Easy Integration w/ external caches and storage (eg. React Query, Apollo, SWR, RTKQuery)

Example Usage

To run example React projects with Tanstack Router, see CONTRIBUTING.md

View on GitHub

2. Programming Fonts

Test drive programming fonts online in your browser. All fonts in one place, with proper credits towards the creators.

Programming Fonts

Test drive programming fonts online in your browser. The interactive counter part of the Tumblr Blog.

ProgrammingFonts.org makes it easier to find monospaced fonts. All fonts in one place, with proper credits towards the creators. It's not a download portal, we don't track anything, it's strictly by nerds and designers for nerds and designers.

Buy me a coffee

☕️👌🏻

This website is powered by coffee. No ads, no tracking, no monetization. We do have some costs for domain name. And coffee. Gallons of coffee Please feel free to make a little donation via PayPal to keep this labour of love running. It's much appreciated!

Project layout / contributing

All information about the fonts is stored in fonts.json
- Which adheres to a schema.
Font files are stored in fonts/resources
- We store only 4 variants (if available), in .woff2 format (if available): regular, italic, bold…

View on GitHub

3. Node Version Manager

Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions

nvm-sh / nvm

Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions

Node Version Manager

Intro

nvm allows you to quickly…

View on GitHub

4. Hieroglyphy

A tool and javascript library for converting strings, numbers, and scripts to equivalent sequences of ()[]{}+! characters that run in the browser.

alcuadrado / hieroglyphy

Transform any javascript code to an equivalent sequence of ()[]{}!+ characters that runs in the browser!

Hieroglyphy

A tool and javascript library for converting strings, numbers, and scripts to equivalent sequences of ()[]{}+! characters that run in the browser.

Usage and installation

You can get it from npm to use the command line tool or using it from node.js.

Also avalable as AMD module or by exporting itself to window object in the browser. Just clone the repo or download hieroglyphy.js file.

View on GitHub

5. xdm

Just a really good MDX compiler. No runtime. With esbuild, Rollup, and webpack plugins

wooorm / xdm

Just a really good MDX compiler. No runtime. With esbuild, Rollup, and webpack plugins

xdm

xdm was a fork (complete rewrite?) that envisioned how mdx-js/mdx could work All of xdm has now been ported into mdx-js/mdx making xdm no longer needed Use mdx-js/mdx instead.

Read the original readme

xdm is an MDX compiler that focusses on two things:

Compiling the MDX syntax (markdown + JSX) to JavaScript
Making it easier to use the MDX syntax in different places

This is mostly things I wrote for @mdx-js/mdx which are not slated to be released (soon?) plus some further changes that I think are good ideas (source maps, ESM only, defaulting to an automatic JSX runtime, no Babel, smallish browser size, more docs, import/exports in evaluate, esbuild and Rollup plugins).

There are also some cool experimental features in 👩‍🔬 Lab!

Install

Use Node 12 or later. Then install xdm with either npm or yarn.

npm:

npm install xdm

yarn:

yarn add xdm

This…

View on GitHub

6. Just

A library of dependency-free JavaScript functions that do just do one thing.

angus-c / just

A library of dependency-free JavaScript utilities that do just one thing.

Just

Docs | Why? | Try It | Contribute!

A library of zero-dependency npm modules that do just one thing. A guilt-free alternative to those bulkier utility libraries. Ideal for PWA development or whenever bytes are precious.

We welcome contributions. Please follow our contribution guidelines.

Try 🍦

A REPL for every utility (powered by RunKit)

Read 📚

TRADEOFFS.md -- When to use Just (and when not to).
The Zen of Dependency-Free -- Why I wrote Just.

ES and CJS modules available for every utility

All packages support ES module or Common JS syntax without requiring transpilation

// esm (node / bundler)
import clone from 'just-clone';

// esm (native browser code)
import clone from './node_modules/just-clone/index.mjs';

// cjs
const clone = require('just-clone');

TypeScript

We've now added TypeScript definitions and tests for every Just utility

Browser/Platform Support 💻

Most utilities still work with any platform that supports ES5, but these are…

View on GitHub

7. GitUI

Blazing fast terminal-ui for git written in rust

extrawurst / gitui

Blazing 💥 fast terminal-ui for git written in rust 🦀

GitUI provides you with the comfort of a git GUI but right in your terminal

1. Features ^{Top ▲}

Fast and intuitive keyboard only control
Context based help (no need to memorize tons of hot-keys)
Inspect, commit, and amend changes (incl. hooks: pre-commit,commit-msg,post-commit,prepare-commit-msg)
Stage, unstage, revert and reset files, hunks and lines
Stashing (save, pop, apply, drop, and inspect)
Push / Fetch to / from remote
Branch List (create, rename, delete, checkout, remotes)
Browse / Search commit log, diff committed changes
Responsive terminal UI
Async git API for fluid control
Submodule support
gpg commit signing with shortcomings (see #97))

2. Motivation ^{Top ▲}

I do most of my git work in a terminal but I frequently found myself using git GUIs…

View on GitHub

8. applied-ml

Papers & tech blogs by companies sharing their work on data science & machine learning in production.

eugeneyan / applied-ml

📚 Papers & tech blogs by companies sharing their work on data science & machine learning in production.

applied-ml

Curated papers, articles, and blogs on data science & machine learning in production. ⚙️

Figuring out how to implement your ML project? Learn how other organizations did it:

How the problem is framed 🔎(e.g., personalization as recsys vs. search vs. sequences)
What machine learning techniques worked ✅ (and sometimes, what didn't ❌)
Why it works, the science behind it with research, literature, and references 📂
What real-world results were achieved (so you can better assess ROI ⏰💰📈)

P.S., Want a summary of ML advancements? 👉ml-surveys

P.P.S, Looking for guides and interviews on applying ML? 👉applyingML

Table of Contents

View on GitHub

9. React Autosuggest

WAI-ARIA compliant React autosuggest component

moroshko / react-autosuggest

WAI-ARIA compliant React autosuggest component

React Autosuggest

Project Status

Looking for maintainers!

Unfortunately, I don't have the time to maintain this project anymore. If you are interested to help, please reach out to me on Twitter @moroshko.

Demo

Check out the Homepage and the Codepen examples.

Features

WAI-ARIA compliant, with support for ARIA attributes and keyboard interactions
Mobile friendly
Plugs in nicely to Flux and Redux applications
Full control over suggestions rendering
Suggestions can be presented as plain list or multiple sections
Suggestions can be retrieved asynchronously
Highlight the first suggestion in the list if you wish
Supports styling using CSS Modules, Radium, Aphrodite, JSS, and more
You decide when to show suggestions (e.g. when user types 2 or more characters)
Always render suggestions (useful for mobile and modals)
Pass through arbitrary props to the input (e.g. placeholder, type, onChange, onBlur, or any other), or take…

View on GitHub

10. next-cms-ghost

Publish flaring fast blogs with Next.js and Ghost CMS

styxlab / next-cms-ghost

Publish flaring fast blogs with Next.js and Ghost CMS

next-cms-ghost

The fastest React frontend for headless Ghost CMS.

Create and publish flaring fast blogs with next-cms-ghost. Powered by the React framework Next.js and content fed by headless Ghost, you'll get a production ready hybrid frontend that combines the best of static and server-rendered sites. Most importantly, your website can be easily distributed globally to be served from the edge. At the same time your content creators can continue to work with the Ghost authoring system they are used to.

✨ Features

Ghost CMS integration

Supports Ghost `v3` and `v4`

Ghost Casper look & feel

Infinite scroll
Fully responsive
Sticky navigation headers
Hover on author avatar
Styled 404 page
Preview Section in posts
Sitemap
RSS feed
SEO optimized

Extened Casper Styles ✨

Dark Mode
Featured posts pinned on top
Customizable navigation headers
Zoom images on click to full-screen
Render GitHub Gists

Images with Next/Images 🚀

Feature and inline images
…

View on GitHub

Stargazing 📈

For all for the latest rankings please checkout Stargazing.dev

Trending Projects is available as a weekly newsletter please sign up at Stargazing.dev to ensure you never miss an issue.

If you enjoyed this article you can follow me on Twitter where I regularly post about HTML, CSS and JavaScript.

Top comments (1)

Fox-coding-1006 • Nov 22 '21

Mind cheking this not so popular but really good

github.com/Fox-coding-1006/radius-...

1. React Location

TanStack / router

🤖 Fully typesafe Router for React (and friends) w/ built-in caching, 1st class search-param APIs, client-side cache integration and isomorphic rendering.

Visit tanstack.com/router for docs, guides, API and more!

Partners

Quick Features

Example Usage

2. Programming Fonts

braver / programmingfonts

Test drive programming fonts online: the definitive list of fonts for code.

Programming Fonts

Buy me a coffee

Project layout / contributing

3. Node Version Manager

nvm-sh / nvm

Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions

Node Version Manager

Table of Contents

Intro

4. Hieroglyphy

alcuadrado / hieroglyphy

Transform any javascript code to an equivalent sequence of ()[]{}!+ characters that runs in the browser!

Hieroglyphy

Usage and installation

5. xdm

wooorm / xdm

Just a *really* good MDX compiler. No runtime. With esbuild, Rollup, and webpack plugins

xdm

Install

6. Just

angus-c / just

A library of dependency-free JavaScript utilities that do just one thing.

Just

Docs | Why? | Try It | Contribute!

Try 🍦

Read 📚

ES and CJS modules available for every utility

TypeScript

Browser/Platform Support 💻

7. GitUI

extrawurst / gitui

Blazing 💥 fast terminal-ui for git written in rust 🦀

GitUI provides you with the comfort of a git GUI but right in your terminal

Table of Contents

1. Features Top ▲

2. Motivation Top ▲

8. applied-ml

eugeneyan / applied-ml

📚 Papers & tech blogs by companies sharing their work on data science & machine learning in production.

applied-ml

9. React Autosuggest

moroshko / react-autosuggest

WAI-ARIA compliant React autosuggest component

React Autosuggest

Project Status

Demo

Features

10. next-cms-ghost

styxlab / next-cms-ghost

Publish flaring fast blogs with Next.js and Ghost CMS

next-cms-ghost

The fastest React frontend for headless Ghost CMS.

✨ Features

Stargazing 📈

Top risers over last 7 days🔗

Top growth(%) over last 7 days🔗

Top risers over last 30 days🔗

Top growth(%) over last 30 days🔗

Read next

5 Vercel Features Developers Absolutely Love

Accessibility (a11y) Rules - 3

Big News for Animations: Framer Motion Evolves into Motion !

H2 и весёлые тесты в Spring

Just a really good MDX compiler. No runtime. With esbuild, Rollup, and webpack plugins

1. Features ^{Top ▲}

2. Motivation ^{Top ▲}