Studytonight with Abhishek
Studytonight with Abhishek
  • 395
  • 12 048 899
The useReducer Hook - Part 2
The useReducer Hook in React is used for State management just like the useState hook.
Watch Part 1: czcams.com/video/pf4rU_Et3PA/video.html
In this video, I have covered the useReducer hook, why you should use it instead of the useState hook, and a simple example to show how you can use the useReducer hook in your ReactJS application.
The React useReducer hook can be used to manage complex states in a clean and scalable approach.
ReactJS Complete Tutorial: czcams.com/play/PLLGlmW7jT-nROpfmMFDj7ccjCujXOLIey.html
ReactJS Season 2: czcams.com/video/h17MyZJhW0w/video.html
I hope you enjoy this video and learn something new.
If you do not know JavaScript, then you must learn JavaScript before starting ReactJS, and I have an amazing FREE course for JavaScript to help you learn JS - www.studytonight.com/code/js-course/
Follow me on Instagram:
Studytonight with Abhishek - study.tonight
Abhitonight (Hindi Reels) - abhitonight
LinkedIn: www.linkedin.com/in/ahlawatabhishek/
Keywords:
react router dom
react router loader function
react router useLoaderData hook
router dom tutorial
learn reactjs
reactjs tutorial
reactjs complete tutorial
reactjs tutorial 2023
reactjs complete tutorial 2023
reactjs beginner tutorial
react tutorial beginner
react tutorial 2023
learn react 2023
react interview question
reactjs interview question
reactjs projects
usereducer hook
usereducer in react
usereducer example
usereducer for state management
what is usereducer hook
react usereducer
react useReducer hook
useReducer hook
useReducer hook in React
zhlédnutí: 236

Video

