Create dynamic forms from json data using react-hook-form library

How to create a form from JSON schema using react-hook-form

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

How to use Next.js Image Component

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

Year 2020 in Review

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 Use Git Rebase

In this post we will learn how to test react components with react-testing-library using test driven development (TDD) approach.

How To Test Your React App With React Testing Library

Learn how to use nullish coalescing and optional chaining operator in JavaScript ES11.

Nullish Coalescing and Optional Chaining Operator

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

Intro to GraphQL and React using TypeScript

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.

How to Stay Up-To-Date as a Software Developer

Create a modal with React and TypeScript with accessibility features.

Create an Accessible and Reusable React Modal (TypeScript)

Learn and understand how to use callbacks, promises and async/await in JavaScript.

Asynchronous JavaScript: Callbacks, Promises, Async/Await

We usually use key props in a list, but did you know we could use it in just any component? Let us see useful functionality we could do with React key prop.

Understand React Key Prop

How do we read a documentation efficiently? Find out in this post.

Learn Something New by Reading the Documentation (docs)

How does JavaScript handle asynchronous events? In this post, let us learn about the Event Loop in JavaScript.

JavaScript Behind the Scenes: The Event Loop

JavaScript has a lot of functions to manipulate and transform elements in an array. In this post, we are going to look in the Array.reduce() function.

Understanding How Array.reduce works in JavaScript

In this post, I share my experiences of moving my blog from Next.js to Gatsby.

Moving My Blog From Next.js To Gatsby

Learn how to create a global state using only react hooks context (no redux).

How to create global state using React hooks in TypeScript

In this we are going to see how to use basic react hooks like useState and useEffect with TypeScript. We are also going to learn how to create custom react hooks.

Basic React Hooks using TypeScript - useState, useEffect

Learn about some of the wonderful advantages of contributing to open source projects.

Why Contribute to Open Source

In this post we are going to look at the 4 most important skills needed by software developers -- problem solving, communication skills, working with others (teamwork), and ability to learn new things.

Hey, I'm Naina 👋

Frontend developer at Dreamslab

Latest