All Posts
19 posts
How to create a form from JSON schema using react-hook-form
Create dynamic forms from json data using react-hook-form library

How to use Next.js Image Component
Learn how to use Next.js image component to create responsive, performant images in React.

Year 2020 in Review
A review of the year 2020. Some of things that happened to me and things I wish to learn in the coming new year.

How To Use Git Rebase
Git rebase is a very powerful command, but it is also not easy to understand. In this post, I want to show you how to use git rebase to create a linear commit history.

How To Test Your React App With React Testing Library
In this post we will learn how to test react components with react-testing-library using test driven development (TDD) approach.

Nullish Coalescing and Optional Chaining Operator
Learn how to use nullish coalescing and optional chaining operator in JavaScript ES11.

Intro to GraphQL and React using TypeScript
Learn how use GraphQL with React and TypeScript to query a graphql endpoint.

How to Stay Up-To-Date as a Software Developer
The tech world is changing rapidly, but we do not want to be left out behind. Learn how I keep myself up to date without going insane.

Create an Accessible and Reusable React Modal (TypeScript)
Create a modal with React and TypeScript with accessibility features.