The useReducer Hook - Part 1
zhlédnutí 353Před 2 měsíci
The useReducer Hook in React is used for State management just like the useState hook. In this video, I have covered the useReducer hook, why you should use it instead of the useState hook, and a simple example to show how you can use the useReducer hook in your ReactJS application. The React useReducer hook can be used to manage complex states in a clean and scalable approach. 0:00 - Video Int...
NEVER Deploy on Production without this - Error Boundary
zhlédnutí 449Před 2 měsíci
If you are working on a ReactJS application then before moving it to production please implement atleast one Error Boundary which can act as default for the entire application. Using Error Boundary in ReactJS you can handle Runtime errors gracefully. In ReactJS, you can use the react-error-boundary NPM package to implement Error boundary with many additional features. In this video, you will le...
Need a JOB in 2024? Don't miss this video [HINDI]
zhlédnutí 463Před 2 měsíci
IT Jobs are back!! Get Hired in 2024. But watch this video till the end to understand what's going on in the IT Industry and what to expect in the future. In this video, I have covered what happened in the IT industry in the last few years, what is the situation right now, and what to expect in the future, along with TIPS for you to be prepared for the Hiring spree towards the end of 2024. Lear...
What is ESLint? 😲 in Hindi
zhlédnutí 1,6KPřed 2 měsíci
ESLint is a tool to improve your JavaScript code. If you have used vite to create a new ReactJS project or if you have created a NextJS project recently, then you must have seen ESLint in the steps to create a NextJS project. In this video, I have explained all about ESLint. - What is ESLint? - Why you need ESLint? - Benefits of ESLint - Use of ESLint - How to use ESLint - ESLint installation -...
Super Fast Components with loader & useLoaderData - React Router v6 🚀
zhlédnutí 1,3KPřed 2 měsíci
If you are using React Router DOM in your project, then you must utilize the Data API of React Router DOM v6. The React Router DOM v6 comes with loader function and useLoaderData hook, using which you can kind of preload the data from an API, or do any preprocessing, parallel to the mounting of the component. In this video, you will see that how you can use fetch API to load data using the load...
StackOverflow lost to OpenAI? Ab aage kya hoga? 😲
zhlédnutí 290Před 2 měsíci
StackOverflow has signed a deal with OpenAI to share its entire data with ChatGPT. Will this deal lead to the end of StackOverflow? The StackOverflow community is pissed with this decision. This will help train AI tools with information and content generated by the developer community on StackOverflow. What does this mean for generative AI tools? Will AI take your job? I have talked about all t...
React 19 New Features - Hindi 🚀
zhlédnutí 4,4KPřed 2 měsíci
React 19 beta is launched and the stable version will be launched in the coming weeks. Many new features are coming in the new React 19 version. In this video, I have covered all the main features. React 19 features: 00:59 - React Compiler 03:15 - Server components 04:18 - Actions 05:48 - Web components 06:43 - use() API 07:48 - Context Change 08:14 - Support for Metadata 10:14 - forwardRef rem...
Simple Cart in ReactJS with React Routing v6
zhlédnutí 459Před 3 měsíci
If you are a beginner who is struggling to implement a simple shopping cart in Reactjs then this video is for you. In this video, I have implemented the following: - A simple Cart, - Product listing page, - category-based filtering, - Add to Cart - getting data on products from API The current setup doesn't have a Checkout, Login, Order creation, etc. which you should try on your own and I will...
Install and Run GO Locally [Ep. 13] | GO Lang Hindi Course
zhlédnutí 346Před 3 měsíci
There are many online compilers for GO Language like this: www.studytonight.com/code/playground/go/ But having a local setup is good if you are working on some project in GO Language. So in this video, we will see how you can setup GO programming language on your local system (computer/laptop), and then run GO code in VS Code. We will create a simple GO project and run it in VS Code. If you hav...
Shadowing of Names [Ep. 12] | GO Language Course in Hindi
zhlédnutí 247Před 4 měsíci
In this video of the GO Language course in Hindi, I have covered the topic of Shadowing of Names in Variables. If you haven't seen the previous videos in this series, start by watching them before proceeding to this one. Link of the playlist - czcams.com/play/PLLGlmW7jT-nQOVVgFV3cvztEcNxXylqj2.html If you want to practically implement what you are learning in this free Golang course series, the...
HOC or Higher Order Component in ReactJS
zhlédnutí 3KPřed 4 měsíci
In ReactJS, with function components, you can define functions that accept a component as a parameter and return an enhanced component, such functions are also called High Order components. In this video, I have covered some simple examples of high-order components, where I have used a single function to enhance a component and even multiple functions to enhance a component. ReactJS Complete Tu...
Deploy Ghost CMS on AWS 🚀 in 5 minutes 😲
zhlédnutí 644Před 5 měsíci
Ghost CMS is one of the top CMSs right now that is used for creating modern blogs. If you have used WordPress or Medium in the past, you should definitely try the Ghost CMS to create your next blog. Ghost is lightweight, modern, responsive, comes with some cool themes, and is minimalist in design. Keywords: Ghost CMS on AWS Host Ghost CMS on AWS Ghost in AWS Ghost blog on AWS Host Ghost Blog on...
Custom Hooks in ReactJS 🥳 - Best Code Example
zhlédnutí 1,1KPřed 5 měsíci
Custom Hooks in ReactJS can be used to divide your code into reusable code. In this video, you will learn how you can create a basic Custom hook in ReactJS, what are the rules for creating custom hooks, the naming convention for custom hooks, when to use custom hooks, etc. In this video, I have covered a code example to check if the user is connected to the Internet or not which is also given i...
Host a WordPress blog on AWS in 8 mins ⏰ AWS Tutorial for beginners 🔥
zhlédnutí 807Před 5 měsíci
If you want to start a Blog and want to deploy a WordPress blog on AWS, then this video is for you. In just 8 minutes, you will have a WordPress blog ready. This is the best tutorial for WordPress Blog hosting on AWS. It will cost you around $5 for hosting your Blog on AWS, and the first 3 months will be FREE. You get the speed of the Fast AWS Network. SO Hosting WordPress on AWS is the best ch...
Array forEach, map, filter & reduce functions 🤩 JavaScript Tutorial - Ep. 19
zhlédnutí 308Před 6 měsíci
Array forEach, map, filter & reduce functions 🤩 JavaScript Tutorial - Ep. 19
When to use Render Props Pattern in ReactJS?
zhlédnutí 1,2KPřed 6 měsíci
When to use Render Props Pattern in ReactJS?
Using Callbacks to write better code 🚀 JavaScript Tutorial - Ep. 18
zhlédnutí 258Před 6 měsíci
Using Callbacks to write better code 🚀 JavaScript Tutorial - Ep. 18
What are Closures? 😇 JavaScript Tutorial - Ep. 17
zhlédnutí 333Před 6 měsíci
What are Closures? 😇 JavaScript Tutorial - Ep. 17
Using REST Parameters 😲 JavaScript Tutorial - Ep. 16
zhlédnutí 165Před 6 měsíci
Using REST Parameters 😲 JavaScript Tutorial - Ep. 16
Hoisting, Function Expression & Grouping Operator 🔥 JavaScript Tutorial - Ep. 15
zhlédnutí 242Před 6 měsíci
Hoisting, Function Expression & Grouping Operator 🔥 JavaScript Tutorial - Ep. 15
Arrow and Anonymous Functions 🤩 JavaScript Tutorial - Ep. 14
zhlédnutí 214Před 6 měsíci
Arrow and Anonymous Functions 🤩 JavaScript Tutorial - Ep. 14
Basics of Functions 😎 JavaScript Tutorial - Ep. 13
zhlédnutí 164Před 6 měsíci
Basics of Functions 😎 JavaScript Tutorial - Ep. 13
Private and Protected Routes in React (using React Router v6)
zhlédnutí 12KPřed 6 měsíci
Private and Protected Routes in React (using React Router v6)
Using Arrays 🤩 JavaScript Tutorial - Ep. 12
zhlédnutí 196Před 6 měsíci
Using Arrays 🤩 JavaScript Tutorial - Ep. 12
Loops in JavaScript 🤩 JavaScript Tutorial - Ep.11
zhlédnutí 177Před 6 měsíci
Loops in JavaScript 🤩 JavaScript Tutorial - Ep.11
Ternary Operator with Chaining 😇 JavaScript Tutorial - Ep. 10
zhlédnutí 120Před 7 měsíci
Ternary Operator with Chaining 😇 JavaScript Tutorial - Ep. 10
Switch Case in JavaScript 😇 JavaScript Tutorial - Ep. 9
zhlédnutí 120Před 7 měsíci
Switch Case in JavaScript 😇 JavaScript Tutorial - Ep. 9
If...Else, Relational/Logical Operators, Truthy/Falsy 😎 JavaScript Tutorial - Ep. 8
zhlédnutí 187Před 7 měsíci
If...Else, Relational/Logical Operators, Truthy/Falsy 😎 JavaScript Tutorial - Ep. 8
Setup Auth in React App using Appwrite | React Tutorial S2 E1
zhlédnutí 1,5KPřed 7 měsíci
Setup Auth in React App using Appwrite | React Tutorial S2 E1

