The JavaScript Edition — June 2022 | by Coffee Bytes | Jun, 2022

Our favorite JavaScript stories from the month gone by

Hey everyone,

Welcome to the 33rd edition of Coffee Bytes, a newsletter by Better Programming.

In this issue, we’ll focus on twenty standout posts that explore a variety of JavaScript topics. Without further ado, let’s get started.

Jennifer Fu continues her exploration with the Three.js library. This time she deep dives into the various ways you can manipulate environment textures through reflection or refraction. Do check out her companion piece to learn how to apply textures outside and inside 3D objects with examples.

Some really intuitive CSS animations by Deepak Kumar that you can integrate into your frontend applications right away.

Web Workers are a crucial component when dealing with computationally intensive tasks in the background. Ruaraí Kirk shows how to integrate Web Workers in React codebases.

While implementing a collision detection system to recognize and correct overlapping map labels which required heavy computations, Joe Honton found a more efficient alternative to Web Workers — requestIdleCallback — which he terms as the poor man’s web worker.

Oskari Rautiainen walks us through an end-to-end guide to build a Host-Remote pattern micro-frontend in React.

Want to write a robust codebase for your UI that won’t require wholesome changes while integrating APIs? Pavel Belikov presents a handy use case that leverages the adapter pattern.

A utility script by Adrien Miquel that’s worth bookmarking to automate the repetitive stuff.

Want to build a search engine for metal songs similar to Shazam? Riccardo Canella’s open source project delivers that for you.

Christian Behler was tired of clearing spam contact request mails from his inbox. So he created a slider captcha leveraging JavaScript and used PHP sessions to prevent the spammers from guessing the POST request.

Maya Shavin shows us how to build dynamic, reusable, and generic dialog components by using the XState library.

An illustrative guide by bytefish that promises to test your Promise fundamentals.

Dana Janoskova demonstrates some use case scenarios to correctly use React.memo, React.useMemo, React.useCallback, React.createContext, React.useContext in your applications.

A top-level await operator, private fields and method declarations, and plenty more goodies that Sean Amarasinghe runs us through in his latest piece.

In his latest open source project, David Dal Busco shows how to build a popover component in Svelte without any third-party libraries or dependencies.


To add immersive sound experiences, David Relo and the ZEGOCLOUD team have built a Proximity Voice module. To inspire you to add spatial audio effects in your web apps, this detailed guide shows how to use the Web Audio API provided by web browsers.

Continuing his journey with roguelike, Nevin Katz adds scrolling support to his game which has machine-generated levels.

Michelle Wiginton’s tutorial shows how to scrape information from the popular review website and display them as a CSV report.

Sam Hall’s debut post on Medium might seem like yet another guide to refactor SOLID codebase to a more functional programming style in TypeScript. But it takes things up a notch by assessing refactoring from a testability perspective.

Nicolai B. Andersen continues his series of recreating classic 2D games. His latest is a game we all love to play.

We’ve received some solid game development submissions this month and Alvaro Montoro’s latest works with a Rock Band drumset connected to your computer too!

That’s it for now. Until your next coffee,

Anupam and the Better Programming team.

News Credit

%d bloggers like this: