React

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

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

react
typescript

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

How to use Next.js Image Component

How to use Next.js Image Component

react
nextjs

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

How To Test Your React App With React Testing Library

How To Test Your React App With React Testing Library

javascript
react

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

Intro to GraphQL and React using TypeScript

Intro to GraphQL and React using TypeScript

typescript
react
graphql

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

Create an Accessible and Reusable React Modal (TypeScript)

Create an Accessible and Reusable React Modal (TypeScript)

typescript
react
react hooks

Create a modal with React and TypeScript with accessibility features.

Understand React Key Prop

Understand React Key Prop

react
javascript

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.

Moving My Blog From Next.js To Gatsby

Moving My Blog From Next.js To Gatsby

react
nextjs
gatsby

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

How to create global state using React hooks in TypeScript

How to create global state using React hooks in TypeScript

react
typescript
react hooks

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

Basic React Hooks using TypeScript - useState, useEffect

Basic React Hooks using TypeScript - useState, useEffect

react
react hooks
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.