Komentáře

  • @ytdecoding12
    @ytdecoding12 Před dnem

    I Am non it planning to move to aws.

  • @D_dhruv-u7h
    @D_dhruv-u7h Před 2 dny

    Now many will learn Hacking 😂

  • @iiam_ntombii-ze2dp
    @iiam_ntombii-ze2dp Před 2 dny

    Hi all the way from south africa can i please have a free macbook😭just need it for school😭please

  • @shreyarawatvlogs6920

    I'm getting 403 forbidden error, access denied when trying to open the link. Please help

  • @shreyarawatvlogs6920

    I'm not getting the option of presigned URL in actions, what should i do?

  • @vijaySingle143
    @vijaySingle143 Před 3 dny

    Each and every day, still having now. I am fed up of it. But I love being like this. Love Linux❤

  • @aalamsaroya3532
    @aalamsaroya3532 Před 4 dny

    5:13

  • @simaykazc1508
    @simaykazc1508 Před 5 dny

    AHAHAH I liked how you made it fun in between package downloads

  • @sudarshann1
    @sudarshann1 Před 5 dny

    Sound chor wala kyu lagaya ?

  • @0x4a4b
    @0x4a4b Před 6 dny

    thank you <3

  • @mehulpatel260
    @mehulpatel260 Před 10 dny

    Hey Abhishek, just wanted to say that your videos on JavaScript are really informative. Elaboration of things makes the most hard topics clear. Your views may not reflect that, but I highly appreciate it. It would be great if you continued with more advanced JavaScript content. What you do is of immense value; I'm quite sure others feel so too. Keep up the good work; you are really making a difference!

  • @NirmalPatra-lh2ms
    @NirmalPatra-lh2ms Před 11 dny

    Where can I buy this bag ??please share a link bro ..

  • @awaisahmed8473
    @awaisahmed8473 Před 11 dny

    Bro udemy course do u have?

  • @NeillWylie
    @NeillWylie Před 13 dny

    Great video, but I also love that shirt!

  • @jayjoshi772
    @jayjoshi772 Před 13 dny

    This video helped me find the Real world use case of useParams and useNavigate that no one explained on CZcams so far

  • @SagarA-h2p
    @SagarA-h2p Před 14 dny

    bhai please remove the background music its irritating af

  • @PranoySinha
    @PranoySinha Před 15 dny

    HI Abhishek ji, I followed your video tuts - these are nice. I have one quick question - while you create Components why your file extensions are JS - I am creating JSX and all good for me too. Why this differs..?

  • @titanicmovies
    @titanicmovies Před 16 dny

    I bought starlight MC Air M3 two weeks ago….it really is the best color ❤

  • @phanisree350
    @phanisree350 Před 17 dny

    Also if you can make videos about PL/SQL and POSTGRES SQL like you did for NoSQL vs RDBMS

  • @phanisree350
    @phanisree350 Před 17 dny

    really helpful videos. can you please explain the T-SQL and its uses

  • @user-bf5yt5cq6c
    @user-bf5yt5cq6c Před 17 dny

    Lucky girl.... Im trying to buy from last 5 years

  • @FREE.FIRE.ESPORTS.INDIA.A2Z

    macbook vs windows laptop games ki live stream youtube pr krne ke liye kon sa best hai youtube❤❤plz video bnaoo ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

    • @thisewt
      @thisewt Před 2 dny

      Bro thats enough hearts!

  • @user-xr7sy8cb5y
    @user-xr7sy8cb5y Před 18 dny

    Can we return class component from HOC? Could you please explain?

  • @kalpanap1663
    @kalpanap1663 Před 18 dny

    Good Explanation...👍Thank you for helping me to understand react concept very easily.☺

  • @vikashsharma9678
    @vikashsharma9678 Před 18 dny

    This really healped me a lot I watched many video but none of was worth it ....thank you so much for explaining this

  • @user-di2xb2xp8l
    @user-di2xb2xp8l Před 18 dny

    😅😅yes

  • @GabrielLewis-gm6gl
    @GabrielLewis-gm6gl Před 18 dny

    Yeah ethical

  • @Rahul-cn8im
    @Rahul-cn8im Před 18 dny

    Thanks; Please create a step by step guide for website creation with use of Aws light.

  • @xtraszone
    @xtraszone Před 18 dny

    ESLint is a great tool to help waste time for seniour developers specially in large project in big corporation

  • @diptinanda2749
    @diptinanda2749 Před 21 dnem

    Easy to understandable 😂😂😂

  • @AapkiParul
    @AapkiParul Před 21 dnem

    really good explanation

  • @Deepakkumar-cn9vq
    @Deepakkumar-cn9vq Před 22 dny

    thanks for making this video

  • @MasterMiaoMiao
    @MasterMiaoMiao Před 22 dny

    thanks!

  • @Deepakkumar-cn9vq
    @Deepakkumar-cn9vq Před 22 dny

    thanks sir

  • @Deepakkumar-cn9vq
    @Deepakkumar-cn9vq Před 22 dny

    Uber and Ola is also using this language thats why i started learning

  • @gmjitendra
    @gmjitendra Před 22 dny

    Excellent use cases. thanks for creating this tutorial.

  • @bhaktineed1011
    @bhaktineed1011 Před 23 dny

    Aise videos se to freshers k bacha kucha confidence bhi mr jaega, darao mat solution bhi bta do😅

  • @abellilo
    @abellilo Před 24 dny

    Thanks Sense!!

  • @Funnn_learning
    @Funnn_learning Před 24 dny

    Have you ever hacked into anyone's insta?

  • @palurocks
    @palurocks Před 24 dny

    😅😅😅😅

  • @sachinsenakulk
    @sachinsenakulk Před 24 dny

    Code Repeating. Make array of objects and handle.

  • @corporate_sarkari
    @corporate_sarkari Před 25 dny

    czcams.com/users/shortstcItTSK2fUc?si=7cYimrBezrwZJ_aG

  • @Shashwat73557
    @Shashwat73557 Před 25 dny

    Sir, your code is using prompt. Isn't input, submit button would be better on the screen?other youtubers uses many complex functions and all and you did it with if else.

  • @mohibkhanpathan5948
    @mohibkhanpathan5948 Před 26 dny

    Thanks Stunning explaining❤

  • @linfrus1646
    @linfrus1646 Před 26 dny

    i hope you live an extremely long and prosperous life 🙏

  • @weifeng2662
    @weifeng2662 Před 26 dny

    The part about how to design db of web application is awesome! thanks for the tutorial!

  • @asdwerq5
    @asdwerq5 Před 27 dny

    ⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⌚⚠👽🛸

  • @GurveerSingh-hj4hn
    @GurveerSingh-hj4hn Před 27 dny

    @studytonight with abhishek Sir whats you macbook specification.

  • @VUserDeepak
    @VUserDeepak Před 27 dny

    Nice Video