Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Redux with React JS: Learn Redux with Modern React JS

Redux với React JS: Học Redux cùng React JS hiện đại

Redux với React JS: Học Redux cùng React JS hiện đại

Học Redux, React Router và React Portals qua khóa học ReactJS Redux của tôi. Thành thạo Redux và tạo ứng dụng React

4.5
(752 đánh giá)
5,002 học viên
Giảng viên
Oak Academy
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 449.000đ -89%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
10.5 giờ video
80 bài giảng
5 bài quiz
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Nếu bạn muốn học Redux cùng React, React Router và React Portals, bạn đã tìm đúng chỗ rồi
Nếu muốn học kiến trúc frontend phổ biến nhất hiện nay, đừng chần chừ. Khóa học redux với react này chính là dành cho bạn!
Học các thư viện React Router, React-Portal và Redux được dùng phổ biến nhất với React JS
Học cách tạo ứng dụng web đa trang với Redux và React-Router
Học cách tạo modal dễ dàng và an toàn với React Portals
Học cách quản lý dữ liệu ứng dụng bằng thư viện Redux
Học cách truy cập dữ liệu toàn cục từ các component React JS một cách dễ dàng
Học cách thao tác với dữ liệu trong Redux store bằng cách tạo actions với React JS hiện đại
Khóa học này lý tưởng cho người đã có kiến thức cơ bản về HTML, CSS, JavaScript và React JS
React là framework JavaScript thiết yếu cho phát triển web. Đây là framework phổ biến nhất để phát triển giao diện người dùng cho web, mobile và desktop app.
React là thư viện frontend JavaScript được Facebook phát triển.
React là thư viện frontend JavaScript mã nguồn mở. Một số developer coi nó là frontend framework vì nó làm được nhiều hơn những thư viện thông thường.
Công dụng phổ biến nhất của React là xây dựng giao diện người dùng động cho ứng dụng web một trang (SPA).
React khuyến khích lập trình viên viết code theo hướng Lập trình Hàm. Họ tạo các component - vốn là các hàm JavaScript thông thường.
Framework cung cấp cách tiếp cận có chủ kiến để xây dựng toàn bộ ứng dụng. Trong khi đó, thư viện hỗ trợ xây dựng một khía cạnh cụ thể của ứng dụng.
React rất đáng học. Có vài lý do. Thứ nhất, React có nhu cầu cao trên thị trường việc làm phát triển phần mềm và đã duy trì điều này
Công nghệ hay ngôn ngữ lập trình nào cũng có đường cong học tập, và React không ngoại lệ.
Nó dễ học nếu bạn quyết tâm và kiên trì tạo ứng dụng web frontend.
Sự khác biệt giữa React Native và React JS là gì, và nên học cái nào?
React, hay React JS, là thư viện front-end JavaScript để xây dựng UI components cho web.
React Native vẫn là React, nghĩa là cú pháp và quy trình xây dựng ứng dụng về cơ bản giống nhau, nhưng các component tạo ra thì khác.
Trong React, các component web được tạo ra. Trong React Native, các component tạo ra tương tác với API gốc của điện thoại.
Nếu bạn tập trung vào phát triển web, bạn nên học React
Nếu muốn xây dựng ứng dụng mobile, tốt nhất nên học React trước để làm quen với công nghệ trước khi thử React Native.
Tại sao React phổ biến đến vậy? Có nhiều lý do. Một lý do là vì Facebook phát triển nó.
Thế giới phát triển web rộng lớn như chính internet.
Phần lớn đời sống xã hội và nghề nghiệp của chúng ta diễn ra trên internet, thúc đẩy các ngành công nghiệp mới tập trung vào tạo, quản lý và gỡ lỗi website

Yêu cầu

Khóa học này lý tưởng cho người đã có kiến thức cơ bản về HTML, CSS, JavaScript và React JS
Mong muốn học Redux
Máy tính có kết nối internet
Mong muốn học Redux với react (hoặc react js)
Mong muốn học Redux với react js hiện đại
Mong muốn học Redux với react hiện đại (hoặc reactjs)
Mong muốn học phát triển web
Mong muốn học Redux với react js hiện đại
Mong muốn tạo dự án phát triển web thực tế
Mong muốn trở thành web developer với redux và react hiện đại
Không cần gì khác! Chỉ cần bạn, máy tính và quyết tâm bắt đầu ngay hôm nay
TRUY CẬP TRỌN ĐỜI, cập nhật khóa học, nội dung mới, mọi lúc, mọi nơi, trên mọi thiết bị

Đối tượng phù hợp

