JSter - JSter #165 - Libraries and more

I've started running a series of vodcasts for React Finland. In the first one we covered React components and in the next one (29th of March) we'll discuss accessibility.

Libraries

• valtio makes proxy-state simple
• nivo - nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries
• Local-first database: Hypermerge
• taufik-nurrohman/color-picker - A simple color picker application written in pure JavaScript, for modern browsers
• Handsfree.js - Build handsfree User Experiences and add face, hand, and pose tracking to your projects in a snap
• raam - Beautifully boring cosmetic-free React.js components for structure and layout
• andrasq/node-qrpc - Quicker Node.js remote procedure call
• ztext.js - Easy to implement, 3D typography for the web. Works with every font
• node-notifier - A Node.js module for sending notifications on native Mac, Windows and Linux (or Growl as fallback)
• iamkun/dayjs - 2KB immutable date-time library alternative to Moment.js with the same modern API
• a-synchronous/rubico - [a]synchronous functional programming

Frameworks

• Tone.js - Web Audio framework for creating interactive music in the browser

Tools

• wclr/yalc - Work with yarn/npm packages locally like a boss
• akx/source-from-sourcemaps - Extract original source from JavaScript sourcemaps
• hygen is the simple, fast, and scalable code generator that lives in your project
• TypeScript 4.2

CSS

• Rucksack - makes proxy-state simple
• AnimXYZ - The first composable CSS animation toolkit
• :focus-visible Is Here
• PostCSS Viewport Height Correction - PostCSS plugin to solve the popular problem when 100vh doesn’t fit the mobile browser screen

SVG

• Svg Wave - Generate SVG Waves

Games

• Text Quest: Unlock your imagination

Articles

• Color palettes and accessibility features for data visualization
• Project Structure. Repository and folders. Review of approaches.
• Is the Future of Web Design Polymorphic?