JSter #161: Libraries, and more

JavaScript - the language of the web

In our fourth mini-conference at React Finland, we focused on lessons learned. The fifth one will take place early December and focus on React performance.

In other news, given webpack 5 was finally released, I gave my webpack book another pass of updates to adapt to the changes in the major tool.

Libraries

• Sass: LibSass is Deprecated
• matthiasott/a11y-accordion-tabs - A script for an accessible accordion tabs component
• p-limit - Run multiple promise-returning & async functions with limited concurrency
• fullPage.js - Create beautiful fullscreen scrolling websites
• pubkey/broadcast-channel - BroadcastChannel to send data between different browser-tabs or nodejs-processes
• ben-rogerson/twin.macro - Twin blends the magic of Tailwind with the flexibility of css-in-js
• daybrush/selecto - Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch
• komarovalexander/ka-table - React Table component with Sorting, Filtering, Grouping, Virtualization, Editing and many more

TypeScript

• phenomnomnominal/tsquery - TypeScript AST query library

GraphQL

• APIs-guru/graphql-lodash - Data manipulation for GraphQL queries with lodash syntax

Animation

• bendc/animateplus - A+ animation module for the modern web

React

• React v17.0 - New major releases without big changes
• Bumbag - Build accessible & themeable React applications with your Bumbag

Tools

• npm v7 Series - Beta Release! And: SemVer-Major Changes in npm v7
• Adapt - React for your infrastructure
• Rome Toolchain - Everything in one toolchain for JavaScript
• Electron Forge - A complete tool for creating, publishing, and installing modern Electron applications
• Storybook for React Native
• Rockpack - All-in-one solution for developing React applications with webpack
• kitten/runruntypes - A poor man's runtime-only type checker
• Webpack 5

Articles

• Node.js Application Monitoring with Prometheus and Grafana

Techniques

• Transforming Markdown with Remark & Rehype
• Sight and light - How to create 2D visibility/shadow effects for your game
• Modern React testing, part 4: Cypress and Cypress Testing Library

Games

• Kontra.js - A lightweight JavaScript gaming micro-library created specifically for the Js13kGames game jam
• A Pure CSS Game - You must build a lighthouse
• Bongo Cat - Play bongos
• Code out

Interviews

• Algolia with Netlify - Interview with Samuel Bodin
• Eleventy - A simpler static site generator - Interview with Jeremias Menichelli
• End-to-end testing - Interview with Erik Fogg
• Rockpack - Skip config, code React - Interview with Sergey Aleksandrov

Retro

• felixrieseberg/macintosh.js - A virtual Apple Macintosh with System 8, running in Electron

Music

• ORCΛ - An esoteric programming language designed to create sequencers
• Roland 808303.studio - TR-808 drum machine and TB-303 bass synthesiser