😔 Once Again 😔 I've mentioned this in my other courses: if you choose not to support my work, that's completely fine. However, if you're benefiting from my courses, please refrain from downloading them. I put a lot of effort into creating these courses, handling everything from recording and structuring to designing and editing all by myself. It can be frustrating when people download my videos and then reach out to me on Instagram or X with screenshots when they get stuck. I'm not sure how to address that, but anyway, I hope you enjoy the video and stay happy! COMPLETE REACT.JS COURSE ( PLAYLIST ) 👇 ua-cam.com/play/PLSDeUiTMfxW6nMcmZPUG4SgFPAlazWB_S.html If You Want To Support My Work ua-cam.com/channels/bBt6Ks7M5BZx_GHgGO_UNQ.htmljoin INSTAGRAM: instagram.com/huxnshorts Shorts: www.youtube.com/@huxn2.0 Twitter: twitter.com/huxnwebdev All Source Code: github.com/HuXn-WebDev/THE-BIGGEST-REACT-COURSE-ON-THE-INTERNET 00:00 - Trailer 1:21 - Intro 3:44 - My Personal Request 4:36 - Course Requirements 5:52 - What is React.js? 7:32 - Course Setup 9:01 - Files & Folder Structure 12:15 - Removing Unnecessary stuff 13:38 - What is Component? 15:03 - Component Syntax 15:30 - Creating First Component 18:52 - Components Challenges 23:31 - Multiple Components 25:56 - Multiple Components Challenge 30:01 - What Is JSX 30:43 - Writing JSX 33:45 - JSX Challenges 35:03 - JSX Rules 39:41 - JSX Rules Challenge 41:35 - Expressions In JSX 42:37 - Embedding Dynamic Content 47:54 - Embedding Dynamic Content Challenge 50:56 - Lists In React.js 51:42 - Rendering Lists Of Data 59:11 - Rendering List Of Data Challenges 1:04:14 - What are Props in React.js 1:05:39 - Props In Action 1:11:32 - Props Challenges 1:15:20 - Children Props 1:17:13 - What is Conditional Rendering In React 1:18:57 - Conditional Rendering In Action 1:24:23 - Conditional Rendering Challenges 1:31:18 - Let's Talk About Styling 1:38:40 - Styling Challenges 1:44:29 - What are Events In React.js 1:48:55 - State & Hooks Introduction 1:50:45 - State In Action 2:11:14 - Passing Function To useState 2:18:33 - useState Challanges 2:35:53 - What is React Portal 2:36:30 - React Portal In Action 2:43:32 - Advance Keys 2:46:52 - What is useEffect 2:48:47 - useEffect In Action 3:01:18 - useEffect Challenges 3:07:05 - What is Prop Drilling 3:08:33 - Prop Drilling In Action 3:10:45 - What is Context API 3:11:18 - Context API In Action 3:17:16 - What is useContext Hook 3:19:21 - useContext Challenge 3:27:02 - What is useReducer 3:28:44 - useReducer In Action 3:35:58 - useReducer Hook Challenges 3:43:40 - What is useRef 3:44:07 - useRef In Action 3:47:20 - useRef Challenges 3:51:59 - Custom Hooks Introduction 3:53:26 - Custom Hooks In Action 3:58:08 - What is useId 3:58:21 - useId In Action 4:01:42 - 10 Project For Beginners Setup 4:02:53 - Beginners Project 1 4:05:49 - Beginners Project 2 4:12:18 - Beginners Project 3 4:17:33 - Beginners Project 4 4:24:39 - Beginners Project 5 4:30:00 - Beginners Project 6 4:33:32 - Beginners Project 7 4:38:36 - Beginners Project 8 4:43:26 - Beginners Project 9 4:55:41 - Beginners Project 10 6:45:00 - React With TypeScript Setup 6:46:55 - Types For Props 6:55:16 - Types For Props Challenges 6:58:08 - Reusable Types For Components 7:05:14 - Reusable Types For Components Challenge 7:11:26 - useState Types 7:13:35 - useState Types Challenge 7:24:39 - useRef, Forms, Events Types 7:32:41 - useRef, Forms, Events Types Challenges 7:42:45 - Types For Context API 7:48:16 - Types For useReducer 7:51:58 - Types For useReducer Challenges 7:56:29 - Types For useEffect 8:01:12 - React with TailwindCSS 8:04:42 - Types For useEffect Challenge 8:10:15 - React With DaisyUI 8:14:26 - React with Radix UI 8:17:15 - React With ShadcnUI 8:23:20 - React Hooks Form Setup 8:24:22 - React Hooks Form Basics 8:35:24 - React Hooks Form Advance Project 8:45:30 - Welcome To React 19 8:48:15 - React 19 Setup 8:50:14 - What is USE In React 19 8:50:55 - USE For Fetching Data 8:55:06 - USE With Context 8:58:24 - React 19 Actions 8:58:43 - Let's write some actions 9:04:38 - useFormStatus Hook In React 19 9:05:02 - useFormStatus In Action 9:10:52 - useActionState Hook In React 19 9:11:47 - useActionState Hook In Action 9:17:23 - useTransition Hook In React 19 9:25:24 - React with TypeScript Project 1 9:55:22 - React with TypeScript Project 2 10:37:50 - React with TypeScript Project 3 11:21:20 - React with TypeScript Project 4 12:41:45 - Outro
Once Again our Legend Sir comes with the Best Course , Full Supprts with lots of love ❤❤🫡🎉🎉💖💖 and Huge respect for giving hard efforts on creating this type of Awesome Free courses for us again and again. YOU ARE THE BEST TEACHER AMONG ALL STUDENT.
Holy crap brother this is insane! I am beyond stoked to watch this! I'm a senior software engineer and have been coding in React since its inception, so let me be the first to say, so far great job! I'm at the 3 hour mark and just wow people need to support this man he's a rare one for sure 🙌🏼💯
00:10 Comprehensive React.js course covering fundamentals, advanced topics, and project-based learning 03:29 Prerequisites for the course 07:16 ReactJS allows building websites, mobile apps, desktop apps, and more 09:01 Understanding the project folder structure in React.js 12:50 Components in React.js are independent, reusable bits of code. 14:50 Creating components in React.js 18:19 Creating React components with proper naming conventions and returning HTML 19:57 Creating components for navigation, banner, sidebar, and appearance 23:14 Refactoring code to use arrow functions and creating components 24:53 Creating and using components in React.js 28:02 Creating navigation with anchor tags 29:42 Understanding JSX in ReactJS 33:12 Introduction to JSX in ReactJS and creating components 34:57 JSX rules for React components 38:18 Rules to follow when working with JSX in React.js 39:56 Creating a JSX rules component with JSX attributes 43:19 React.js compiler interprets JavaScript code. 45:05 Creating functions in JavaScript for multiplication 48:21 Creating components to render content dynamically 50:01 Rendering product information dynamically in React.js. 53:17 Understanding the importance of the unique key prop in React.js 54:56 Providing unique keys for elements in React.js arrays 58:12 Destructuring properties from an array in React.js 59:49 Creating and iterating over a user array in the React component 1:03:03 Understanding React.js map method and passing props from parent to child components 1:04:45 Passing data from parent to child component using props 1:08:03 Rendering props in React.js 1:09:46 Passing data from parent to child component 1:12:57 Rendering name and edge with props 1:14:38 Passing data from parent to child component 1:17:55 Rendering UI based on condition using Ternary Operator 1:19:34 Rendering components based on conditions 1:22:49 Conditional rendering based on the items in the card 1:24:25 Create conditional rendering for weather, user status, and greetings components. 1:27:53 Creating user status JSX component 1:29:38 Creating conditional rendering in React.js 1:33:05 Styling properties in React.js 1:34:42 Styling components using an inline, separate object, and index.CSS file 1:37:52 Styling challenge - creating style card and profile card components 1:39:37 Styling in React using inline CSS and objects 1:43:11 Creating and using custom icons in React 1:45:00 Attach event handler for button 1:48:21 Introduction to state and hooks in React JS 1:50:04 Introduction to use state hook in React.js 1:53:18 Creating a button to change the initial state value. 1:54:52 Using the set method is necessary for updating the state in React.js 1:58:08 Updating, cloning, and removing data in React.js arrays 1:59:41 Updating specific friends using React.js state 2:03:10 Refactoring code to use shorthand object notation for setting ratings 2:04:46 Rendering movie elements and handling state changes in React.js 2:08:26 Sharing state between components using props 2:10:14 Updating parent component from child 2:13:41 Creating a random number function and rendering it in the React component 2:15:23 Implementing state management with useState and local storage in React component 2:18:47 Creating components and managing state with useState 2:20:24 Creating a counter using React.js with initial value and state manipulation. 2:23:42 Creating a function to handle form submission 2:25:15 Updating and binding functions for input fields 2:28:27 Implementing profile information and handle change function 2:30:07 Creating a shopping list and form UI 2:33:31 Creating a new item and converting quantity to a number 2:35:11 React Portal allows rendering child components outside parent 2:38:44 Creating a callback function with set copy set to false and 2 seconds delay. 2:40:29 Using React Portal for rendering content to different places in the DOM 2:43:49 Creating dynamic content using React 2:45:29 Using key to make React elements unique 2:48:46 The use effect hook runs code on component render and data change. 2:50:23 Using the useEffect hook in React.js 2:53:52 Callback function firing based on component state changes 2:55:35 Avoid wrapping hooks inside conditional rendering for proper functionality 2:58:49 Fetching and rendering data using React.js 3:00:36 Using the useEffect to fetch data and update component on mount and state change. 3:03:57 Creating dynamic UI and fetching data 3:05:41 Fetching and storing data with React 3:08:55 Passing data between React components 3:10:31 Context API allows sharing state across components without manual prop passing. 3:13:42 Importing and using context in React components 3:15:12 Creating and passing data in React component 3:18:26 Using useContext to manage data and eliminate callback functions 3:20:08 Setting up user context with create context and useState in React.js 3:23:33 Fixing context error and creating user provider and update user component 3:25:19 Implementing input field and update button functionality 3:28:47 Using useReducer hook in ReactJS 3:30:31 Using dispatch function with action types 3:33:52 Using rules to change state and dispatch function in React.js 3:35:29 Using useReducer to manage a simple counter with increment and decrement actions. 3:39:01 Setting up useReducer and useState in ReactJS 3:40:42 Create functions to handle increment and decrement operations along with input field manipulation 3:44:09 Using useRef hook in React.js component 3:45:39 Manipulating HTML elements and focusing input fields 3:48:43 Creating a function to focus on input field when button is clicked. 3:50:22 Implementing timers using setInterval in React.js 3:53:34 Code refactored using custom hook 3:55:06 Creating a custom hook for fetching data 3:58:09 Use ID hook in React.js generates unique IDs. 3:59:48 Adding unique IDs to input fields using prefixes 4:03:05 Setting up counter with basic styling 4:04:33 Creating increment and decrement buttons for counter functionality 4:07:44 Implementing form submission functionality 4:09:17 Rendering content to UI and creating dynamic list of todos. 4:12:38 Setting up the project and importing necessary libraries. 4:14:09 Fetching and Displaying Data from API 4:17:24 Creating a calculator using React.js 4:19:05 Creating a clear function for input field. 4:22:22 Explanation of how the calculator function works using variables and a method 4:24:10 Executing JavaScript from a string is a security risk 4:27:33 Creating and styling elements in React.js 4:29:09 Changing colors based on background and button style. 4:32:40 Changing background color and setting show input to false 4:34:26 Creating and using testimonials and UI 4:37:41 Implementing next and previous buttons for product navigation 4:39:14 Creating and using Accordion component in React.js 4:42:31 Creating an accordion component in React.js 4:44:14 Creating multiple state variables for username, email, password, confirm password, errors, and color 4:48:06 Creating input fields for email and password with error handling 4:49:52 Creating input fields and button with event handlers 4:53:39 Setting password requirements and validation process 4:55:37 Creating a project using ReactJS without backend services 4:58:56 Filtering and displaying products with React.js 5:00:33 Setting up the project environment with React.js 5:03:53 Setting up components and importing dependencies 5:05:28 Creating navigation section and components. 5:09:10 Creating a sidebar with various folders and categories 5:11:08 Setting up folder structure and basic JSX elements for navigation section. 5:14:57 Adding React icons and styling the UI 5:16:41 Styling navigation container using CSS properties. 5:20:24 Creating a card section with image and details 5:22:11 Adding new price and styling the component 5:25:53 Troubleshooting import error in React.js component styling 5:27:45 Refactoring code and rendering items 5:31:11 Styling buttons and title with recommended classes 5:32:53 Creating a sidebar component with CSS file 5:36:20 Styling with Flexbox and margins 5:38:05 Creating and styling checkboxes and labels in React.js 5:41:49 Styling the checkbox and label container 5:43:38 Creating a white circle with border radius and adding a line 5:47:13 Refactoring the color component and updating color categories. 5:49:09 Refactoring code to separate components for better organization. 5:52:38 Demonstrating refactoring and reusing components. 5:54:22 Improving code reusability and planning for future refactoring. 5:58:02 Import and iterate over data from the DB folder 5:59:46 Handling filtering and radio filter in React.js
6:03:24 Implementing filtering functionality for products based on user input 6:05:16 Creating a selected filter for products 6:08:49 Troubleshooting and code refactor 6:10:31 Importing and setting data for a card component. 6:14:11 Using destructuring for cleaner code 6:15:53 Passing handle change for sidebar buttons 6:19:17 Styling and customization steps for a component 6:21:02 Creating reusable components in React.js 6:24:47 Demonstrating how to change colors in React component 6:26:50 Setting up input area with radio type and styling 6:30:21 Passing dynamic data to card component 6:32:00 Refactoring the card component to render dynamic content. 6:35:16 Demonstration of product filtering and color selection functionality. 6:36:59 Visual Studio coder course guarantees proficiency. 6:40:26 Updating product names and values in React.js 6:42:11 Debugging process for resolving an error. 6:45:37 Setting up ReactJS and TypeScript environment 6:47:13 Creating and passing props to a React component 6:50:32 Creating separate shapes or types for data extraction 6:52:01 Using children and React node 6:55:19 Create a button component with three props 6:56:56 Using event handlers and props in React.js 7:00:19 Creating types for data in React.js 7:01:59 Creating custom types user info and admin info 7:05:33 Importing and using components in the app component 7:07:11 Creating a new interface for user details 7:10:36 Defining types for props and components in React.js using TypeScript 7:12:16 Explaining how to define and use generic functions in React.js with TypeScript 7:15:24 Creating user profile and state using TSX 7:17:03 Creating functions to update name and age in React.js 7:20:26 Creating user profile and initializing to-do application in React.js 7:22:09 Creating a new to-do item on button click 7:25:33 Defining separate type for form data 7:27:10 Creating input fields and submit button in React 7:30:30 Using types to avoid errors in code 7:32:24 Creating components to handle form and event in React.js 7:35:57 Creating interface for contact form 7:37:36 Handling form input in React component. 7:41:07 Implementing event handling in React with examples 7:42:52 Creating a React context with initial values and functions 7:45:59 Implementing context in React.js for providing types and structure. 7:47:36 Implementing context and useReducer in React component 7:50:46 Creating a counter using useReducer with appropriate types. 7:52:21 Defining the counter reducer using switch cases 7:55:58 Creating button to increment and decrement a counter 7:57:36 Fetching and rendering data using async function and fetch method 8:01:34 Setting up Tailwind CSS in ReactJS project. 8:03:05 Replacing content in index.html, index.css, and app.jsx files for styling 8:06:22 Using useState and useEffect in React.js 8:08:05 Annotating data and handling responses in React.js. 8:11:29 Setting up Tailwind CSS for the project 8:13:07 Integrating tailwind CSS and using various components in a React.js project 8:16:16 Using Redux theme in React 8:17:52 Setting up React.js and TypeScript project with necessary dependencies 8:21:14 Setting up a button component 8:22:56 Using and installing the React Hook Form Library 8:26:09 Setting up form data and submit handler 8:27:37 Defining input fields and using register function 8:30:44 Implementing form validation in React.js using React Hook Form 8:32:23 Handling form validation in React using React Hook Form. 8:35:39 Creating an advanced form using React Hook Form 8:37:20 Setting up a registration form with custom submit handler 8:40:48 Setting up input fields for City, State, ZIP code, and Country 8:42:51 Registration form fields are required for submission. 8:46:38 React 19 introduces new features like metadata and built-in support for SEO. 8:48:27 Setting up React.js and TypeScript with npm and TWCSS 8:51:47 Handling data, rendering components, and managing state in React.js 8:53:22 Fetching and rendering data using the use hook in React 8:56:45 Using the use hook instead of use context for theme switch in React 19 8:58:24 React 19 introduces actions for simplified form submissions. 9:01:30 Specifying action for form submission 9:03:07 Managing form data and actions in React.js 9:06:23 Creating a form button and an asynchronous action in React.js 9:08:00 Using the form status hook in the React.js code 9:11:11 React 19 introduces the use action state hook 9:12:54 Restructuring state and form action with initial value increment function 9:15:59 Creating input field with placeholder and classes in React.js 9:17:36 Creating and using multiple components in React.js 9:21:09 Using the useTransition hook for rendering large amounts of data 9:22:56 Using console for state and function 9:26:08 Setting up Tailwind CSS and creating components 9:27:47 Styling a sidebar in React.js 9:31:13 Setting up profile URL and banner image 9:32:57 Styling and adding elements to the React component 9:36:19 Defining profile image and button for profile upload mode 9:38:05 Styling icons and creating input field 9:41:39 Creating tabs component with data objects and card components in React.js 9:43:18 Creating components and initializing state variables 9:46:37 Creating a card component with dynamic content 9:48:23 Styling and structuring elements for a webpage 9:51:53 Creating and formatting paragraphs and sections 9:53:30 Creating contact section with links 9:57:07 Creating navigation and rendering icons in React.js 9:58:57 Creating components for people to follow 10:02:28 Creating buttons and rendering components 10:04:14 Creating a topic list component 10:07:46 Defining types in TypeScript and creating context provider 10:09:24 Creating functions to add, update, and delete a Blog in React.js 10:12:49 Styling and event handling setup for a new block in React 10:14:31 Setting a model component in React.js 10:17:55 Setting up the blog form component 10:19:36 Setting up existing blog data for description, image, and time 10:22:56 Setting up input fields and text area with placeholders and values 10:24:41 Attaching a click event handler for form submission. 10:28:05 Creating an article list and edit functionality 10:29:50 Implementing on delete and on edit functions 10:33:24 Create and configure elements for a blog form 10:35:18 Fixing the 'edit' functionality and updating the card data. 10:39:13 Setting up data and components 10:40:46 Creating and styling the sidebar component. 10:44:00 Defining divs with specific dimensions and styling 10:45:42 Implementing table component with initial data and styling 10:49:08 Defining table head and body for the basic header 10:50:55 Setting up links and images on UI elements 10:54:15 Show or hide content based on dropdown menu state 10:55:54 Creating handle option click function in React.js 10:59:13 Explanation of JavaScript sort method with arrow function 11:00:50 Sorting data in React.js 11:04:16 Rendering UI conditionally based on visibility 11:05:58 Setting filters by name, country, email, project, and status. 11:09:29 Handling filter change and setting filters in React.js 11:11:14 Utilizing methods like toLowerCase and includes in React.js 11:14:52 Replacing a function with an updated one 11:16:27 Setting maximum of 5 people per page 11:19:48 Implementing pagination and filtering data on React.js project 11:21:22 Building a product filter using React.js and TypeScript 11:24:28 Setting up a new project with React and TypeScript 11:25:55 Setting up project structure and creating initial components 11:29:04 Import browser router and sidebar component, create D with flex class, display unique categories using array.from and new set. 11:30:33 Fetching and rendering unique categories in React 11:33:33 Creating input and rendering categories in React.js 11:35:08 Creating and styling buttons for keywords using React.js 11:38:15 Creating filter context types 11:39:53 Creating a provider for React functional component 11:43:29 Setting up filter context in React.js 11:45:02 Handling minimum and maximum price change events in React.js 11:48:09 Implementing handle reset functionality for filters 11:49:47 Setting up a div with specific classes and flex properties for creating routes 11:53:10 Setting flex properties for button styling 11:54:47 Creating a drop down menu 11:57:48 Setting dynamic URL and fetching content 11:59:22 Using Axios to fetch and handle response data 12:02:28 Filtering products based on specific categories and price range 12:04:03 Using filter method to filter products based on price 12:07:11 Setting filters for minimum and maximum values 12:08:53 Rendering filtered content inside the screen 12:12:10 Creating filters and pagination for product display 12:13:38 Setting up styling for previous and next buttons 12:16:44 Handling pagination buttons in React.js 12:18:22 Creating pagination buttons using conditional statements 12:21:32 Setting the dropdown state based on user interaction 12:23:07 Setting up ID and navigation in React.js 12:26:21 Styling properties like margin, background, text color set in code 12:28:02 Styling product details and layout 12:31:16 Fetching and processing user data from an API. 12:33:01 Styling and structuring elements in React using classes and attributes 12:36:16 Setting authors and managing followers in React.js. 12:37:58 Creating a card structure for displaying blog posts 12:41:11 Demonstration of product filtering and UI features
Today is the date October 26 2024 and I started learning web development and I saw your channel you have posted lot of free stuff which is so helpful even I buy lot of courses that will not provide that much information which you provided in free version so I highly appreciate you one day I will get the job and I will come back to you channel and I will do from my side what I can do the best wait for me 4:53
I've seen your many videos and your one of my top 5 favourite teacher on UA-cam. I started react 2 weeks ago on coursera. Thanks for the everything. Sending love from Kashmir 🇮🇳
Bro dropping 12 hours as a part one like it’s no big deal 💎 By the way, thank you for adding typescript. More and more I see that typescript is asked for in job descriptions but it’s not often taught in tandem with React. You’ve earned a “Epic Thank You of Gratitude +100”
Only 275K views? This playlist has to be a billion views. God blessed you with knowledge and you blessed UA-cam by uploading this React js course for free. Bless you and your family!
The grind never stops, thanks mate, will immediately start watching it right now, just after looking at the inclusion of all the libraries, I am feeling pretty hyped up, thanks mate :)
Just almost 2 hours into the course and I've learnt a lot. Thank you for providing this huge value all for free... And most especially for making it very understandable
I am about to complete the first 2 hours and I am absolutely learning it as easy as you made it. As per your request I am not downloading it, but following it on UA-cam. By the way, you are subscribed brother. Thanks for this amazing work and effort to provide it for free.
@@huxnwebdev You're welcome my friend! This is only the start! I'll will continue to support and thank you for all the effort and good quality courses that you are realizing!
bro your course is the best. I am currently at 2 hour but I gotta say you teach far better than the others. thanks for this free course. GOD bless you.
Hey dude, I want you to know that I genuinely appreciate the small bits of humour in between, or like when you make typos and are like "come on!". It makes the course more human, like a friend is teaching me, instead of those "super-professional-voicey" tutorials out there. Kudos for the effort and quality. Do you have any tutorial for your PC's custom theme config? Like the smooth cursor and everything
I honestly can't find the right words to describe how amazing your work is! It's beyond impressive, and I just want to say I absolutely love it! 😍😍 Keep up the great work, you're incredibly talented!
I joined an interview about React and I didnt pass. So I am watching this video with my tears. Now I am at 1:24 and I like your narrative, thank you for this video.
If Part-1 is this godly, then it's hard to imagine how supreme would be the remaining part 😮 Thank you so much for providing this! Full support to you 👍
Thanks for your amazing comment buddy, and I've already made this as playlist, you can go to the playlist section in my channel and there you'll found "The Biggest React.js Course On The Internet" playlist 🥂
I Once downloaded your javascript video to watch offline, but after realising about your massive efforts, I immediately delete that video a started to watch it on UA-cam. HuXn , seriously you are Greattttt Mannnnnnnn ❤❤❤❤❤❤❤❤. Huge respect from India 🇮🇳
I just had surgery and need time to recover, but once I’m better, I’ll finish this course. As a backend dev, I really appreciate it-it’s exactly what I needed to refresh what I’ve forgotten and learn new things. Thanks!
Bro someone like you will probably make a website and upload this course on his website for a certain price or subscription But you choosed to help people which can’t afford buying paid courses so thanks brother me and all of your subscribers appreciate your amazing work and support to us so thank you from now till a year later ❤❤ I didn’t even start my programing career but iam making a road map to be a web developer so when the time of learning react comes definitely i will come to see your course thanks man❤
Another time to be alive. This is massive! 13 hours of video is not a joke. We really appreciate. Someone should like 👍 my comment, I will be right here.
Huxn !!! your tutorials are amazing covering all concepts and clear explanation. Thank you for putting more efforts and hardwork to give us the best tutorials. Love from India🇮🇳💙.
Trust me your videos are beyond amazing at this point. Not everyone can create good videos like this (seen many so ik). And as I'm following this channel for a long now, your quality of video making is getting better by the time. Surely you helped a lot of people & may have changed their life as well. best of luck Brother!!!
1:15:20 - Children Props I have just fell in love with the video with just 1 hour of watching. This is a video full of values you can't get even with a paid course. Big Love Huxn 💖
I discovered you when I was stuggling with the next auth v5 and brooo, you have a very relatable way of writing code, at least to me. I appreciate you loads and I know this video will definitely be a banger. Plus your small laughs/jokes here and there makes everything seem lighter on the head. Great guy, honestly
love the course the fact that you give us excersies after a topic dont just yap the whole video is great I wish I found you channel sooner lol thanks again man god bless you
Backend dev here wants to learn React to add Frontend integration to my APIs. Watched a lot of tutorials and they ended up with giving me a bad headache. Thanks from my heart, first few hours are insane. Your way of teaching is great ❤️
Usually I don't comment on videos but you really did so much hard work for preparing this course for us and making it free for us thanks man god bless you ....I am commenting without watching the course I will update the comments how the course is after completing it.....for your information I don't know anything about react rn so I m complete beginner
This is really massive bro, I can't even imagine what you will went through to release this type of video. Thanks for being the best. I have never regret following your channel for once. Big Love Man
Omg! Thank you so much! I just started learning last night and I am already hook! And for those who is struggling because sir HuXn is fast at explaining stuff, what I did is I reduce the playback speed to 0.8 as I am not well verse in English language, just a simple tip for those who does not know. This is a blessing for me! I hope you create more programming learning videos!
Huxn I must meet you physically so I can check Your Blessed hands❤, Thank you so much! Ive recommended for my colleagues and I'm definitely gonna support this channel once i land a paid internship or a job
I've never seen such a best teacher like you with such best course. I'm sure I'll get a job because of you and for sure I'll pay you back after getting.
😔 Once Again 😔
I've mentioned this in my other courses: if you choose not to support my work, that's completely fine. However, if you're benefiting from my courses, please refrain from downloading them. I put a lot of effort into creating these courses, handling everything from recording and structuring to designing and editing all by myself. It can be frustrating when people download my videos and then reach out to me on Instagram or X with screenshots when they get stuck. I'm not sure how to address that, but anyway, I hope you enjoy the video and stay happy!
COMPLETE REACT.JS COURSE ( PLAYLIST ) 👇
ua-cam.com/play/PLSDeUiTMfxW6nMcmZPUG4SgFPAlazWB_S.html
If You Want To Support My Work
ua-cam.com/channels/bBt6Ks7M5BZx_GHgGO_UNQ.htmljoin
INSTAGRAM: instagram.com/huxnshorts
Shorts: www.youtube.com/@huxn2.0
Twitter: twitter.com/huxnwebdev
All Source Code: github.com/HuXn-WebDev/THE-BIGGEST-REACT-COURSE-ON-THE-INTERNET
00:00 - Trailer
1:21 - Intro
3:44 - My Personal Request
4:36 - Course Requirements
5:52 - What is React.js?
7:32 - Course Setup
9:01 - Files & Folder Structure
12:15 - Removing Unnecessary stuff
13:38 - What is Component?
15:03 - Component Syntax
15:30 - Creating First Component
18:52 - Components Challenges
23:31 - Multiple Components
25:56 - Multiple Components Challenge
30:01 - What Is JSX
30:43 - Writing JSX
33:45 - JSX Challenges
35:03 - JSX Rules
39:41 - JSX Rules Challenge
41:35 - Expressions In JSX
42:37 - Embedding Dynamic Content
47:54 - Embedding Dynamic Content Challenge
50:56 - Lists In React.js
51:42 - Rendering Lists Of Data
59:11 - Rendering List Of Data Challenges
1:04:14 - What are Props in React.js
1:05:39 - Props In Action
1:11:32 - Props Challenges
1:15:20 - Children Props
1:17:13 - What is Conditional Rendering In React
1:18:57 - Conditional Rendering In Action
1:24:23 - Conditional Rendering Challenges
1:31:18 - Let's Talk About Styling
1:38:40 - Styling Challenges
1:44:29 - What are Events In React.js
1:48:55 - State & Hooks Introduction
1:50:45 - State In Action
2:11:14 - Passing Function To useState
2:18:33 - useState Challanges
2:35:53 - What is React Portal
2:36:30 - React Portal In Action
2:43:32 - Advance Keys
2:46:52 - What is useEffect
2:48:47 - useEffect In Action
3:01:18 - useEffect Challenges
3:07:05 - What is Prop Drilling
3:08:33 - Prop Drilling In Action
3:10:45 - What is Context API
3:11:18 - Context API In Action
3:17:16 - What is useContext Hook
3:19:21 - useContext Challenge
3:27:02 - What is useReducer
3:28:44 - useReducer In Action
3:35:58 - useReducer Hook Challenges
3:43:40 - What is useRef
3:44:07 - useRef In Action
3:47:20 - useRef Challenges
3:51:59 - Custom Hooks Introduction
3:53:26 - Custom Hooks In Action
3:58:08 - What is useId
3:58:21 - useId In Action
4:01:42 - 10 Project For Beginners Setup
4:02:53 - Beginners Project 1
4:05:49 - Beginners Project 2
4:12:18 - Beginners Project 3
4:17:33 - Beginners Project 4
4:24:39 - Beginners Project 5
4:30:00 - Beginners Project 6
4:33:32 - Beginners Project 7
4:38:36 - Beginners Project 8
4:43:26 - Beginners Project 9
4:55:41 - Beginners Project 10
6:45:00 - React With TypeScript Setup
6:46:55 - Types For Props
6:55:16 - Types For Props Challenges
6:58:08 - Reusable Types For Components
7:05:14 - Reusable Types For Components Challenge
7:11:26 - useState Types
7:13:35 - useState Types Challenge
7:24:39 - useRef, Forms, Events Types
7:32:41 - useRef, Forms, Events Types Challenges
7:42:45 - Types For Context API
7:48:16 - Types For useReducer
7:51:58 - Types For useReducer Challenges
7:56:29 - Types For useEffect
8:01:12 - React with TailwindCSS
8:04:42 - Types For useEffect Challenge
8:10:15 - React With DaisyUI
8:14:26 - React with Radix UI
8:17:15 - React With ShadcnUI
8:23:20 - React Hooks Form Setup
8:24:22 - React Hooks Form Basics
8:35:24 - React Hooks Form Advance Project
8:45:30 - Welcome To React 19
8:48:15 - React 19 Setup
8:50:14 - What is USE In React 19
8:50:55 - USE For Fetching Data
8:55:06 - USE With Context
8:58:24 - React 19 Actions
8:58:43 - Let's write some actions
9:04:38 - useFormStatus Hook In React 19
9:05:02 - useFormStatus In Action
9:10:52 - useActionState Hook In React 19
9:11:47 - useActionState Hook In Action
9:17:23 - useTransition Hook In React 19
9:25:24 - React with TypeScript Project 1
9:55:22 - React with TypeScript Project 2
10:37:50 - React with TypeScript Project 3
11:21:20 - React with TypeScript Project 4
12:41:45 - Outro
I am promising you that I will not download this video and will watch it completely online on UA-cam.
Once Again our Legend Sir comes with the Best Course , Full Supprts with lots of love ❤❤🫡🎉🎉💖💖 and Huge respect for giving hard efforts on creating this type of Awesome Free courses for us again and again. YOU ARE THE BEST TEACHER AMONG ALL STUDENT.
How many parts will this be? When will they be released?
I really appreciate your work. Your content is really great.
It is one's duty, if anyone is having any values, Please Please support him.
Thanks!
Holy crap brother this is insane! I am beyond stoked to watch this! I'm a senior software engineer and have been coding in React since its inception, so let me be the first to say, so far great job! I'm at the 3 hour mark and just wow people need to support this man he's a rare one for sure 🙌🏼💯
Thanks for your amazing comment buddy it really means a lot to me 🥂
@@huxnwebdevHeck yeah of course man! Keep doing what you’re doing, your content is always top-notch stuff! 🚀
@@huxnwebdev bro when your next part is coming also please tell me the theme and font name of your vscode
Bro!! You are one of the most hardworking guys on UA-cam. Thanks for everything man!!
Thanks for your kind words my bro 🥂
@@huxnwebdev man you are the best.
@@huxnwebdev ❤
@@huxnwebdev ❤
really
Your content is better than any subscription. Hats off for your hardwork. Thanks ...!!
00:10 Comprehensive React.js course covering fundamentals, advanced topics, and project-based learning
03:29 Prerequisites for the course
07:16 ReactJS allows building websites, mobile apps, desktop apps, and more
09:01 Understanding the project folder structure in React.js
12:50 Components in React.js are independent, reusable bits of code.
14:50 Creating components in React.js
18:19 Creating React components with proper naming conventions and returning HTML
19:57 Creating components for navigation, banner, sidebar, and appearance
23:14 Refactoring code to use arrow functions and creating components
24:53 Creating and using components in React.js
28:02 Creating navigation with anchor tags
29:42 Understanding JSX in ReactJS
33:12 Introduction to JSX in ReactJS and creating components
34:57 JSX rules for React components
38:18 Rules to follow when working with JSX in React.js
39:56 Creating a JSX rules component with JSX attributes
43:19 React.js compiler interprets JavaScript code.
45:05 Creating functions in JavaScript for multiplication
48:21 Creating components to render content dynamically
50:01 Rendering product information dynamically in React.js.
53:17 Understanding the importance of the unique key prop in React.js
54:56 Providing unique keys for elements in React.js arrays
58:12 Destructuring properties from an array in React.js
59:49 Creating and iterating over a user array in the React component
1:03:03 Understanding React.js map method and passing props from parent to child components
1:04:45 Passing data from parent to child component using props
1:08:03 Rendering props in React.js
1:09:46 Passing data from parent to child component
1:12:57 Rendering name and edge with props
1:14:38 Passing data from parent to child component
1:17:55 Rendering UI based on condition using Ternary Operator
1:19:34 Rendering components based on conditions
1:22:49 Conditional rendering based on the items in the card
1:24:25 Create conditional rendering for weather, user status, and greetings components.
1:27:53 Creating user status JSX component
1:29:38 Creating conditional rendering in React.js
1:33:05 Styling properties in React.js
1:34:42 Styling components using an inline, separate object, and index.CSS file
1:37:52 Styling challenge - creating style card and profile card components
1:39:37 Styling in React using inline CSS and objects
1:43:11 Creating and using custom icons in React
1:45:00 Attach event handler for button
1:48:21 Introduction to state and hooks in React JS
1:50:04 Introduction to use state hook in React.js
1:53:18 Creating a button to change the initial state value.
1:54:52 Using the set method is necessary for updating the state in React.js
1:58:08 Updating, cloning, and removing data in React.js arrays
1:59:41 Updating specific friends using React.js state
2:03:10 Refactoring code to use shorthand object notation for setting ratings
2:04:46 Rendering movie elements and handling state changes in React.js
2:08:26 Sharing state between components using props
2:10:14 Updating parent component from child
2:13:41 Creating a random number function and rendering it in the React component
2:15:23 Implementing state management with useState and local storage in React component
2:18:47 Creating components and managing state with useState
2:20:24 Creating a counter using React.js with initial value and state manipulation.
2:23:42 Creating a function to handle form submission
2:25:15 Updating and binding functions for input fields
2:28:27 Implementing profile information and handle change function
2:30:07 Creating a shopping list and form UI
2:33:31 Creating a new item and converting quantity to a number
2:35:11 React Portal allows rendering child components outside parent
2:38:44 Creating a callback function with set copy set to false and 2 seconds delay.
2:40:29 Using React Portal for rendering content to different places in the DOM
2:43:49 Creating dynamic content using React
2:45:29 Using key to make React elements unique
2:48:46 The use effect hook runs code on component render and data change.
2:50:23 Using the useEffect hook in React.js
2:53:52 Callback function firing based on component state changes
2:55:35 Avoid wrapping hooks inside conditional rendering for proper functionality
2:58:49 Fetching and rendering data using React.js
3:00:36 Using the useEffect to fetch data and update component on mount and state change.
3:03:57 Creating dynamic UI and fetching data
3:05:41 Fetching and storing data with React
3:08:55 Passing data between React components
3:10:31 Context API allows sharing state across components without manual prop passing.
3:13:42 Importing and using context in React components
3:15:12 Creating and passing data in React component
3:18:26 Using useContext to manage data and eliminate callback functions
3:20:08 Setting up user context with create context and useState in React.js
3:23:33 Fixing context error and creating user provider and update user component
3:25:19 Implementing input field and update button functionality
3:28:47 Using useReducer hook in ReactJS
3:30:31 Using dispatch function with action types
3:33:52 Using rules to change state and dispatch function in React.js
3:35:29 Using useReducer to manage a simple counter with increment and decrement actions.
3:39:01 Setting up useReducer and useState in ReactJS
3:40:42 Create functions to handle increment and decrement operations along with input field manipulation
3:44:09 Using useRef hook in React.js component
3:45:39 Manipulating HTML elements and focusing input fields
3:48:43 Creating a function to focus on input field when button is clicked.
3:50:22 Implementing timers using setInterval in React.js
3:53:34 Code refactored using custom hook
3:55:06 Creating a custom hook for fetching data
3:58:09 Use ID hook in React.js generates unique IDs.
3:59:48 Adding unique IDs to input fields using prefixes
4:03:05 Setting up counter with basic styling
4:04:33 Creating increment and decrement buttons for counter functionality
4:07:44 Implementing form submission functionality
4:09:17 Rendering content to UI and creating dynamic list of todos.
4:12:38 Setting up the project and importing necessary libraries.
4:14:09 Fetching and Displaying Data from API
4:17:24 Creating a calculator using React.js
4:19:05 Creating a clear function for input field.
4:22:22 Explanation of how the calculator function works using variables and a method
4:24:10 Executing JavaScript from a string is a security risk
4:27:33 Creating and styling elements in React.js
4:29:09 Changing colors based on background and button style.
4:32:40 Changing background color and setting show input to false
4:34:26 Creating and using testimonials and UI
4:37:41 Implementing next and previous buttons for product navigation
4:39:14 Creating and using Accordion component in React.js
4:42:31 Creating an accordion component in React.js
4:44:14 Creating multiple state variables for username, email, password, confirm password, errors, and color
4:48:06 Creating input fields for email and password with error handling
4:49:52 Creating input fields and button with event handlers
4:53:39 Setting password requirements and validation process
4:55:37 Creating a project using ReactJS without backend services
4:58:56 Filtering and displaying products with React.js
5:00:33 Setting up the project environment with React.js
5:03:53 Setting up components and importing dependencies
5:05:28 Creating navigation section and components.
5:09:10 Creating a sidebar with various folders and categories
5:11:08 Setting up folder structure and basic JSX elements for navigation section.
5:14:57 Adding React icons and styling the UI
5:16:41 Styling navigation container using CSS properties.
5:20:24 Creating a card section with image and details
5:22:11 Adding new price and styling the component
5:25:53 Troubleshooting import error in React.js component styling
5:27:45 Refactoring code and rendering items
5:31:11 Styling buttons and title with recommended classes
5:32:53 Creating a sidebar component with CSS file
5:36:20 Styling with Flexbox and margins
5:38:05 Creating and styling checkboxes and labels in React.js
5:41:49 Styling the checkbox and label container
5:43:38 Creating a white circle with border radius and adding a line
5:47:13 Refactoring the color component and updating color categories.
5:49:09 Refactoring code to separate components for better organization.
5:52:38 Demonstrating refactoring and reusing components.
5:54:22 Improving code reusability and planning for future refactoring.
5:58:02 Import and iterate over data from the DB folder
5:59:46 Handling filtering and radio filter in React.js
6:03:24 Implementing filtering functionality for products based on user input
6:05:16 Creating a selected filter for products
6:08:49 Troubleshooting and code refactor
6:10:31 Importing and setting data for a card component.
6:14:11 Using destructuring for cleaner code
6:15:53 Passing handle change for sidebar buttons
6:19:17 Styling and customization steps for a component
6:21:02 Creating reusable components in React.js
6:24:47 Demonstrating how to change colors in React component
6:26:50 Setting up input area with radio type and styling
6:30:21 Passing dynamic data to card component
6:32:00 Refactoring the card component to render dynamic content.
6:35:16 Demonstration of product filtering and color selection functionality.
6:36:59 Visual Studio coder course guarantees proficiency.
6:40:26 Updating product names and values in React.js
6:42:11 Debugging process for resolving an error.
6:45:37 Setting up ReactJS and TypeScript environment
6:47:13 Creating and passing props to a React component
6:50:32 Creating separate shapes or types for data extraction
6:52:01 Using children and React node
6:55:19 Create a button component with three props
6:56:56 Using event handlers and props in React.js
7:00:19 Creating types for data in React.js
7:01:59 Creating custom types user info and admin info
7:05:33 Importing and using components in the app component
7:07:11 Creating a new interface for user details
7:10:36 Defining types for props and components in React.js using TypeScript
7:12:16 Explaining how to define and use generic functions in React.js with TypeScript
7:15:24 Creating user profile and state using TSX
7:17:03 Creating functions to update name and age in React.js
7:20:26 Creating user profile and initializing to-do application in React.js
7:22:09 Creating a new to-do item on button click
7:25:33 Defining separate type for form data
7:27:10 Creating input fields and submit button in React
7:30:30 Using types to avoid errors in code
7:32:24 Creating components to handle form and event in React.js
7:35:57 Creating interface for contact form
7:37:36 Handling form input in React component.
7:41:07 Implementing event handling in React with examples
7:42:52 Creating a React context with initial values and functions
7:45:59 Implementing context in React.js for providing types and structure.
7:47:36 Implementing context and useReducer in React component
7:50:46 Creating a counter using useReducer with appropriate types.
7:52:21 Defining the counter reducer using switch cases
7:55:58 Creating button to increment and decrement a counter
7:57:36 Fetching and rendering data using async function and fetch method
8:01:34 Setting up Tailwind CSS in ReactJS project.
8:03:05 Replacing content in index.html, index.css, and app.jsx files for styling
8:06:22 Using useState and useEffect in React.js
8:08:05 Annotating data and handling responses in React.js.
8:11:29 Setting up Tailwind CSS for the project
8:13:07 Integrating tailwind CSS and using various components in a React.js project
8:16:16 Using Redux theme in React
8:17:52 Setting up React.js and TypeScript project with necessary dependencies
8:21:14 Setting up a button component
8:22:56 Using and installing the React Hook Form Library
8:26:09 Setting up form data and submit handler
8:27:37 Defining input fields and using register function
8:30:44 Implementing form validation in React.js using React Hook Form
8:32:23 Handling form validation in React using React Hook Form.
8:35:39 Creating an advanced form using React Hook Form
8:37:20 Setting up a registration form with custom submit handler
8:40:48 Setting up input fields for City, State, ZIP code, and Country
8:42:51 Registration form fields are required for submission.
8:46:38 React 19 introduces new features like metadata and built-in support for SEO.
8:48:27 Setting up React.js and TypeScript with npm and TWCSS
8:51:47 Handling data, rendering components, and managing state in React.js
8:53:22 Fetching and rendering data using the use hook in React
8:56:45 Using the use hook instead of use context for theme switch in React 19
8:58:24 React 19 introduces actions for simplified form submissions.
9:01:30 Specifying action for form submission
9:03:07 Managing form data and actions in React.js
9:06:23 Creating a form button and an asynchronous action in React.js
9:08:00 Using the form status hook in the React.js code
9:11:11 React 19 introduces the use action state hook
9:12:54 Restructuring state and form action with initial value increment function
9:15:59 Creating input field with placeholder and classes in React.js
9:17:36 Creating and using multiple components in React.js
9:21:09 Using the useTransition hook for rendering large amounts of data
9:22:56 Using console for state and function
9:26:08 Setting up Tailwind CSS and creating components
9:27:47 Styling a sidebar in React.js
9:31:13 Setting up profile URL and banner image
9:32:57 Styling and adding elements to the React component
9:36:19 Defining profile image and button for profile upload mode
9:38:05 Styling icons and creating input field
9:41:39 Creating tabs component with data objects and card components in React.js
9:43:18 Creating components and initializing state variables
9:46:37 Creating a card component with dynamic content
9:48:23 Styling and structuring elements for a webpage
9:51:53 Creating and formatting paragraphs and sections
9:53:30 Creating contact section with links
9:57:07 Creating navigation and rendering icons in React.js
9:58:57 Creating components for people to follow
10:02:28 Creating buttons and rendering components
10:04:14 Creating a topic list component
10:07:46 Defining types in TypeScript and creating context provider
10:09:24 Creating functions to add, update, and delete a Blog in React.js
10:12:49 Styling and event handling setup for a new block in React
10:14:31 Setting a model component in React.js
10:17:55 Setting up the blog form component
10:19:36 Setting up existing blog data for description, image, and time
10:22:56 Setting up input fields and text area with placeholders and values
10:24:41 Attaching a click event handler for form submission.
10:28:05 Creating an article list and edit functionality
10:29:50 Implementing on delete and on edit functions
10:33:24 Create and configure elements for a blog form
10:35:18 Fixing the 'edit' functionality and updating the card data.
10:39:13 Setting up data and components
10:40:46 Creating and styling the sidebar component.
10:44:00 Defining divs with specific dimensions and styling
10:45:42 Implementing table component with initial data and styling
10:49:08 Defining table head and body for the basic header
10:50:55 Setting up links and images on UI elements
10:54:15 Show or hide content based on dropdown menu state
10:55:54 Creating handle option click function in React.js
10:59:13 Explanation of JavaScript sort method with arrow function
11:00:50 Sorting data in React.js
11:04:16 Rendering UI conditionally based on visibility
11:05:58 Setting filters by name, country, email, project, and status.
11:09:29 Handling filter change and setting filters in React.js
11:11:14 Utilizing methods like toLowerCase and includes in React.js
11:14:52 Replacing a function with an updated one
11:16:27 Setting maximum of 5 people per page
11:19:48 Implementing pagination and filtering data on React.js project
11:21:22 Building a product filter using React.js and TypeScript
11:24:28 Setting up a new project with React and TypeScript
11:25:55 Setting up project structure and creating initial components
11:29:04 Import browser router and sidebar component, create D with flex class, display unique categories using array.from and new set.
11:30:33 Fetching and rendering unique categories in React
11:33:33 Creating input and rendering categories in React.js
11:35:08 Creating and styling buttons for keywords using React.js
11:38:15 Creating filter context types
11:39:53 Creating a provider for React functional component
11:43:29 Setting up filter context in React.js
11:45:02 Handling minimum and maximum price change events in React.js
11:48:09 Implementing handle reset functionality for filters
11:49:47 Setting up a div with specific classes and flex properties for creating routes
11:53:10 Setting flex properties for button styling
11:54:47 Creating a drop down menu
11:57:48 Setting dynamic URL and fetching content
11:59:22 Using Axios to fetch and handle response data
12:02:28 Filtering products based on specific categories and price range
12:04:03 Using filter method to filter products based on price
12:07:11 Setting filters for minimum and maximum values
12:08:53 Rendering filtered content inside the screen
12:12:10 Creating filters and pagination for product display
12:13:38 Setting up styling for previous and next buttons
12:16:44 Handling pagination buttons in React.js
12:18:22 Creating pagination buttons using conditional statements
12:21:32 Setting the dropdown state based on user interaction
12:23:07 Setting up ID and navigation in React.js
12:26:21 Styling properties like margin, background, text color set in code
12:28:02 Styling product details and layout
12:31:16 Fetching and processing user data from an API.
12:33:01 Styling and structuring elements in React using classes and attributes
12:36:16 Setting authors and managing followers in React.js.
12:37:58 Creating a card structure for displaying blog posts
12:41:11 Demonstration of product filtering and UI features
Thx bro
Super 👍 @@anshumansingh9945
Amazing bro
My man you are the most passionate human i have ever seen, making such course is no joke to teach and share the knowledge
Just doing my best buddy 🥂
I never skip the Ads show from every Your tutorial in UA-cam 😊
Thankyou for your effort, AWESOME
You're welcome buddy 🥂
If this course lands me my entry job, I swear I'm coming back and donating to you a big gift. 🙏
As i said that I can't promise but i can definitely guarantee that it will get you a job, Mark my words 🥂
you have to donate your first month paycheck
@@huxnwebdev SIr I Will try it And hope it would be helpful in landing my job
@@datastatacian true, by tradition
so any update
u are the definition of developer angel
Thanks for the love my bro 💖
Today is the date October 26 2024 and I started learning web development and I saw your channel you have posted lot of free stuff which is so helpful even I buy lot of courses that will not provide that much information which you provided in free version so I highly appreciate you one day I will get the job and I will come back to you channel and
I will do from my side what I can do the best wait for me 4:53
I've seen your many videos and your one of my top 5 favourite teacher on UA-cam. I started react 2 weeks ago on coursera.
Thanks for the everything.
Sending love from Kashmir 🇮🇳
Love from my side to kashmir 🥂
¡Gracias!
Thanks for supporting my work 🥂
Bro dropping 12 hours as a part one like it’s no big deal 💎
By the way, thank you for adding typescript. More and more I see that typescript is asked for in job descriptions but it’s not often taught in tandem with React. You’ve earned a “Epic Thank You of Gratitude +100”
Thanks for your amazing comment it really means a lot to me 🥂
@@huxnwebdevwould this be enough for getting employment?
Only 275K views? This playlist has to be a billion views. God blessed you with knowledge and you blessed UA-cam by uploading this React js course for free. Bless you and your family!
The grind never stops, thanks mate, will immediately start watching it right now, just after looking at the inclusion of all the libraries, I am feeling pretty hyped up, thanks mate :)
Hope you enjoy it! 🥂
Just almost 2 hours into the course and I've learnt a lot.
Thank you for providing this huge value all for free...
And most especially for making it very understandable
38:05 for anyone confused
className attribute is used to assign CSS classes to JSX elements
Bro you may not know how much this means to some of us. Thanks for your hardwork mwalimu
You're welcome buddy 🥂
Definitely a Monster Course 🔥 Lots of Love from India! 🇮🇳❤️
Love from my side to india 🥂
need to colab with chai aur code 💥💥💥💥💥💥💥💥❤❤
@@huxnwebdev Greetings from Perú bro, thanks i no skip the adds and see all of your content in youtube, bro Part 2 when you upload? thanks.
Loved it! I'm yet to watch part 2, but I hope when I'm done with part 2, the part 3 would've been uploaded!
A big salute to you my bro for making this kind of video, you don't know how grateful I am for having this free course online.
Can't wait to see next part. 2 hope there will gonna be also nextjs included in that as well
I already have Next.js Complete Course if you wanna check that out, but I'm going to update that to Next 15 version!
I am about to complete the first 2 hours and I am absolutely learning it as easy as you made it. As per your request I am not downloading it, but following it on UA-cam. By the way, you are subscribed brother.
Thanks for this amazing work and effort to provide it for free.
Thanks
Thanks for supporting my work 🥂💖
@@huxnwebdev You're welcome my friend! This is only the start!
I'll will continue to support and thank you for all the effort and good quality courses that you are realizing!
This is insanely good. Already completed 2 hrs and learned so much, THIS IS THE BEST REACT COURSE
bro does this course has covered react router i am totally new to react , i just know js , should i go for some other long hour tutorial??
Huxn I love your videos so much, thanks for making heaps of free content!
haha You're welcome buddy, Love you too 🥂
bro your course is the best. I am currently at 2 hour but I gotta say you teach far better than the others. thanks for this free course. GOD bless you.
Bro you are back …wow this first part looks amazing 🎉
🥂
Hey dude, I want you to know that I genuinely appreciate the small bits of humour in between, or like when you make typos and are like "come on!". It makes the course more human, like a friend is teaching me, instead of those "super-professional-voicey" tutorials out there. Kudos for the effort and quality.
Do you have any tutorial for your PC's custom theme config? Like the smooth cursor and everything
I honestly can't find the right words to describe how amazing your work is! It's beyond impressive, and I just want to say I absolutely love it! 😍😍 Keep up the great work, you're incredibly talented!
Thanks for your amazing comment buddy it really means a lot to me 🥂
finally! I can see you are posting every video within an interval that you keep asking us in your posts. Thanks Man!
Welcome buddy 🥂
My bro kudos 👏 to you
Hope you'll keep growing,be motivated and help all of us to become a monster developer ❤ love from india 😊
Thanks for your amazing comment buddy it really means a lot to me 🥂
I joined an interview about React and I didnt pass. So I am watching this video with my tears. Now I am at 1:24 and I like your narrative, thank you for this video.
If Part-1 is this godly, then it's hard to imagine how supreme would be the remaining part 😮
Thank you so much for providing this! Full support to you 👍
Thanks for your amazing comment buddy, means a lot 🥂
starting now....!
I hope, I will complete this online....!
thank you for such a in depth course.
Nice Editing skills bro🎉
Thanks 🔥
Bro, you have a special place in my heart, keep up the Good work but please can you make it a playlist so it will be easier to watch
Thanks for your amazing comment buddy, and I've already made this as playlist, you can go to the playlist section in my channel and there you'll found "The Biggest React.js Course On The Internet" playlist 🥂
loved the video !! Can u please share when will u be uploading part -2??
Bhai course me dam hai ya nahi me dheku ki nahi
damn bro!!! BRAVO!!
this masterpiece video for free is crazy!!
lit bro!!
I know react.js but still I'll watch this video because I know i can learn something new from your video , your teaching style is amazing ❤
Thank you so much buddy, means a lot 🥂
Man you are probably the best teacher here on youtube, I can guarantee...thanks for this stuff!
Thank you so much for your amazing comment, It really means a lot to me 🥂💖
Dude sorry for my language but YOU JUST BROKE THE F*CKING INTERNET! i WILL WATCH EVERY SECOND OF THIS ON YT TO SUPPORT YOU BRO.
Thank you so much for your amazing comment buddy, It really means a lot to me 🥂💖
❤
@@huxnwebdev Hi bro please tell me the name of vs code theme that you are using ?
Congratulations on your new course bro! Keep up the good work!
My Bro 🥂
Exactly when I needed it I just finished advanced JavaScript and now am here ready for react thank God let’s goooooooo fire
Lessss Goooo 🥂
Please don't skip any ad 🙏 that's how we can support Huxan dev ❤
WOW , Es ist wie ein Weihnachtsgeschenke. Und jetzt, muss ich noch eine Woche an dieser Tutorial teilnehmen ! Vielen Dank für deine Mühe .
Man is back to break the internet
Yessir 💖🔥
Will surely watch this once I revise my JS
Yessir 🥂
I will complete this tutorial after my midterm examinations after 2 days I guess and thanks for making this tutorial for huxn
You're welcome buddy 💖
Got a very good reason to utilize this and next week to complete the course
Next part??
Learn to thank first
Its up already!!! 🎉🎉🎉
You are right 👍 @@EricCartman09
cool course that I will work through completely 10/10! I'm looking forward to the other parts. I want to implement my project in React
59:02 Day-1
Definitely the BEST REACT COURSE out there. Loved it
I Once downloaded your javascript video to watch offline, but after realising about your massive efforts, I immediately delete that video a started to watch it on UA-cam. HuXn , seriously you are Greattttt Mannnnnnnn ❤❤❤❤❤❤❤❤. Huge respect from India 🇮🇳
Thank you so much for watching it online buddy it really means a lot to me 🥂
Thank youuuuuuu Huxnnnnnnnnnnnnnnn❤❤❤❤❤❤❤❤❤❤
Welcomeeeee 🥂👀😆
Best react course on the internet . Soon 100k!🍷
Yessir 🥂
I just had surgery and need time to recover, but once I’m better, I’ll finish this course. As a backend dev, I really appreciate it-it’s exactly what I needed to refresh what I’ve forgotten and learn new things. Thanks!
Bro someone like you will probably make a website and upload this course on his website for a certain price or subscription
But you choosed to help people which can’t afford buying paid courses so thanks brother me and all of your subscribers appreciate your amazing work and support to us so thank you from now till a year later ❤❤
I didn’t even start my programing career but iam making a road map to be a web developer so when the time of learning react comes definitely i will come to see your course thanks man❤
You're welcome buddy, Glad to be a part of your journey 💖
@ thanks bro 💖
Good work, you are the best huXn.
Another time to be alive. This is massive! 13 hours of video is not a joke. We really appreciate. Someone should like 👍 my comment, I will be right here.
I recently discovered your channel. It's awesome and has everything. Keep going my friend, you're the best. ❤
Thank You 🥂
HuXn! We f*ckin love you man! Let's go!!!
Love you too my bro 🥂
Huxn !!! your tutorials are amazing covering all concepts and clear explanation. Thank you for putting more efforts and hardwork to give us the best tutorials. Love from India🇮🇳💙.
You're Welcome my bro 🥂
Trust me your videos are beyond amazing at this point.
Not everyone can create good videos like this (seen many so ik).
And as I'm following this channel for a long now, your quality of video making is getting better by the time.
Surely you helped a lot of people & may have changed their life as well.
best of luck Brother!!!
Bro really appreciate your hard work and dedication. Prayers for you to excel in both worlds.
Thanks Once again Hussain
its my honor to had a teacher like u, who is ready to guide students 💖💖
You're welcome buddy 🥂
I love this tutorial series. Hats off for your effort. I like to see big growth of this channel..🥰
op , no words , will be completing this by oct 10
ill be waiting for your positive feedback, good luck 🥂
1:15:20 - Children Props
I have just fell in love with the video with just 1 hour of watching. This is a video full of values you can't get even with a paid course. Big Love Huxn 💖
I discovered you when I was stuggling with the next auth v5 and brooo, you have a very relatable way of writing code, at least to me. I appreciate you loads and I know this video will definitely be a banger. Plus your small laughs/jokes here and there makes everything seem lighter on the head.
Great guy, honestly
Awesome man , ❤
love the course the fact that you give us excersies after a topic dont just yap the whole video is great I wish I found you channel sooner lol thanks again man god bless you
I have been struggling to learn React for a month, but this course will make me master React. Thanks for your hard work ❤❤
You're welcome and yea this course will make you a REACT MONSTER that's my guarantee 🥂
Huxn, I have not watched this tutorial, but these recommendations are too much. You are the best guy. Thump up for you brother.
I never download but I subscribe and watch the ADS this is how I support the channel.
Thank you so much for your amazing support my brother 🥂
This is insane bro, i'm gonna enjoy your video watching it every single line !
WOW! this is hard work unleashed. Thank you so much for such an intensive hardword
Thank you so much for your amazing comment it really means a lot to me 🥂
@@huxnwebdev you truly deserve it
You've truly set a high standard, and I absolutely admire it!
The best part of this video is that you have given challenges it's the best way to do revision as we procede further
Backend dev here wants to learn React to add Frontend integration to my APIs.
Watched a lot of tutorials and they ended up with giving me a bad headache.
Thanks from my heart, first few hours are insane. Your way of teaching is great ❤️
I was waiting for this ❤
Yessir 🔥
Greatest video in the UA-cam literally !! , thanks from Egypt
Usually I don't comment on videos but you really did so much hard work for preparing this course for us and making it free for us thanks man god bless you ....I am commenting without watching the course I will update the comments how the course is after completing it.....for your information I don't know anything about react rn so I m complete beginner
hi thanks for your hardwork and effort to teach people but a little suggestion to add 0:00 - 1:20 as "Precap"
ty for making this long course for 12 hours straight without any break 😇🙏
It's just a Part 1 👀
the best and best react course on the youtube. i really apreciated it
This is really massive bro, I can't even imagine what you will went through to release this type of video. Thanks for being the best. I have never regret following your channel for once. Big Love Man
Much awaited course from you❤
💖
12hrs+ that too a part 1, helll yeah
Would love similar on node / backend as well
Yessir 🥂
Thanks for everything bro!!
Welcome buddy 🥂
This is gold right here
Yessir 🥂
Thank you soooo much bro, i wish i can support you, because you deserve it for real
Thanks for everything buddy 💖
Omg! Thank you so much! I just started learning last night and I am already hook! And for those who is struggling because sir HuXn is fast at explaining stuff, what I did is I reduce the playback speed to 0.8 as I am not well verse in English language, just a simple tip for those who does not know. This is a blessing for me! I hope you create more programming learning videos!
OMG! This is insane! Thank you for sharing your knowledge
This is AMAZING, thank you so much for this course
You're very welcome!
Huxn, just completed this masterpiece. Thanks 🙏.
When are we expected to get the next part of it?
Huxn I must meet you physically so I can check Your Blessed hands❤, Thank you so much!
Ive recommended for my colleagues and I'm definitely gonna support this channel once i land a paid internship or a job
Thank you so much for your kind words! I truly appreciate your support, it really means the world to me. 🥂
I've never seen such a best teacher like you with such best course.
I'm sure I'll get a job because of you and for sure I'll pay you back after getting.