Developer muốn nâng tầm kỹ năng phát triển web và học công nghệ bền vững cho tương lai
Bất kỳ ai quan tâm đến việc học công nghệ cực kỳ phổ biến được các công ty công nghệ hàng đầu như Facebook, Instagram và Netflix sử dụng
Bất kỳ ai muốn học Reactjs, Redux, React-Router và React-Portals
Bất kỳ ai muốn học kiến trúc front-end phổ biến nhất hiện nay: Redux và React js
Học viên muốn đưa kỹ năng phát triển web lên cấp độ mới
Người muốn trở thành web developer với redux và react
Người muốn trở thành front end developer với react js hiện đại
Người muốn bắt kịp công nghệ tương lai với reactjs và redux

Nội dung khóa học

11 phần • 80 bài giảng
1 Chúng ta sẽ học gì?
2 File dự án
1 Tổng quan phần học
2 Tại sao cần thư viện quản lý state
3 Context API
4 Các giai đoạn sử dụng Context API
5 Bắt đầu sử dụng Context API
6 Context Provider
7 Quản lý dữ liệu
8 Tạo nhiều Context
9 LocaleStorage
10 Sử dụng Custom Hooks
1 Tổng quan phần học
2 useReducer là gì
3 Thiết lập dự án
4 useReducer
5 Bắt đầu sử dụng hàm Reducer
6 Counter Reducer
1 Tổng quan phần học
2 Giới thiệu dự án và nguồn API
3 Thiết lập dự án và cấu trúc file
4 Tạo cấu trúc route
5 Header và Navbar
6 Trang tìm kiếm
7 Thẻ tin tức (News Card)
8 Trang chủ
9 Context và Theme
10 Slider
11 Trang danh mục
12 Lọc theo quốc gia
13 Trích xuất dữ liệu bằng Custom Hook
1 Tổng quan phần học
2 Redux
3 Thư mục Redux
4 Component Counter và createStore
5 useDispatch và useSelector
6 Cách sử dụng thư mục với Redux
7 combineReducer
8 Component Todo
9 Todo Reducer
10 Hành động Clear
1 Tổng quan phần học
2 Redux Toolkit
3 Bắt đầu sử dụng Redux Toolkit
4 Sử dụng Actions trong Redux Toolkit
5 Ví dụ Todo
6 Todo Slice
7 addTodo & deleteTodo
8 Redux Thunk là gì
9 Bắt đầu sử dụng Thunk trong Redux Toolkit
10 Component Post
1 Giới thiệu dự án
2 Tạo cấu trúc file
3 Cấu trúc route và Navbar
4 Trang đăng nhập
5 authSlice
6 newsSlice
7 Trang tin tức và cấu trúc thẻ
8 Những gì chúng ta đã làm trong ứng dụng này
1 Tổng quan phần học
2 Thiết lập cấu trúc file
3 React Router v6.4+
4 Xây dựng bố cục ứng dụng & Nested Routes
5 Lấy dữ liệu với Loaders
6 useNavigation
7 Xử lý lỗi
8 Đường dẫn động (Dynamic Path)
1 Tổng quan phần học
2 Giới thiệu dự án và tài nguyên API
3 Tạo dự án với Vite
4 Tạo cấu trúc thư mục
5 Tạo cấu trúc route
6 Navbar
7 Trang đăng nhập
8 Quản lý trạng thái người dùng với Redux Toolkit
9 Quản lý dữ liệu phim với Redux Toolkit
10 Trang phim
11 Sử dụng Loader trong trang MovieDetail
1 Những gì chúng ta đã học trong khóa này
1 Redux với React JS: Học Redux cùng React JS hiện đại

Giới thiệu khóa học

Hello there,

Welcome to Redux with React: Learn Redux with Modern ReactJS course.

Learn Redux, React Router and React Portals with my ReactJS Redux course. Master with Redux and create React app

React is one of the best choices for building modern web applications. If you are new to React Redux or maybe you've been struggling to learn and truly understand what’s going on then this course is the best way for you to learn Redux.

React is an essential Javascript framework for web development. It is the most popular framework for developing web, mobile, and desktop app user interfaces.

Whether you’re interested in adding React to your existing dev skillset, or you want to develop full-stack web apps by using tools like NodeJS, Redux, and MongoDB in conjunction with React, Udemy has a comprehensive selection of courses to choose from.

In this course, we will take you through everything you need to know about Redux. You will find the most simple and easiest form of React-Router, React-Portal and Redux.

Each aspect of creating websites and applications entails a unique set of skills. Udemy offers a host of courses to bring you up to speed on modern front-end, back-end, and full stack web development practices and skills.

