React React

The library for web and native user interfaces.

React Prettier ESLint Configuration

Apr 06, 2024 | 4 min read | 877 Views | Comments

Soul pretty but code prettier. We now run by this quote, to maintain our code formatting top notch. Thanks to Prettier to take away this burden from the dev community, and with the support of ESLint being pretty becomes a mandate; to maintain overall code quality. In this article, we will learn how to configure Prettier in React Vite app.

React ESLint Configuration

Mar 30, 2024 | 4 min read | 2052 Views | Comments

ESLint is the result of prayers performed by senior devs, so that they can enjoy their trips without worrying much about the code chaos other devs will cause. ESLint works with any JavaScript frameworks, for React it's no different. In this article, we will talk about how to configure ESLint with React.

React Journey: Part 5 - Context API

Oct 08, 2023 | 8 min read | 728 Views | Comments

Every journey ends somewhere. Our React journey will come to an end with 360-degree shift in our previous approaches of communicating between components. Don't get afraid, this change is helpful and a must for our growing apps. In this article, we will touch base and talk about the concept of Context API in React and how it can allow to manage props and states like a pro.

React Journey: Part 4 - Working with Web API

Sep 21, 2023 | 6 min read | 644 Views | Comments

There is no app existence without communicating server or at least a fake server. In our React learning journey we will now make our Notesy app to communicate to API even though its fake. In this article, we will make use of json-server to create API endpoint for our Notesy app and make our create, read, delete operation little dynamic.

React Journey: Part 3 - React Routes

Sep 19, 2023 | 5 min read | 661 Views | Comments

You have to stick to the route to reach your destination. In this article we will explore about the react-router-dom package to create routing in React.

React Journey: Part 2 - States, Props, Events and Hooks

Aug 24, 2023 | 10 min read | 669 Views | Comments

Life brought us to the moment where we have to think about how to make our Notesy app functional. In this article we will make our Notesy app interactive such that it can show list of notes, add new notes and delete existing notes. On the way of doing so we will explore states, props, events and hooks.

React Journey: Part 1 - Getting Started

Aug 20, 2023 | 8 min read | 1037 Views | Comments

It's time to go on a feel trip with React. Let us pack our bags and start our journey towards learning React from scratch with techs those we have today. In this article we will start our React learning journey by setting up the project with Vite and most desirable UI framework Bootstrap.

ISRO React App - Working on the Components - Part 2

Aug 03, 2023 | 7 min read | 616 Views | Comments

The time has brought us to talk about the components of ISRO React App. In this article we will continue to talk about the remnants of the app. How the services been created, what are the components present to show the listing of ISRO API data.

ISRO React App - Initial Setup - Part 1

Aug 01, 2023 | 5 min read | 802 Views | Comments

Hats off to amazing ISRO team to their ongoing space missions. There is an amazing ISRO API available to use for the folks who admire ISRO and their contributions. In this article we will talk about the app created using React that consumes the ISRO API endpoints. The React ISRO App is also based on Vite, Typescript, Redux, TailwindCSS, DaisyUI and some other cool techs. The app will help to explore the ISRO API along with the React UI ecosystem.