Short circuit evaluation is a great feature of React, but it can often cause unnecessary rendering and a few headaches! I’m a big fan of short circuit evaluation in React. It’s simple, readable, and allows for conditional rendering and inline logic instead of resorting to clunky ‘if’ statements. However, if you’ve used short circuit evaluation before, you’ll probably have run into a very common issue — why does React sometimes render a 0?

Learn how to create, import, and interact with 3d models in your React app 3d modeling has always been an interest of mine. In the past, I’ve frequently watched hours of Blender and Maya tutorials only to eventually get stuck and lose enthusiasm. Also as a React web developer, I…

Create responsive and performant carousels in React with a small overhead. — We’ve probably all at some point been tasked to implement a carousel. Whether this is for a revolving list of cards or pictures of a product, carousels are a very common UI component and a great way to pack a lot of content into a small space. …

How the color of a UI element became a social divide and sales tool PlayStation vs Xbox. Intel vs AMD. Nvidia vs Radeon. For as long as there have been 2 competing tech options, there have been passionate fans on either side. …

Node.js and Deno make way, there’s a new runtime on the block. — If you’ve done any frontend development in the last 10 years, then there’s a very good chance you have used Node js. In fact, it’s tricky to imagine modern web development without npm packages and node_modules. Node.js is the most pervasive and popular JavaScript runtime, but its top spot is…

Learn the use-cases and differences between the different ways to create references in React. — Before we look at the different ways to create refs, let's first remind ourselves what a ref actually is. The React team defines it as: …a way to access DOM nodes or React elements created in the render method.

Hailed as the “missing piece in the original Hooks release”, useEvent() will change the way you write modern React. — React hooks are pretty great, can’t we agree? For the most part, they allow you to write clean, extensible, and easy-to-understand functional components with clearly defined behavior. When compared to old class-based lifecycle methods and local state management, you’d wonder how React ever got so popular.

How to provide your users a modern UX when using jsPDF.html() — The problem I’ve been using the jsPDF library recently to create PDF snapshots of web pages. This has been pretty seamless, but I realized when the page snapshot was “processing/formatting”, there was no UI feedback to tell the user that something was actually happening — this is bad UX! I wasn’t able…

Can we stop making thread.sleep() a tool for exploitation, please. If you frequently browse Dev forums you may have seen a new trend that almost seems too stupid to be true. Some devs are littering their code with instructions to slow down execution time, then charging the client a premium…