#569 — December 17, 2021
▶ A Recap of React Conf 2021 — React Conf took place online for the first time this year and this is a fantastic summary of what took place along with videos of the talks and why you might watch some of them. The main keynote covered the state of concurrency, Suspense, server components, React Native, and more.
Jesslyn Tannady and Rick Hanlon
Kickstart Your Software Engineering Career — Ready to start learning software engineering? Learn 1:1 with an expert mentor to master the skills, build your portfolio, and gain experience needed to land a software engineering role. Apply to Springboard’s Software Engineering Bootcamp to start your journey.
Create React App 5.0: The Popular ‘One Command’ React App Builder — Few projects in the React world have been as successful as Create React App which has brought single command app generation to the masses. v5.0 includes fast refresh improvements, support for Tailwind, and a lot of dependency updates including webpack 5, Jest 27 and ESLint 8. You’ll need to be running Node 14+ too.
Hemanth HM has some updates from the 87th meeting of TC39 including the status of several proposals.
The State of CSS 2021 survey has concluded and the results are now available to peruse.
Deno 1.17 – Server-side JS/TS runtime.
Ember CLI 4.0 – CLI for building Ember apps.
Got 12.0 – HTTP client for Node.js.
NVM for Windows 1.1.9 – Node.js version manager.
bignumber.js 9.0.2 – Arbitrary-precision decimal arithmetic.
React PDF 5.6 – Render PDFs in React apps.
Frontend Developer 🚀(Remote, Work from Anywhere 🏖) — We’re reimagining eCommerce with a super fast headless commerce service for product storytellers. React, Node, GraphQL? Let’s talk.
📖 Tutorials, Opinions & Stories
Array.prototype.groupBy to the Rescue? — There are plenty of ways to group elements in arrays into objects, as shown here, but TC39 is coming to the rescue (we hope) with a currently advancing proposal for array grouping methods like groupBy. Bring it on.
Wide Gamut 2D Graphics using HTML Canvas — A look at the support for graphics in wider gamut color spaces than sRGB (such as Display P3) inside the canvas element in the newest Safari.
Cameron McCormack (WebKit)
An Introduction to Framer Motion 3D for 3D Animation in React — Framer Motion is a popular Web animation toolkit and there’s a 3D animation option that uses React Three Fiber under the hood. Some nice sandbox demos here to play with.
▶ Global State Management in an Vue.js Electron App with Pinia
🛠 Code & Tools
Riot.js 6.1: A Simple and Elegant Component-Based UI Library — An interesting alternative UI library that might click with you. “It is designed to offer you everything you wished the native web components API provided.” GitHub repo.
Shortcut is Project Management Without the Management — Looking for an intuitive white-board style project management tool? Collaboration has never been easier with Shortcut.
Shortcut (formerly Clubhouse.io) sponsor
OpenSeadragon 3.0: A Web Viewer for Ultra High Resolution Images — Quite an old project now, but works well and is perfect for a specific use case, especially if you need to support certain high res image tile formats.
CSS-Select 4.2: A CSS Selector Compiler and Engine — Turns CSS selectors into functions that tests if elements match them.
roughViz.js: Hand-Drawn Styled Charts in the Browser — Supports bar, donut, line, pie, scatter and stacked bar charts and uses Rough.js under the hood for the drawing operations.
Neutralino 4.0: Portable, Lightweight Desktop App Framework — Think Electron but rather than including a Chromium distribution with every app, it uses the local platform’s built-in ‘webview.’ GitHub repo.
deeplinks.js: Simple Deep Links to Any Selection of Text On Your Website