Gadżety

Redux trong Reactjs là thư viện trong JavaScript với mã nguồn mở để có thể quản lý những trạng thái và ứng dụng riêng. Đối với Redux thì cách sử dụng không hề đơn giản. Nếu bạn chưa biết thì có thể tham khảo ngay những hướng dẫn chi tiết dưới đây.

➡️➡️Tìm hiểu thêm: https://aptech.fpt.edu.vn/redux-la-gi.html

Cách thức mà Redux trong Reactjs làm việc
Với Redux hoạt động cũng không hề đơn giản đối với những người mới tìm hiểu về chúng. Trong Redux luôn có 1 store giúp lưu trữ toàn bộ những state của ứng dụng. Tiếp đến mỗi một component sẽ access trực tiếp đến với state được lưu trữ thay vì phải send drop down props từ component này đến những component khác. Chúng hoạt động theo những quy trình như:

Action
Bạn có thể hiểu đơn giản đó chính là những events và cách mà người dùng gửi data từ app đến những Redux store. Đối với những data này có thể là từ những sự tương tác của User vs app, API calls hoặc có thể là từ form submission. Action chính là được gửi bằng cách sử dụng những store.dispatch() method. Redux trong Reactjs cần phải có một type Property để có thể biểu lộ được loại action để thực hiện. Đồng thời, cũng phải có một payload để chứa thông tin. Actions thường được tạo thông qua một action Creator.

➡️➡️Xem thêm: https://steemit.com/redux/@fptskillking/redux-framework-la-gi-cac-tinh-nang-cua-redux

Reducers
Đối với Reducers là những function nguyên thủy. Chúng tiến hành lấy state hiện tại của app thực hiện một action và trả về một state mới. Những States này được lưu như những Objects. Đồng thời, chúng cũng định rõ các state của một ứng dụng thay đổi trong việc phản hồi một action được gửi đến Store.

Store
Store chính là lưu trạng thái ứng dụng và chúng thường là duy nhất trong bất cứ một ứng dụng Redux nào. Người dùng có thể tiến hành access các state được lưu, update state hoặc đăng ký và hủy đăng ký các listeners thông qua helper methods. Những actions thực hiện trên một state luôn luôn được trả về với một state mới nên rất đơn giản và dễ đoán.

Nguyên lý hoạt động của Redux trong Reactjs
Dựa theo những cách thức mà Redux nêu trên thì nguyên lý hoạt động của chúng khá đơn giản. Nguyên lý được hoạt động rõ ràng, chi tiết theo hình minh họa dưới đây.


Tóm lại, cách sử dụng hoạt động của Redux trong Reactjs khá đơn giản. Mọi người nên phải tiến hành thực hiện đế có được cho mình rất nhiều những trải nghiệm tuyệt vời nhất. Hãy tham khảo nhiều thông tin hữu ích khác về lập trình có trên website của FPT Aptech.

➡️➡️Chi tiết: https://slides.com/fptaptech/redux-la-gi-hieu-ro-co-ban-cach-dung-redux