Tại sao các đối tượng trong Redux là bất biến?

Question

Tại sao các đối tượng trong Redux là bất biến? Tôi biết rằng một số khung như Angular2 sẽ sử dụng onPush và có thể tận dụng lợi thế của bất biến để so sánh trạng thái của các khung nhìn để hiển thị nhanh hơn, nhưng tôi tự hỏi liệu có lý do nào khác như Redux là không xác định khuôn khổ hay không. sử dụng bất biến (bất kể khung công tác).

Đánh giá cao mọi phản hồi.

Answer 1

Redux là một thư viện nhỏ đại diện cho trạng thái là (không thay đổi) đối tượng. Và trạng thái mới bằng cách chuyển trạng thái hiện tại thông qua các hàm thuần túy để tạo trạng thái ứng dụng/đối tượng hoàn toàn mới.

Nếu mắt bạn bị lóa mắt thì đừng lo lắng. Tóm lại, Redux không đại diện cho các thay đổi trong trạng thái ứng dụng của bạn bằng cách sửa đổi các đối tượng (như bạn làm với các mô hình hướng đối tượng). Thay vào đó, các thay đổi trạng thái được thể hiện dưới dạng sự khác biệt giữa đối tượng đầu vào và đối tượng đầu ra (var output = reducer(input)). Nếu bạn tắt tiếng input hoặc output bạn làm mất hiệu lực trạng thái.

Để tóm tắt một cách khác, bất biến là yêu cầu của Redux vì Redux đại diện cho trạng thái ứng dụng của bạn là "ảnh chụp nhanh đối tượng đông lạnh". Với ảnh chụp nhanh rời rạc này, bạn có thể lưu trạng thái của mình hoặc trạng thái đảo ngược và thường có nhiều "kế toán" hơn cho tất cả các thay đổi trạng thái.

Trạng thái ứng dụng của bạn là chỉ được thay đổi bằng danh mục hàm thuần túy được gọi là bộ giảm tốc. Hộp số có 2 thuộc tính quan trọng:

1. Họ không bao giờ đột biến, trở về đối tượng mới được xây dựng: Điều này cho phép lập luận về đầu vào + đầu ra mà không tác dụng phụ
2. chữ ký của họ là luônfunction name(state, action) {}, vì vậy nó làm cho dễ dàng thao tác chúng:

Giả sử nhà nước trông như thế này:

var theState = { 
     _2ndLevel: { 
     count: 0 
     } 
    } 

Chúng tôi muốn tăng số lần, vì vậy chúng tôi làm cho những gia giảm

const INCR_2ND_LEVEL_COUNT = 'incr2NdLevelCount'; 

function _2ndlevel (state, action) { 
    switch (action.type) { 
     case INCR_2ND_LEVEL_COUNT: 
      var newState = Objectd.assign({}, state); 
      newState.count++ 
      return newState; 
     } 
    } 

function topLevel (state, action) { 
    switch (action.type) { 
     case INCR_2ND_LEVEL_COUNT: 
      return Objectd.assign({}, {_2ndLevel: _2ndlevel(state._2ndlevel)}); 
    } 
} 

Lưu ý việc sử dụng Objectd.assign({}, ...) để tạo ra một đối tượng hoàn toàn mới trong mỗi giảm:

Giả sử chúng tôi đã có dây lên Redux với các bộ giảm tốc này, nếu chúng tôi sử dụng hệ thống sự kiện của Redux để kích hoạt thay đổi trạng thái ...

dispatch({type: INCR_2ND_LEVEL_COUNT}) 

... Redux sẽ gọi:

theNewState = topLevel(theState, action); 

LƯU Ý: action là từ dispatch()

Bây giờ theNewState là một đối tượng hoàn toàn mới.

Lưu ý: Bạn có thể thực thi bất biến với a library (hoặc new language features), hoặc chỉ cần cẩn thận để không đột biến bất cứ điều gì: D

Đối với một cái nhìn sâu hơn, tôi khuyên bạn nên bạn kiểm this video bởi Dan Abramov (tác giả). Nó sẽ trả lời bất kỳ câu hỏi kéo dài bạn có.

Answer 2

sau đây benefits of immutability được đề cập trong tài liệu hướng dẫn Redux:

• Cả Redux và Phản ứng-Redux dụng shallow equality checking. Cụ thể:
  • Tiện ích kết hợpReducers của Redux shallowly checks for reference changes gây ra bởi bộ giảm tốc mà nó gọi.
  • Phương thức kết nối của React-Redux tạo ra các thành phần shallowly check reference changes to the root state và giá trị trả lại từ hàm mapStateToProps để xem các thành phần được bao bọc có thực sự cần phải hiển thị lại hay không. shallow checking requires immutability để hoạt động chính xác.
• Quản lý dữ liệu không thay đổi cuối cùng giúp xử lý dữ liệu an toàn hơn.
• Gỡ lỗi thời gian di chuyển yêu cầu các bộ giảm tốc là các hàm thuần túy không có tác dụng phụ, do đó bạn có thể nhảy đúng cách giữa các trạng thái khác nhau.

Answer 3

bài viết Greate https://medium.cobeisfresh.com/how-redux-can-make-you-a-better-developer-30a094d5e3ec

Cùng với dữ liệu không thay đổi, chức năng thuần túy là một trong những khái niệm cốt lõi của lập trình chức năng