#568 — December 10, 2021
Ben Awad and Dan Abramov
Put the “Flow” in Your Workflows with Shortcut — Imagine how much more you could get done if your project management tools didn’t make you sigh. Shortcut is the ideal solution for task management, bug tracking, iteration planning, and reporting. Delight the scrum gods and give us a try for free.
Shortcut (formerly Clubhouse.io) sponsor
GitHub Rolling Out Enforced 2FA and More Security for npm Registry Logins — Many public code package registries have suffered issues with user security in recent years, including npm, so GitHub are moving forward with plans for ‘enhanced login verification’ including enforced 2FA for publishers of high impact packages in early 2022.
Months in the making, React has very experimental support for custom elements behind a flag if you want to play.
Senior Software Engineer (Frontend, Remote) — We’re hiring a software engineer to join our team working on PSPDFKit for Web. We are building a modern PDF SDK with technologies like React, TypeScript, and WebAssembly.
📖 Tutorials, Opinions & Stories
Cubic Bézier: From Math to Motion — Underpinning any sort of realistic animated motion is some tricky math, the cornerstone of which is the Bézier curve. This article makes the connection between the theory and what eventually ends up on the screen.
Plugging Memory Leaks in Your App — “In any reasonably sized app, you can bet memory is leaking somewhere,” says Stoyan, so having a how to on mitigating such leaks is useful. React is used as the basis for the examples here but the basic concepts apply elsewhere too.
💡 And as it happens, Microsoft Edge has added a new Detached Elements tool to help you investigate and resolve DOM-oriented memory leaks.
Data Visualization Made Easy with ReactJS, Nivo and InfluxDB — Learn how to query from InfluxDB with the client libraries to visualize with Nivo.
Jared White podcast
Optimizing State Management in React Apps
🛠 Code & Tools
Adam Wathan (Tailwind)
graphql-request: A Minimal GraphQL Client for Node and Browsers — The target use here is small scripts and simple apps, not larger things where something like Apollo might provide the structure you need.
ts-belt: A Practical Utility Library for FP in TypeScript — The getting started docs tell the story best, but the author essentially loves ReScript, but acknowledges TypeScript’s popularity and aims to bring some of ReScript’s functional practices to TS via this library. GitHub repo.
Marcin Dziewulski et al.
OpenLayers 6.9: High Performance Frontend Mapping Library — A system for putting dynamic maps onto your pages that can render map tiles pulled from various sources, vector data layers, markers, etc.
Interface Forge: Graceful Mock-Data and Fixture Generation with TypeScript