DEV Community

Iain Freestone
Iain Freestone

Posted on • Originally published at stargazing.dev

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

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

GitHub logo 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.

TanStack Router Header

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

#TanStack semantic-release Join the discussion on Github Best of JS

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





2. Programming Fonts

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

GitHub logo braver / programmingfonts

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

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
  • Font files are stored in fonts/resources
    • We store only 4 variants (if available), in .woff2 format (if available): regular, italic, bold…

3. Node Version Manager

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


4. Hieroglyphy

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

GitHub logo alcuadrado / hieroglyphy

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

build status

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.





5. xdm

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

GitHub logo wooorm / xdm

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

xdm

Build Coverage Downloads Size

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:

  1. Compiling the MDX syntax (markdown + JSX) to JavaScript
  2. 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
Enter fullscreen mode Exit fullscreen mode

yarn:

yarn add xdm
Enter fullscreen mode Exit fullscreen mode

This…


6. Just

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

GitHub logo angus-c / just

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

Just

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.

Build status

We welcome contributions. Please follow our contribution guidelines.

Try 🍦

A REPL for every utility (powered by RunKit)

Read 📚

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…


7. GitUI

Blazing fast terminal-ui for git written in rust

GitHub logo extrawurst / gitui

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

CI crates MIT UNSAFE TWEET dep_status discord

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

Table of Contents

  1. Features
  2. Motivation
  3. Benchmarks
  4. Roadmap
  5. Limitations
  6. Installation
  7. Build
  8. FAQs
  9. Diagnostics
  10. Color Theme
  11. Key Bindings
  12. Sponsoring
  13. Inspiration
  14. Contributing
  15. Contributors

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…


8. applied-ml

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

GitHub logo 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. ⚙️

contributions welcome Summaries HitCount

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

  1. Data Quality
  2. Data Engineering
  3. Data Discovery
  4. Feature Stores
  5. Classification
  6. Regression
  7. Forecasting
  8. Recommendation
  9. Search & Ranking
  10. Embeddings
  11. Natural Language Processing
  12. Sequence Modelling
  13. Computer Vision
  14. Reinforcement Learning
  15. Anomaly Detection
  16. Graph
  17. Optimization
  18. Information Extraction
  19. Weak Supervision
  20. Generation
  21. Audio
  22. Privacy-Preserving Machine Learning
  23. Validation and A/B Testing
  24. Model Management
  25. Efficiency
  26. Ethics
  27. Infra
  28. MLOps

9. React Autosuggest

WAI-ARIA compliant React autosuggest component

GitHub logo moroshko / react-autosuggest

WAI-ARIA compliant React autosuggest component

Build Status Contributors Coverage Status

npm Downloads npm Version gzip size

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


10. next-cms-ghost

Publish flaring fast blogs with Next.js and Ghost CMS

GitHub logo styxlab / next-cms-ghost

Publish flaring fast blogs with Next.js and Ghost CMS

next-cms-ghost

next-cms-ghost

PRs welcome!

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

Stargazing 📈

Top risers over last 7 days🔗

  1. Bulletproof React +1,676 stars
  2. Svelte +1,693 stars
  3. Public APIs +742 stars
  4. The book of secret knowledge +683 stars
  5. Free Programming Books +641 stars

Top growth(%) over last 7 days🔗

  1. MiniMasonry.js +84%
  2. UnoCSS +32%
  3. it +21%
  4. Hydrogen +20%
  5. Web APIs Playground +13%

Top risers over last 30 days🔗

  1. JavaScript Algorithms +3,249 stars
  2. Public APIs +3,237 stars
  3. Awesome +2,829 stars
  4. Machine Learning for beginner +2,602 stars
  5. Free Programming Books +2,415 stars

Top growth(%) over last 30 days🔗

  1. LittleJS +142%
  2. Web APIs Playground +125%
  3. Agrippa +115%
  4. ct +112%
  5. EBS Design +84%

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)

Collapse
 
foxcoding1006 profile image
Fox-coding-1006

Mind cheking this not so popular but really good

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