The world of web development is as wide as the internet itself. Much of our social and vocational lives play out on the internet, which prompts new industries aimed at creating, managing, and debugging the websites and applications that we increasingly rely on.

In particular, Redux is a library that is said to be difficult to understand and implement for most developers. I attribute this problem to the fact that we are not very familiar with the Redux terms we need to know about Redux, and the other issue is, most of the time, the topic is not sequentially explained.

In this course, I explained the theoretical knowledge about Redux in the most basic and simple form on the ‘code pen’ tool, before proceeding to React. I explained the general steps and how Redux functions by providing a powerfull knowledge through a mixture of diagrams and the creation of a simple application.

I have tried to make sure that you get familiar with Redux and get used to it quickly, by repeating the important concepts of Redux, such as Actions, Reducers, Dispatch, Store, Provider, Middleware, Redux-thunk, because learning something very quickly is depends on repetition.

If you have difficulty understanding Redux, this course is just for you.

Hands-On

This course will take you from a beginner to a more advanced level with hands-on examples.  You will be confident in using Redux, and if you ever get stuck, we will be there to help.

Here is the list of what you’ll learn by the end of course,

  • React Router

  • Link and Navlink

  • Programmitic Redirects

  • Route Parameters

  • React Router Switch Tag

  • React Portals

  • Why React Portals?

  • Creating Modal With React Portals

  • Redux Stores

  • Redux Actions

  • Redux Reducers

  • Store Subscriptions

  • Setting up Redux

  • Mapping State to PropsCard

  • PageMap Dispatch to Props

  • Action Creators

  • Redux Thunk

  • React js and redux

  • Redux project with react js

  • Web development with modern react js and redux

  • redux framework


Why would you want to take this course? 

Our answer is simple: The quality of teaching.

OAK Academy based in London is an online education company. OAK Academy gives education in the field of IT, Software, Design, development in English, Portuguese, Spanish, Turkish and a lot of different language on Udemy platform where it has over 1000 hours of video education lessons. OAK Academy both increase its education series number by publishing new courses, and it makes students aware of all the innovations of already published courses by upgrading.

