
React
Modern web development with React, hooks, and best practices

The Power of Custom Hooks: Reusable Logic for React Applications
Prerequisite Should know basic React, React Hooks and JavaScript functions. Read my previous blogs about React and React hooks for a better understanding. Recall: React hooks Hooks provide a way to use state and other React features in functional...
![React Hooks: The Base of React Components [Part - 3]](/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1676108313548%2F0e14b483-7b34-485e-98d7-eef7240fd6a9.webp&w=3840&q=75)
React Hooks: The Base of React Components [Part - 3]
What we have learned till now? We have learned what react hooks are and how it is very useful. We have learned the use and implementation of useState, useEffect , useContext and useReducer hooks. Previous Blog - Read Here useCallback Hook useCal...
![React Hooks: The Base of React Components [Part - 2]](/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1675865939491%2F97aed3ab-8628-41cb-b129-aa5d6f879843.webp&w=3840&q=75)
React Hooks: The Base of React Components [Part - 2]
Prerequisite Basic knowledge of React - Read my react blogs Basic knowledge of hooks - Read the previous blog. What did we learn in the previous blog? We learned about how react was before the hooks and how it was very hard for developers to wri...
![React Hooks: The Base of React Components [Part - 1]](/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1675861580742%2F7701c8b9-08b7-4a43-a89f-4cb1a5ff74f0.webp&w=3840&q=75)
React Hooks: The Base of React Components [Part - 1]
Prerequisite Have basic knowledge of React If you don't have basic knowledge, read my previous blogs on react. Tip: Don't get scared by any javascript concept that you see and don't know about it. (Google It) Just read the whole blog once and at...

Real DOM and Virtual DOM - Concept behind React
What is Real DOM or DOM? DOM refers to Document Object Model and it is a tree data structure that represents the HTML document and nodes of the tree are HTML tags or elements in the document. DOM is an abstraction of the HTML of web pages. Who Creat...

Getting Started with React: Understanding Ternary Operators, Lists, and Styling in react
Prerequisite: You should have knowledge of the ternary operator, map (a high order function) and basic concepts of javascript. If you want to learn these then read this blog first - All the javascript you need to know for react. Ternary Operator ...

All The JavaScript You Need To Know For React
JavaScript is a programming language that is commonly used to create interactive and dynamic web pages. In this blog post, we will be discussing everything you need to know to get started with using JavaScript in conjunction with React. React is a Ja...

React Tutorial - JSX, Components and Props
Requirements: Beginner with basic knowledge of HTML, CSS, and basic Javascript. Create the setup for react app by reading the previous blog. What is JSX? JSX is a syntax extension for JavaScript that allows you to write HTML-like elements in you...

All you need to know to start working with react
Requirements: Beginner with basic knowledge of HTML, CSS, js and using terminal. Node.js should be installed in your system - Install A code editor for writing codes. ( I prefer VScode) Create a react app: Create a folder - start-react Go to f...