JSter - JSter #173 - Libraries and more

We've completed this year's React Finland and the content is available online. Hopefully we can run a live event next year!

Libraries

• BuilderIO/partytown - Relocate resource intensive third-party scripts off of the main thread and into a web worker.
• Motion One: The Web Animations API for everyone
• ChowJS: an AOT JavaScript engine for game consoles
• jamiemccrindle/axax - Async Iterator Extensions for JavaScript e.g. map, reduce, filter, flatMap, etc.
• simdjson/simdjson/releases/tag/v1.0.0 - Parsing gigabytes of JSON per second
• modern-async - A modern JavaScript tooling library for asynchronous operations using async/await and promises
• shiki - A beautiful Syntax Highlighter
• plausible/analytics - Simple, open-source, lightweight (< 1 KB) and privacy-friendly web analytics alternative to Google Analytics.
• Stitches v1.0 - Style your components with confidence

CSS

• Grainy Gradients
• Houdini.how - How to implement features with Houdini
• Deep dive CSS: font metrics, line-height and vertical-align

Standards

• Worker Environments - Worker Environments are the new standard for writing HTTP servers in JavaScript.

Services

• bundle - A quick npm package size checker
• Deno Visualizer

Design Systems

• Welcome to the W3C design system
• UI Guideline - The definitive guide to standardize the design/code of the UI Components based on the 39 most popular Reference Systems.

Demos

• phoboslab/q1k3 - A tiny FPS for js13k

Articles

• How Svelte scopes component styles
• Symbols explained
• Dissecting Deno
• Twitter's div Soup and Uglyfied CSS, Explained
• NPM package with 3 million weekly downloads had a severe vulnerability
• Why Developers Never Use State Machines
• I've used the pipe() function 2,560 times and I can tell you it's good!
• React 18: Things You Need To Know About React JS Latest Version

TypeScript

• TypeScript 4.4
• Parse, don’t validate, incoming data in TypeScript.
• React TypeScript Cheatsheets

Techniques

• Precise control, fewer bugs with statecharts

Starters

• Epiczzor/r3f-template - A starter project for react-three-fiber and some more useful packages
• Elliotclyde/esbuild-react-starter - A super simple starter pack for esbuild and react

Videos

• Ryan Carniato on SolidJS

GraphQL

• Lessons learned from running GraphQL at scale

Tools

• Accessibility Insights
• leanup - Generic CLI to develop, test and build a SPA/PWA (framework independently)
• Responsive viewer for Chrome