Hooks. Mọi người yêu thích chúng, mọi người ghét chúng. Nhưng có một điều chắc chắn – hooks ở đây để ở lại và hệ sinh thái React sẽ tiếp tục phát triển.
Tính năng quan trọng nhất của hooks là chia sẻ chức năng có thể tái sử dụng. Trong quá khứ, điều này đã được đạt được bằng cách sử dụng mixins, sau đó bị loại bỏ để ưa chuộng các mẫu như render props và higher order components. Nhưng những mẫu này đã đưa vào sự phức tạp bổ sung và dẫn đến cái gọi là wrapper hell.
Điều này là gì?
Mục đích của kho này là cung cấp các ví dụ thế giới thực thân thiện với người mới bắt đầu về việc sử dụng các hooks khác nhau. Dưới đây là một số ví dụ:
- Mở rộng [code, demo]
- Danh sách công việc [code, demo]
- Thư viện xác minh biểu mẫu [code, demo]
- Có thể sắp xếp [code, demo]
- Thử nghiệm React đồng thời
Ứng dụng này được xây dựng bằng create-react-app
, vì vậy hãy thoải mái sao chép kho và tìm hiểu ví dụ một cách tự do.
yarn install
yarn start
Công Việc Cần Làm
Thêm ví dụ và bình luận hơn nữa. Chúng tôi hoan nghênh các yêu cầu kéo và góp ý tổng thể.
.gitignore
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
# dependencies
/node_modules
/.pnp
.pnp.js
# testing
/coverage
# production
/build
# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local
npm-debug.log*
yarn-debug.log*
yarn-error.log*
/.idea
/ignored
Chi Tiết Tải Xuống:
Tác giả: latviancoder
Nguồn: https://github.com/latviancoder/hooks-by-example