JSter - JSter #163 - Libraries and more

A new year has arrived and I've compiled a nice list of JavaScript related links for you as usual.

Libraries

• kripod/react-layout-components - Layout components for React, primarily inspired by Every Layout
• dumbmatter/fakeIndexedDB - A pure JS in-memory implementation of the IndexedDB API
• humaans/react-machine - A state machine hook for React applications
• pmndrs/react-three-flex - Flexbox for react-three-fiber
• diegohaz/constate - React Context + State
• kripod/otion - Atomic CSS-in-JS with a featherweight runtime
• DanWahlin/Observable-Store - Observable Store provides a simple way to manage state in Angular, React, Vue.js and other frontend applications
• neo - Create blazing fast multithreaded Web Apps

Frameworks

• Base Web React UI Framework
• boxine/pentf - Parallel end-to-end test framework
• grommet - React-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
• Fluid Framework - Data Sync Reimagined
• Bootstrap 5 - Beta 1

Tools

• Saruni - The simplest way to write and deploy fast, scalable full-stack web applications in JavaScript
• imcuttle/simple-hot-reload-server - Simple hot reload server by Node
• json-server - Get a full fake REST API with zero coding in less than 30 seconds
• ben-rogerson/twin.macro - Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components and goober) at build time
• Webpack - Roadmap 2021 (2020-12-08)
• Hazel, a live functional programming environment featuring typed holes.

Deno

• Node Or Deno, That Is The Question!? 🤔
• rodolphocastro/dixture - Dixture is a Deno module that helps you create random data for your tests
• sholladay/pogo - Server framework for Deno

Articles

• Frontend Pattern — Atomic Business Components (ABC)
• How One Developer Recreated AirDrop Using Just JavaScript
• Should you switch from React to Svelte?

Techniques

• On Designing and Building Toggle Switches
• Fixing the "dark mode flash" issue on server rendered websites
• Updating UIs: value comparison VS mutation tracking
• Node.js Resiliency Concepts: Recovery and Self-Healing
• The Key to Calling React Hooks Conditionally
• Synchronizing Async Functions in Node.js
• How to break the rules of React Hooks
• Preloading Web Assets

CSS

• rotvalli/css-gauge - Pure CSS gauge component

TypeScript

• Advanced TypeScript Type Tricks
• type-challenges - Collection of TypeScript type challenges with online judge
• Announcing TypeScript 4.1

Starters

• netcoresaas/saas-vuejs-tailwindcss - VueJS + TailwindCSS frontend for SaaS apps