Real-time gesture recognition in video conferencing

Real-time gesture recognition in video conferencing
8 minutes by Tomasz Mazur

Gesture detection is quickly going mainstream, making remote conversations feel more natural and engaging. Let’s explore how to detect hand gestures in JavaScript running in the browser and build a simple videoconferencing app with special effects.

How OAuth works
sponsored by Clerk

A practical guide to OAuth Scoped Access that walks through the Authorization Code Flow with real code examples, security best practices, and clear explanations of how third-party app integrations actually work.

Bringing React's ViewTransition to vanilla JS
7 minutes by Joeri Sebrechts

An exploration of what a simpler solutions might look like, when built on the ground floor of the web's platform instead of the lofty altitudes of big frameworks. It is a great way to learn.

Data fetching with useEffect vs react-query
5 minutes by Corina Udrescu

Data fetching with useEffect is easy to use and great for quick one-off or practice apps. Corina used it for a long time - but recently, she's come to the conclusion it's best to just use react-query, even for the simplest cases. Why? Because to use it well it takes so much boilerplate, it's not really worth.

How to Create Your Own Simple useState Hook
8 minutes by Kaan

If you've developed a project with React, you've probably used the useState hook million times. When we use it, it's very simple. It's just a function which returns a state and a function that allows us to change that state. But on the inside, is it really that simple? Believe it or not, yes, it is! In this blog, we will create our own simplified useState function step by step.

Zero is Not Local-First. It's Better.
7 minutes by Jenna Smith

If you've used local-first libraries before, you'll know the pitch. The idea is that the data your app needs is synced to the browser or device and stored locally, so that all reads and writes happen locally, with changes syncing to the server when possible. This gives an offline-capable experience, where the app always feels fast and responsive. But there is a catch. Many of these libraries want to sync everything.

Tests are dead. Meticulous AI is here.
sponsored by Meticulous

Meticulous automatically creates and maintains an exhaustive e2e UI test suite that covers every corner of your application – with no developer intervention required whatsoever. Dropbox, Lattice, Bilt Rewards and hundreds of organisations rely on Meticulous for their frontend testing. It is built from the Chromium level up with a deterministic scheduling engine – making it the only testing tool that eliminates flakes.

javascript

• Upcoming JavaScript Features You Should Know About
• How JavaScript Was Written Back In the Day
• Multiple Async Local Storage

webdev

• CSS Cascade Layers Vs. BEM Vs. Utility Classes: Specificity Control
• A new way to style gaps in CSS
• Why JPEG Became the Web's Favorite Image Format
• Animating zooming using CSS: transform order is important… sometimes
• What I Wish Someone Told Me When I Was Getting Into ARIA
• A new way to style gaps in CSS

And the most popular article from the last issue was:

• Reactivity is easy