Front End Development
How to Remove Undefined Values from Objects in JavaScript
I’ve often found myself working with data that contains undefined values. These values can cause issues with data manipulation and can lead to unexpected behavior in your code. In this article, I’ll…
How to Create Guarded Routes using React Router v6
If you have worked on a React App with React Router Dom, you would have felt the need to restrict user access to some specific part of your app. It can be authentication-based, permission-based, etc…
How to Add an Event listener for When an Element Becomes Visible with JavaScript?
The options object has the rootMargin which is the margin for when the element is considered to be visible. We pass in a callback into IntersectionObserver which runs when the element we’re watching…
Batch Updates in React 17 or Earlier Versions
React batch updates for multiple setState() calls inside setTimeout, promises, and native event handlers
3 Best React Form Libraries Every React Developer Should Know
React-Hook-Form, Formik and React-Final-Form
Better Unit Testing in Visual Studio Code with Jest
Use The Jest Extension to Dramatically Improve Your Testing Flow
Why Create React App is Outdated in 2022
Create React App is what almost every developer (including myself) learned to use first when learning the JavaScript library React and I think this has led to a couple of significant flaws. While…
Building A Beautiful Link Preview With Web Components
Recently, I improved the design of my Web Highlights app's dashboard by showing a link preview for each highlighted page. Here is what the new design looks like: In this article, I want to share how…
Master the TypeScript Keyof Type Operator
Welcome to the Mastering TypeScript series. This series will introduce the core knowledge and techniques of TypeScript in the form of animations. Let’s learn together! Previous articles are as…
Angular: Reload/Refresh a Component or Entire Application & Reuse Logic Across Multiple Components
An Angular tutorial on how to reload/refresh a single component or the entire application and reuse the logic across multiple components.