useReducer() hook | Khi nào sử dụng useReducer()?
HTML-код
- Опубликовано: 13 сен 2024
- 👉 Xem Lộ Trình Học: fullstack.edu....
👉 Đăng Ký Học Offline Tại F8: short.f8team.d...
Ở video bài học này chúng ta sẽ tìm hiểu về phương thức useReducer() hook | Khi nào sử dụng useReducer()?
#hoclaptrinh #hoclaptrinhmienphi #javascript #reactjs #frontend #backend #devops #f8
-------
☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh: bit.ly/2Wsuhet
Công cụ đo đạc giao diện web: s.net.vn/D8kL
Công cụ viết CV xin việc chuyên nghiệp: mycv.vn
--------------
☻ Khóa học lập trình web MIỄN PHÍ:
Kiến thức nhập môn: fullstack.edu....
Xây dựng giao diện với HTML, CSS: fullstack.edu....
Xây dựng web responsive: fullstack.edu....
Lập trình Javascript cơ bản: fullstack.edu....
Lập trình Javascript nâng cao: fullstack.edu....
Làm việc với Terminal & Ubuntu: fullstack.edu....
Xây Dựng Website với ReactJS: fullstack.edu....
Xây dựng web với Node & Express: fullstack.edu....
HTML, CSS tips: fullstack.edu....
Ứng dụng cảnh báo khi sờ lên mặt: fullstack.edu....
Xem thêm tại: fullstack.edu....
-------------------------------------
F8 Official
(c) Sơn Đặng
Website: fullstack.edu.vn
Facebook cá nhân: / sondnf8
Nhóm Học Lập Trình Web: / f8official
Email: contact@fullstack.edu.vn
© Bản quyền thuộc về Channel F8 Official ☞ Do not Reup
© Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.
Trong đầu em có một ý tưởng là nếu làm game thì dùng useReducer để làm phần di chuyển, lên xuống trái phải, và Default là đứng yên.
Học được bài này trước thì đến Redux khoẻ re
Thầy dạy quá hay và dễ hiểu !
Intro đỉnh quá anh ơi
Chưa học Redux nhưng vẫn thích nghi đc với useReducer : )
Cái chỗ 8:57 anh sơn nhầm 1 tí. Chỗ đó để String cái hành động, còn khi gọi tới hành động mới dùng cái biến const
Như nhau thôi
Học redux tí rồi học bài này khỏe re
Xong khoá reactjs anh có ra thêm khoá redux không anh
Hay quá anh ơi
dễ hiểu quá
yêu anh
anh làm so sánh với redux đi anh
anh oi, anh ra video huong dan ve Redux di anh
Dạ tại sao các phần khai báo initState, Action, function reducer() nằm bên ngoài mà mình không đặt trong function App() vậy anh.
Dòng 17 và 18 đặt value cho 2 biến UP_ACTION và DOWN_ACTION để làm gì vậy anh Sơn
Đặt value ccho tường minh cho action thôi em. Sau này em log action ra em nhìn value em còn hiểu là action nào vừa đc thực hiện đó em
@@F8VNOfficial dạ em cảm ơn anh Sơn
thực sự rất hay
hay
Like đầu :v
Như usestate nhưng code dài hơn 😂
e thấy hơi na ná dispatch action của vuex
Cái này nó gọi là redux flow ấy em, luồng của nó cư bản là user actions -> dispatch actions -> reducer -> update store & re-render (update view) em nha
@@F8VNOfficial vâng thanks a
Anh ơi vậy có reducer rồi thì còn phải sử dụng redux-saga làm gì nữa ạ ?
dùng saga để lưu vào api vào các dự án
@@huyvu6007 có giải thích chi tiết hơn dc ko bạn ? nói chung chung qá
apply vào dự án thật thì tổ chức thế nào anh?
Tách ra làm file const.js, reducer.js, actions.js em. Có thể gom chung vào 1 folder cho gọn
@@F8VNOfficial như thế thì giống cách làm của lib redux nói chung.
còn này là built-in của react thì có ưu/nhược gì so với redux-saga hay thunk không anh nhỉ?
nếu được anh làm 1 video đơn giản nhưng sát thực tế từ tổ chức folder đến get store.
cảm ơn anh
em không hiểu đc chỗ action 🤔🤔🤔
action là define thôi bạn. define để lấy cái const để dùng
// Actions
const UP_ACTION = 'up'
const DOWN_ACTION = 'down'
mọi người cho mình hỏi đoạn UP_ACTION = 'up', ý nghĩa của giá trị 'up' ở đây là gì vậy nhỉ vì mình chưa thấy đoạn nào dùng nó
chỗ dispatch onClick ý b
Cái UP_ACTION nó như kiểu là key còn 'up' là value ak bạn khi bạn gọi dispatch(UP_ACTION) là bạn gọi thằng 'up' này rồi ak
kiểu này là học nhưng mà tua video hả :v
😁
bạn không set giá trị cho nó thì khi vào câu lệnh switch - case thì so sánh sao được