When you enroll, you will feel the OAK Academy`s seasoned developers expertise. Questions sent by students to our instructors are answered by our instructors within 48 hours at the latest.


What is web development?

Web development is a broad description of the tasks and technologies that go into creating a website. It can be as simple as making a static text-based website or as elaborate as developing an interactive dynamic website. You can break web development into two different categories: frontend (client-side) and backend (server-side). Frontend code executes on the user's computer. This can include HTML, JavaScript, and CSS. Backend code runs on the server — this commonly includes communicating with a database and often involves languages like Python, Ruby, Java, or PHP. Web development does not necessarily include the design process — it focuses on code. A web designer builds wireframes to mockup their vision for a website and then shares that with a developer. The developer is responsible for writing the code that implements the design.

What are the steps to becoming a web developer?

Some web developers will obtain a degree or certification in the field. However, most jobs don't require a specific degree or level of education, just demonstrated knowledge of the field. So, it is more important that you know how to show off your skills. You could highlight your skills through relevant work experience or a portfolio of past projects. You might also share code you have developed using a platform like GitHub, or participate in solution-based forums like StackOverflow that reward you for helping others. HTML, CSS, and JavaScript are the first three coding languages you'll need to learn to break into web development. You need these three essential elements to create a modern website and work as a frontend web developer. HTML (Hyper-Text Markup Language) specifies the content of the website and builds the backbone. CSS (Cascading Style Sheets) styles the content. JavaScript controls the interactive elements of the website.

How long does it take to become a web developer?

The answer to this question will depend on you. The more time you spend developing your skills, the faster you can become a web developer. The good news is that web development generally uses lightweight code that is easier to learn than many other languages. If dedicated, you can learn the basics of web development in a couple of months. But good web developers never stop learning. A better question might be, "What can I do to become a better web developer faster?" The answer to this question is practice. Becoming familiar with coding helps tremendously, but there is also a less obvious benefit of practicing. The more you code, the more you will run into problems or find bugs in your code. A significant aspect of web development is solving problems and debugging code. The better you get at solving problems and tracking down bugs, the faster you will get at coding.

What is React?

React is a front-end library in Javascript that was developed by Facebook. The simplest definition of React is that it is a user interface library used for building UI components for the web. But if that was all React did, it would be little more than a template library. Developers define components in React by using an HTML-like syntax called JSX. These encapsulated components manage their own state, making it simple to pass rich data to a component and keep the state of the application and its components out of the Document Object Model (DOM). These features give React components the ability to react dynamically and efficiently to changes in their state. A set of simple components in React can be composed into either simple single-page applications or large, complex web applications.

What is React used for?

React is an open-source JavaScript frontend library. Some developers consider it a frontend framework because it does more than standard libraries usually do. The most common use of React is to build dynamic user interfaces for single-page web applications. But the structure of React makes it useful for more than just creating websites. JSX, which is one feature of React, is a syntax extension for Javascript that provides a template for the HTML and manages the state of the element. But JSX can be used as an interface for things other than HTML. React Native uses React to build mobile applications. Here, JSX becomes an interface for mobile UIs instead of HTML. There are even a few libraries that use React and JSX to interact with and manage hardware like React Hardware.

How does React work?

React encourages engineers to write code using a Functional Programming approach. Engineers create components, which are normal Javascript functions. These functions return information to tell React what content should be displayed on the screen. The real power of React comes from the ability to nest or compose these functions inside of one another. This nesting ability encourages code reuse and allows an engineer to write a component a single time, but in many different places.

Is React a framework or library?

Frameworks provide an opinionated approach to building an entire application. Libraries, on the other hand, assist in building a single aspect of an application. With this in mind, React is a library. It assists engineers in presenting HTML in the browser. React has no opinions on how data is fetched, how styling is applied, or how the app is deployed or built.

Is React worth learning?

Yes, React is worth learning. There are a couple of reasons. The first one is that React is in high demand in the software development job market and has been for a few years. If you learn to code in React and can do it well, you will increase your chances of finding a job. This alone is another reason it is worth learning. Website users no longer will settle for old-fashioned sites that won't update without a page reload. React’s method of dynamically updating the HTML of a web page fits these users' needs and improves their experience. React has also been around a few years and has stood the test of time. A large portion of websites, both small and large, use React as a frontend framework.

Is React hard to learn?

Every technology or programming language has a learning curve, and React is no different. But it is easy to learn if you are dedicated and determined to create frontend web applications. To make learning React simpler, you should stick to the basics of React before you add any extra libraries, as that will only complicate your learning experience in the beginning. Since React is a Javascript framework, a solid grounding in Javascript will give you a head start. With this knowledge, the unique concept of JSX, React's templating language, and the way React uses state will be much easier to grasp.

What is the difference between React Native and ReactJS, and which one should I learn?

React, or React JS, is a front-end Javascript library for building UI components for the web. If you are interested in web development, React is the perfect library to learn to create interactive, dynamic single-page apps, or even full-scale web applications. React Native is a framework for building native mobile applications for both the Android phone and Apple's iPhone. React Native is still React, which means the syntax and workflow for building applications are basically the same, but the generated components are different. In React, web components are generated. In React Native, the generated components interact with a phone's native APIs. If your focus is web development, then you should learn React. If you want to build mobile applications, it is best to learn React first and become familiar with the technology before you try React Native.

Why is React so popular?

There are many reasons why React is popular. One reason is that Facebook developed it. The social proof is that if it is good enough for Facebook, one of the most popular social networks on the web, it should be good enough for other applications. React also solved many of the past issues that developers had with developing single-page applications (SPAs). React came out when SPAs were becoming popular, and all the existing frameworks to build them made development complicated and prone to bugs. One feature that makes it better than past libraries is that React is relatively easy to use. Its components are reusable, plus React's use of the virtual DOM makes it very performant. React should remain popular in the future as each new release brings new features and performance improvements.

Fresh Content

It’s no secret how technology is advancing at a rapid rate. New tools are released every day, and it’s crucial to stay on top of the latest knowledge for being a better React developer. You will always have up-to-date content for this course at no extra charge.

The instructor helped me whenever I needed it, and I've learned a lot in very little time. Now I can create simple single-page applications, and I fell in love with CodePen and VS Code!

This course has taught me so much! Before, I hardly even knew how to run an HTML file. Now, I can create a fully functioning Node.js server responding to HTTP requests!

Video and Audio Production Quality

All our content is created/produced as high-quality video/audio to provide you the best learning experience.

You will be,

  • Seeing clearly

  • Hearing clearly

  • Moving through the course without distractions

You'll also get:

  • Lifetime Access to The Course

  • Fast & Friendly Support in the Q&A section

  • Udemy Certificate of Completion Ready for Download

Dive in now!

Redux with React JS: Learn Redux with Modern React JS

We offer full support, answering any questions.

See you in the class!

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học React
Hiển thị tất cả khoá học Redux
Hiển thị tất cả khoá học State Management
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