JSter #178 - Libraries, articles, and more

There are no words for what's happening in Ukraine right now. I can only hope the situation finds a peaceful resolution as soon as possible. That said, here's a monthly list of JavaScript links to study.

Libraries

• Braid - Synchronization for HTTP
• cosinekitty/astronomy - Astronomy Engine: multi-language calculation of Sun, Moon, and planet positions. Predicts lunar phases, eclipses, transits, oppositions, conjunctions, equinoxes, solstices, rise/set times, and other events. Provides vector and angular coordinate transforms among equatorial, ecliptic, and horizontal orientations.
• fdaciuk/conduit-api - API for Real World App project (Conduit) using Node.js + TS with Functional Programming
• matthewp/haunted - React's Hooks API implemented for web components
• classname-variants - Stitches-like variant API for plain class names
• googlemaps-react-primitives - Google Maps primitives for React
• react-api-query - Hooks to use react-query with a typed API client
• Rythm.js - A JavaScript library that makes your page dance
• terotests/numbot - A configurable parser for text based logs

Frameworks

• raimohanska/harmaja - Experimental frontend framework
• BuilderIO/qwik - The HTML-first framework. Initialize apps of any size with < 1kb JS
• pankod/refine - refine is a React-based headless framework for building data-intensive applications in no time ✨ It ships with Ant Design System, an enterprise-level UI toolkit.

TypeScript

• Filtering undefined elements from an array in TypeScript

Security

• Simek/yarn-lock-changes - Creates a comment inside Pull Request with the human-readable summary of changes to the Yarn lock file
• Injecting backdoors to NPM packages
• Enarx - WebAssembly + Confidential Computing

CSS

• Don't try this at home: CSS as the backend - introducing Cascading Server Sheets!

Articles

• The State of JS 2021
• How onChange Differs Between React and Vanilla JavaScript
• Solving a Mystery Behavior of parseInt() in JavaScript
• Why Efficient Hydration in JavaScript Frameworks is so Challenging

Tools

• Smooth Shadow - Smooth shadow generator

Techniques

• An Accessible Modal Dialog with HTML, CSS, and JavaScript
• Building like it's 1984: A comprehensive guide to creating intuitive context menus
• Using a JavaScript proxy as low code REST client