Vấn đề sử dụng Redux và render lại page trong ReactJS

#1

Dear các bác

  1. Em đang làm việc với ReactJS có sử dụng Redux. Em đang gặp phải một vấn đề như sau: em có một Text Box trên form .Nó có một sự kiện onChange. Mà mỗi khi onChange sẽ thay đổi state mà thay đổi thì form lại render .Vì thế em viết một class model cho form đó khi sự kiện onChange thì chỉ thay đổi biến model đấy thôi .Và chỉ có giá trị ở trên form đó thôi. Thật sự nếu làm như thế có vi phạm nguyên tắc khi sử dụng Redux ko ạ? Chỉ có một nguồn dữ liệu tin tưởng duy nhất là state.

  2. Các sự kiện mà chỉ liên quan đến trang đó ví dụ như show lên một cái ô thông báo. Thì có nên đưa vào Redux không? Vì nếu như vậy với mỗi một cái ô thông báo sẽ phải viết một action tương ứng cho cái ô đó. Ví dụ trên một form mà em có 10 cái ô thì cũng vỡ mồm.

Cám ơn các bác đã đọc bài của em ạ.

#2
  1. Thường thì khi xảy ra sự kiện onBlur mới nên update state textbox.
  2. Chỉ nên đưa những thứ thật sự cần global vào redux như auth, profile user . Các thứ khác hãy để cho các component tự xử.
    p/s: ko thì bạn có thể sài mobx cho đơn giản, tương tự redux nhưng viết code nhanh hơn nhiều.
#3

nếu như mình có thể làm kiểu một cái cơ chế như data binding như trong WPF hay angular thì sao bác nhể

#4

Thế lại vi phạm triết lý one-way binding của React/Flux rồi. Đã theo chính đạo rồi còn nhập tà nữa à :smile:

#5

Chính tà bất phân quan trọng là được việc của mình bác ợ

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?