JSter #163: Libraries, and more
2021 - JavaScript has turned 25
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