Hỏi đáp

Tớ Đã Ăn Hành Với Redux Như Thế Nào? ? Redux Là Gì – viettingame

Nguyên tắc cơ phiên bản của ReduxRedux nổi lên trong vòng 2 trong năm này như một hiện tượng, nó thậm chí thay thế luôn luôn kiến trúc Flux của Facebook sử dụng cho React, và hiện tại Facebook cũng khuyến cáo dev chuyển qua sử dụng Redux vì như thế nhiều ưu điểm được nâng cấp từ Flux.

Đang xem: Tớ đã ăn hành với redux thế nào?

Tuy nhiên nó ko còn tính thời sự như hơn 1 năm trước đó nhưng mình vẫn quyết định viết series Redux sẽ giúp chúng ta mới học React và Redux tiếp cận dễ dàng và đơn giản hơn.

Đăng ký email tại trên đây để nhận được nội dung bài viết về technology và khởi nghiệp của a.viettingame.vn hàng tuần.

Series gồm 3 phần:

Phần 1: Nguyên tắc cơ phiên bản của Redux

Phần 2: Setup và sử dụng với React Native

Phần 3: Redux-middleware (Thunk, Saga, Observable) nên sử dụng dòng nào?

Mời chúng ta đón đọc!

*

*

Lịch sử dân tộc Redux (Mẩu truyện vui)

Năm Quý Tị (2013), Facebook gia tộc bố cáo thiên hạ rằng Ăn Gô La đại pháp (Angular) của Google gia tộc chậm rì rì, nặng nề nề, cho xuất thế một bộ chiêu thức gọi là Rối An Tâm Pháp (React).

Thế nhưng Rối An Tâm Pháp lại chỉ là một bộ tâm pháp cường thân kiện thể, ko thể dùng để rèn luyện nội công (chỉ là một library để render view). Do đó, ko lâu sau Facebook gia tộc nối tiếp phát hành một bộ tâm pháp cơ phiên bản (kiến trúc thiết kế) và một công pháp cùng tên là Phờ Lắc thần công (Flux). Nghe đồn đại Rối An Tâm Pháp và Phờ Lắc Thần Công phối hợp lại sẽ thành tuyệt học dời non lấp bể, ko gì ko làm được. Nhân sĩ giang hồ (coder) vốn nhẹ dạ cả tin lại rủ nhau tu luyện.

Phờ Lắc thần công rối rắm khó học, nhân sĩ 10 phần học thì 4–5 phần tẩu hỏa nhập ma, phần còn sót lại cũng trầy da tróc vẩy mà công lực cũng chẳng được như lời Facebook gia tộc quảng cáo.

Bấy giờ mang một nhân sĩ giang hồ tự là Đan (Dan Abramov), đang tu luyện đồng thời cùng lúc Phờ lắc thần công và Ê La thần công (Elm) mới nhận ra rằng hai môn võ thuật mang nhiều điểm chung, chỉ khác chiêu thức, Đan bèn nảy ra dự định hợp nhất hai môn nó lại. Ko lâu sau (5/2015), Đan cho xuất thế một bộ công pháp mang tên Rì Đắt thần công (Redux), mang ưu điểm của cả hai môn võ thuật đồng thời cùng lúc loại bỏ những phức tạp dư thừa của Phờ Lắc thần công.

Nhân sĩ giang hồ nghe vậy mừng lắm, thế là lại kéo nhau đi học Rì Đắt, còn Đan thì được Facebookgia tộc mời về làm tộc nhân.

Xem thêm: Fix Kém chất lượng Serial Number Idm 2021 Update New Version, Fix Lỗi Kém chất lượng Serial Number Idm Mới Nhất Thời gian nhanh Gọn

Trích “JavaScript Lược Sử Giang Hồ”

Đọc qua đoạn đậm màu sắc kiếm hiệp ở trên chắc chúng ta phần nào đó cũng tưởng tượng được Redux sinh ra để làm gì đúng ko?

1. Redux sinh ra để làm gì?

Do yêu cầu cho những ứng dụng single-page sử dụng Javascript ngày càng trở lên trên phức tạp thì code của con người phải vận hành nhiều state hơn. State thậm chí bao hàm là data trả về từ phía Server và được cached lại hay như dữ liệu được tạo ra và thao tác ở phía client mà chưa được đưa lên phía server. UI state cũng trở lên trên phức tạp vì như thế chúng ta cần vận hành việc active Routes, selected tabs, spinners, tinh chỉnh phân trang …vv.

Việc vận hành từng thay đổi của state là rất khó: Vì như thế nếu như lúc ta thay đổi 1 Model -> Model khác cũng thay đổi theonếu 1 View thay đổi -> Model thay đổi -> Model khác nữa cũng thay đổi theo. Về phía Front-end development, thì được kỳ vọng xử lý những vấn đề như “optimistic updates” (Hiểu như thể một thay đổi trên giao diện được tiến hành thành công trước lúc được xác nhận từ phía server), render phía server, featching data trước lúc tiến hành chuyển trang …vv. Nếu như ko mang một luồng xử lý khoa học và rõ thì việc vận hành dữ liệu với những dự án công trình to là vô cùng phức tạp.

Vấn đề phức tạp như đề cập ở trên sẽ còn càng khó xử lý không dừng lại ở đó vì như thế chúng ta đang trộn lẫn 2 quan niệm mà nó ko tự nhiên với tư duy thường thì của con người này là: Chuyển đổi dữ liệu (Mutation) tính bất đồng điệu (Asynchronicity), tuy vậy chúng sẽ là tuyệt vời nếu sử dụng tách rời nhau, nhưng hoạt động và sinh hoạt cùng nhau sẽ tạo nên sự hỗn độn.

React JS đã nỗ lực giải quyết và xử lý điều này ở trong tầng View bằng việc loại bỏ Bất đồng điệu Ko thao tác trực tiếp trên DOM, tuy nhiên việc vận hành state là tùy thuộc vào cách của người sử dụng do vậy trên đây đó là lí do Redux xuất hiện sẽ giúp các bạn vận hành state một cách khoa học và hiệu suất cao hơn.

2. Vì sao người ta hay sử dụng React với Redux?

Redux Thành lập và hoạt động lấy cảm hứng từ tư tưởng của ngôn từ Elm và kiến trúc Flux của Facebook . Do vậy Redux thường sử dụng kết phù hợp với React. Tuy nhiên trọn vẹn thậm chí sử dụng với những framework khác như Angular, Angular2, Backbone, Falcor, Deku, Swift.

Vậy các bạn mang cần phải biết Flux trước lúc tới với Redux ko? câu vấn đáp là KHÔNG vì như thế thật sự nếu khách hàng đã sử dụng flux thì cũng tốt, còn ko thì các bạn lại dễ tiếp cận hơn (tránh lối mòn :D).

Xem thêm: Chung Cư Flc Garden City Đại Mỗ, Chung Cư Flc Garden City

3. Vận hành state bằng Redux thế nào?

Giả sử chúng ta có một ứng dụng mà những node như trong hình là tượng trưng cho một single page application được quy mô tree-node.

Về Viettingame.com

Viettingame.com - Chuyên trang web tổng hợp những thông tin hữu ích trên internet như thông tin về game, tin tổng hợp
Xem tất cả các bài viết của Viettingame.com →

Trả lời

Email của bạn sẽ không được hiển thị công khai.