#553 — August 27, 2021
👍 In related news, TypeScript has a new homepage — it’s interesting to see their thought process in this explainer.
Build a Zoom Clone by Following Working Code — Build an audio/video conferencing application like Zoom or Teams to talk to your friends and family. Follow along with fully functioning code and customize and enhance to unleash your creativity. Show us what you can build.
A look at what’s new in the latest Chrome DevTools (v94).
The React Native team has written about their ‘many platform’ vision which basically lays out some thoughts for the future of the framework.
If you’ve got Spotify and are looking for a new regular web developer news podcast, maybe ▶️ Minified: Web Dev News – published by a fellow JS Weekly reader – will fit the bill.
Node.js has some significant security releases coming next week.
React Brussels: The First React Conference in the Heart of Europe
Mongoose 6.0 – Popular MongoDB ODM for Node.js.
Jasmine 3.9 – JS testing framework.
ExcelJS 4.3 – Excel spreadsheet reading and writing.
Jest 27.1.0 – Another popular testing system.
Vue-Select 3.13.0 – Powerful select component for Vue apps.
JZZ 1.4.0 – MIDI library for Node and browsers.
📖 Articles, Opinions & Tutorials
An Introduction to jq — jq is a fast, C-powered command-line utility to parse, sort, filter, and do just about anything with JSON data. Adam’s post is now the place to go to to remember jq syntax instead of Googling it.
Adam Gordon Bell
How to Use Promise.any() — How to use Promise.any() to get the first fulfilled promise from an array of promises.
▶ How to Build a Serverless Subscription Site with Stripe — A tight introduction to what’s involved in building a serverless (thanks to AWS Amplify) Node and React powered app to take payments via Stripe.
[Guide] Ship Fast. Stay Ahead of the Competition — Intuit & Atlassian don’t let process stand in their way. Learn their strategies to ship faster, safer & stay ahead.
Building the Cloudflare Summer Challenge Application — Cloudflare has recently launched their Cloudflare Developer Summer Challenge, but more interesting than that is how they set up the site for the challenge using Workers Site and Workers KV.
Luke Edwards (Cloudflare)
How to Migrate a Large Project from Vue 2 to Vue 3
How to Use Puppeteer to Automate Chrome in an API with Netlify Serverless Functions
Hieu Nguyen (Jack)
🛠 Code & Tools
React Toastify 8.0: Big Changes for a Mature Notifications Library — At five years old, this is a mature library for those popup ‘toast’ style notifications you sometimes get in apps, and version eight boasts an all new look, improved APIs, and you can even show state changes in the notifications based on promise resolution or failure.
simplex-noise.js: A Fast Simplex Noise Implementation — This CodePen shows it off better than any verbal explanation, but think smooth, ‘natural’ looking noise, such as you may use for landscape generation or film grain.
filter-console 1.0: Filter Out Unwanted console.log() Output — This could be useful if something in your app is being a bit.. ‘noisy’ with the old console.logs and you’d rather not be seeing it.
Studio 3T sponsor
Drift 1.5: Add ‘Zoom on Hover’ to Images on Your Site — Quite customizable. Here’s a CodePen demo. It’s from Imgix, but you don’t have to use their system – you can host the images yourself, on Cloudinary, or wherever.
Nanny State: (Very) Simple State Management — Something to consider when you want to go really lightweight and sans framework. Uses µhtml for rendering.
Vuestic UI 1.2: A Vue.js 3.0 UI Framework — Features 52 customizable and responsive components and since we last mentioned it, it includes a date picker and tree shaking support.
REAFLOW: Node-Based Visualizations for React — If you have trees / diagrams of nodes to render and manipulate, this is an option. It’s best to hit up the demos to see how it works.
CornerstoneTools: A Framework for Creating Medical Imaging (DICOM) Tools — There’s a whole ecosystem of stuff to explore here.