Props State - 1 (in Hindi) - opendevs
React.js Course 2023 - React js tutorial
https://opendevs.in Discord: https://discord.gg/bJC3hYwNHj This video will talk in detail about state in react. React components can have a state object. The state object is where you store property values / data that belongs to the component. When the state object changes, the component re-renders / refreshes itself to show the new data. ====== Development guides ====== React Docs: https://reactjs.org/docs/getting-started.html VS Code setup: https://code.visualstudio.com/learn/get-started/basics Node.js setup: https://nodejs.org/en/download/ ====== opendevs Links ====== Website: https://opendevs.in Contact us: https://opendevs.in/contact Our website offers React course with practice problems & code submissions. Meanwhile we are working on bringing even more features like: code reviews, interviews, exclusive & bonus sessions, TA support, 1 on 1 mentorship, etc. as soon as possible. It's all free in BETA stage so please check it out!

About the course
A tutorial for React js from scratch to finish. By the end of this tutorial, you'll be an expert in React.js. So get started!
Lessons
- React Introduction (in Hindi) - opendevs
- React Introduction (in Hindi) - opendevs
- Create React App Intro - 1 (in Hindi) - opendevs
- Create React App Intro - 1 (in Hindi) - opendevs
- Create React App Intro - 2 (Folder Structure) (in Hindi) - opendevs
- Create React App Intro - 2 (Folder Structure) (in Hindi) - opendevs
- JSX Intro (in Hindi)
- JSX Intro (in Hindi)
- JSX Advance (in Hindi) - opendevs
- JSX Advance (in Hindi) - opendevs
- Component in React (in Hindi) - opendevs
- Component in React (in Hindi) - opendevs
- Props State - 1 (in Hindi) - opendevs
- Props State - 1 (in Hindi) - opendevs
- Props State - 2 (in Hindi) - opendevs
- Props State - 2 (in Hindi) - opendevs
- Conditional Rendering in React (in Hindi) - opendevs
- Conditional Rendering in React (in Hindi) - opendevs
- Lifecycle Phases in React (in Hindi) - opendevs
- Lifecycle Phases in React (in Hindi) - opendevs
- useEffect in React (in Hindi) - opendevs
- useEffect in React (in Hindi) - opendevs
- Cleanup in useEffect (in Hindi) - opendevs
- Cleanup in useEffect (in Hindi) - opendevs
- Rendering a List (in Hindi) - opendevs
- Rendering a List (in Hindi) - opendevs
- Keys in List (in Hindi) - opendevs
- Keys in List (in Hindi) - opendevs
- Do Not Use Array Index as Keys (in Hindi) - opendevs
- Do Not Use Array Index as Keys (in Hindi) - opendevs
- Refs & the DOM (in Hindi) - opendevs
- Refs & the DOM (in Hindi) - opendevs
- Refs & the DOM - Implementation - Part 1 (in Hindi) - opendevs
- Refs & the DOM - Implementation - Part 1 (in Hindi) - opendevs
- Refs & the DOM - Implementation - Part 2 (in Hindi) - opendevs
- Refs & the DOM - Implementation - Part 2 (in Hindi) - opendevs
- Refs & the DOM - Implementation - Part 3 (in Hindi) - opendevs
- Refs & the DOM - Implementation - Part 3 (in Hindi) - opendevs
- Events Handling in React | Synthetic Event (in Hindi) - opendevs
- Events Handling in React | Synthetic Event (in Hindi) - opendevs
- Forms in React - 1 (in Hindi) - opendevs
- Forms in React - 1 (in Hindi) - opendevs
- Forms in React - 2 (in Hindi) - opendevs
- Forms in React - 2 (in Hindi) - opendevs
- Employee Management System using React (in Hindi) | web development projects
- Employee Management System using React (in Hindi) | web development projects
- Higher Order Component in React - Part 1 (in Hindi) - opendevs
- Higher Order Component in React - Part 1 (in Hindi) - opendevs
- Higher Order Component in React - Part 2 (in Hindi) - opendevs
- Higher Order Component in React - Part 2 (in Hindi) - opendevs
- Http Request in React (in Hindi) - opendevs
- Http Request in React (in Hindi) - opendevs
- Fetch data using Fetch API in React (in Hindi) - opendevs
- Fetch data using Fetch API in React (in Hindi) - opendevs
- Submit a form using Fetch API in React (POST request) (in Hindi)
- Submit a form using Fetch API in React (POST request) (in Hindi)
- GET & POST requests using Axios in React (in Hindi) - opendevs
- GET & POST requests using Axios in React (in Hindi) - opendevs
- Installing and using React Router v6 (in Hindi) - opendevs
- Installing and using React Router v6 (in Hindi) - opendevs
- Working with Link and NavLink (in Hindi) - opendevs
- Working with Link and NavLink (in Hindi) - opendevs
- Dynamic Routing and useParams hook (in Hindi) - opendevs
- Dynamic Routing and useParams hook (in Hindi) - opendevs
- Nested routing and useLocation hook (in Hindi) - opendevs
- Nested routing and useLocation hook (in Hindi) - opendevs
- Query parameters and useSearchParams hook (in Hindi) - opendevs
- Query parameters and useSearchParams hook (in Hindi) - opendevs
- Programmatic navigation using useNavigate hook and Redirecting the user (in Hindi) - opendevs
- Programmatic navigation using useNavigate hook and Redirecting the user (in Hindi) - opendevs
- 404 Not Found Page (in Hindi) - opendevs
- 404 Not Found Page (in Hindi) - opendevs
- HashRouter vs BrowserRouter in React Router v6 (in Hindi) - opendevs
- HashRouter vs BrowserRouter in React Router v6 (in Hindi) - opendevs
- All about Communication in React.js app | Parent to Child | Child to Parent | Siblings | Relatives
- All about Communication in React.js app | Parent to Child | Child to Parent | Siblings | Relatives
- Context API in React (in Hindi) - opendevs
- Context API in React (in Hindi) - opendevs
- Error Boundaries in React (in Hindi) - opendevs
- Error Boundaries in React (in Hindi) - opendevs
- E-Commerce website using React (in Hindi) | web development projects | Crash course
- E-Commerce website using React (in Hindi) | web development projects | Crash course
- useMemo Hook in React (in Hindi) - opendevs
- useMemo Hook in React (in Hindi) - opendevs
- React.memo & useCallback Hook in React (in Hindi) - opendevs
- React.memo & useCallback Hook in React (in Hindi) - opendevs
- useWindowSize hook | Custom Hooks in React (in Hindi) - opendevs
- useWindowSize hook | Custom Hooks in React (in Hindi) - opendevs
- useInitialFetch hook | Custom Hooks in React (in Hindi) - opendevs
- useInitialFetch hook | Custom Hooks in React (in Hindi) - opendevs
- Library Management System using React (in Hindi) | web development projects - react js project
- Library Management System using React (in Hindi) | web development projects - react js project
- Deploy a React App for FREE with GitHub Pages (in Hindi)
- Deploy a React App for FREE with GitHub Pages (in Hindi)
- Deploy a React App for FREE with Netlify (in Hindi)
- Deploy a React App for FREE with Netlify (in Hindi)
- Build a Crypto Dashboard using React Redux TypeScript - Crash Course - react js project
- Build a Crypto Dashboard using React Redux TypeScript - Crash Course - react js project