Companies Home Search Profile
TrainingHub TrainingHub

React Redux Ultimate - State Management (/w Typescript, JWT)

Focused View

12:26:48

0 View
  • 1 -Course Outline.mp4
    04:16
  • 2 -Install VS Code.mp4
    03:41
  • 1 -Why should we use Redux.mp4
    03:17
  • 2 -Understand redux concepts.mp4
    03:19
  • 3 -Setup Project.mp4
    05:20
  • 4 -Setup store.mp4
    08:35
  • 5 -The first app with redux.mp4
    08:47
  • 6 -Understand useSelector.mp4
    07:18
  • 7 -More example.mp4
    06:21
  • 8 -Why should we copy state.mp4
    12:11
  • 9 -Redux vs React Redux Library.mp4
    01:21
  • 1 -Fetch API without redux thunk.mp4
    04:40
  • 2 -Async with redux.mp4
    04:11
  • 3 -Setup redux thunk.mp4
    06:15
  • 4 -Understand Flow of Redux (Thunk).mp4
    02:55
  • 5 -Three status when dispatch.mp4
    07:39
  • 1 -Setup project.mp4
    11:00
  • 2 -Understand slice and immer library.mp4
    06:54
  • 3 -Dispatch action with payload.mp4
    02:29
  • 4 -Fetch API with redux toolkit.mp4
    15:10
  • 5 -Best practice with thunk.mp4
    03:00
  • 6 -extraReducers.mp4
    00:52
  • 1 -Setup few components.mp4
    04:44
  • 2 -Fetch API.mp4
    06:13
  • 3 -Setup react bootstrap.mp4
    04:23
  • 4 -Setup JSON Server to Fake API.mp4
    03:46
  • 5 -Setup Modal & Understand how modal work.mp4
    04:18
  • 6 -Create Form.mp4
    03:05
  • 7 -Create user.mp4
    06:43
  • 8 -Lift State Up Technique.mp4
    07:07
  • 9 -Notification with react toastify.mp4
    04:52
  • 10 -Fetch users with thunk.mp4
    12:11
  • 11 -Create user with thunk.mp4
    08:33
  • 12 -Manually remove fake data.mp4
    00:33
  • 13 -Update User start.mp4
    06:57
  • 14 -Determine edit or create mode.mp4
    06:00
  • 15 -Fetch User By Id.mp4
    15:01
  • 16 -Update User end.mp4
    07:57
  • 17 -Delete User part 1.mp4
    09:34
  • 18 -Delete User part 2.mp4
    08:16
  • 19 -Add some code.mp4
    09:26
  • 20 -Lightdark mode part 1.mp4
    08:21
  • 21 -Lightdark mode part 2.mp4
    07:52
  • 22 -Load data to redux when refresh page.mp4
    05:49
  • 23 -Take your time to practice.mp4
    01:47
  • 1 -Setup Project.mp4
    02:38
  • 2 -Install Package.mp4
    02:59
  • 3 -Create component.mp4
    04:02
  • 4 -Setup react router dom.mp4
    06:32
  • 5 -Understand Nested Route.mp4
    08:06
  • 6 -Setup Backend.mp4
    09:31
  • 6 -post.zip
  • 7 -Index Page & Link Component.mp4
    09:16
  • 8 -Design Components.mp4
    07:38
  • 9 -Setup redux.mp4
    03:30
  • 10 -Register account part 1.mp4
    14:05
  • 11 -Register account part 2.mp4
    10:10
  • 12 -Register account part 3.mp4
    08:19
  • 13 -Login account.mp4
    07:40
  • 14 -Protected Route.mp4
    04:20
  • 15 -Persist data in redux.mp4
    06:56
  • 16 -Create Post with jwt header.mp4
    15:36
  • 17 -Show all posts.mp4
    06:35
  • 1 -Why should we you firebase.mp4
    04:41
  • 2 -Setup Firestore.mp4
    04:19
  • 3 -Get document from firestore.mp4
    05:04
  • 4 -Get all documents.mp4
    06:08
  • 5 -Add document.mp4
    08:01
  • 6 -Update document.mp4
    03:58
  • 7 -Delete document.mp4
    03:01
  • 8 -Setup redux.mp4
    03:53
  • 9 -Setup component quickly.mp4
    05:41
  • 10 -Firebase Authentication.mp4
    11:03
  • 11 -Setup router quickly.mp4
    02:04
  • 12 -Observable user.mp4
    07:35
  • 13 -Set Current User.mp4
    05:56
  • 14 -Sign out.mp4
    04:44
  • 1 -What is React Query.mp4
    02:51
  • 2 -Prepare backend.mp4
    03:58
  • 3 -Prepare frontend & setup react query.mp4
    04:34
  • 4 -React Query Devtool.mp4
    01:33
  • 5 -Understand useQuery hook.mp4
    09:27
  • 6 -IsLoading, isError and auto retry API.mp4
    04:50
  • 7 -Understand Stale Concept.mp4
    06:50
  • 8 -Pagination with React Query.mp4
    11:03
  • 9 -Fix null error.mp4
    01:35
  • 10 -Understand useMutation.mp4
    07:59
  • 11 -Invalidate Data.mp4
    03:31
  • 1 -Setup React Typescript project.mp4
    02:41
  • 2 -Primitive Type with typescript.mp4
    04:31
  • 3 -Reference Type with typescript.mp4
    02:21
  • 4 -Work with function part 1.mp4
    02:39
  • 5 -Work with function part 2.mp4
    03:17
  • 6 -Understand Interface.mp4
    01:41
  • 7 -Optional property.mp4
    02:47
  • 8 -Understand Generic Type.mp4
    04:21
  • 9 -useState with typescript.mp4
    04:57
  • 10 -Pass Props.mp4
    04:34
  • 11 -Work with input element.mp4
    04:59
  • 12 -Work with form part 1.mp4
    03:24
  • 13 -Work with form part 2.mp4
    05:45
  • 14 -Children prop part 1.mp4
    02:04
  • 15 -Child prop part 2.mp4
    02:12
  • 1 -Convert existing project to typescript.mp4
    06:31
  • 2 -Change all jsx extension to tsx.mp4
    03:28
  • 3 -Define Data Type for State of Redux.mp4
    05:09
  • 4 -Defined Type for useSelector and useDispatch.mp4
    01:46
  • 5 -Typescript for User Delete Modal Component.mp4
    06:53
  • 6 -Typescript for User Modal Component & Thunk.mp4
    04:29
  • 7 -Optional Property.mp4
    00:55
  • 8 -Type for slice.mp4
    07:58
  • 1 -Whats RTK Query & Setup.mp4
    05:41
  • 2 -Setup store.mp4
    02:39
  • 3 -First look at fetching data.mp4
    18:55
  • 4 -hmm Typescript.mp4
    08:34
  • 5 -Mutate data.mp4
    16:11
  • 6 -Testing delay & error.mp4
    10:21
  • 7 -RevalidateRe-Fetching data.mp4
    13:01
  • 8 -More on query.mp4
    15:42
  • 9 -isLoading vs isFetching.mp4
    05:12
  • 10 -More on mutation.mp4
    08:38
  • 11 -More on tag.mp4
    07:21
  • 1 - Learning more.html
    •

    Description

    Mastering Redux, React Query, JWT Authentication, Firebase, Typescript and learn a ton of advanced technique

    What You'll Learn?

    • Understand how Redux work
    • Become a react developer
    • Understand why we should learn redux
    • Become a better javascript developer

    Who is this for?

  • Beginner React Developer

    • What You Need to Know?

  • Basic understanding React

    • More details

    Description

    Are you ready to take your React skills to the next level by mastering state management with Redux? This comprehensive Udemy course, "Mastering Redux," is designed for both beginner and intermediate React developers who want to gain a deep understanding of Redux and its integration with React applications.


    In this course, you will embark on a journey from the fundamentals to advanced concepts of Redux, empowering you to build scalable and maintainable React applications with confidence. Our experienced instructor will guide you through a hands-on learning experience, ensuring you not only grasp the theory but also gain practical skills to implement Redux effectively in your projects.


    In particular, with the effective learning method: "Don't memorize anything". In the course you will learn how to "read documents", something many courses out there do not cover


    Many courses out there teach you to jump straight into the redux toolkit, which is not a good way to learn. And mostly only teaches you how to "read" from API. Besides redux, I also show you advanced techniques, and how to fit react bootstrap and notifications into your project


    Below are the main sections of the course:

    - Redux: this section will help you master the fundamentals of redux

    - Redux Thunk: how to integrate thunk middleware into the project

    - Redux toolkit: super fast project setup with redux, see how it differs from redux

    - Project I: the best way to learn redux is to practice. This is a project with full CRUD operations, light/dark mode. In addition, this part also helps you how to fake api very quickly

    - Project II: I'll show you how to integrate jwt and react router dom (latest version) into project.

    - Firebase: I'll show you how to integrate firebase into react projects

    - React Query: Do pagination, understand stale, catch, useQuery, useMutation

    - Typescript: Understand how to integrate typescript into react project and convert react.js to react.ts



    By the end of "Mastering Redux," you'll have the confidence and skills to implement Redux seamlessly in your React applications. Elevate your React development journey and enroll now to unlock the full potential of state management with Redux!

    Who this course is for:

    • Beginner React Developer

    User Reviews
    Rating
    0
    0
    0
    0
    0
    average 0
    Total votes0
    Focused display
    Category

    React

    Udemy
    Udemy
    View courses Udemy
    Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.
    • language english
    • Training sessions 121
    • duration 12:26:48
    • English subtitles has
    • Release Date 2025/01/13

    Courses related to React

    Build A TodoList with Python, FastAPI and Electron React
    Udemy CodeBrains.IO Tech Training
    CodeBrains.IO Tech Training
    Build A TodoList with Python, FastAPI and Electron React
    2:01:26
    02/20/2023
    Subtitle
    React - Tailwind CSS Marketing Agency Website From Scratch
    Udemy K.Sathyaprakash Reddy
    K.Sathyaprakash Reddy
    React - Tailwind CSS Marketing Agency Website From Scratch
    5:54:04
    English subtitles
    02/27/2024
    Create a Serverless Portfolio with AWS and React
    Acloud GuruCreate a Serverless Portfolio with AWS and React
    5:10:19
    11/29/2023