Skip to main content

29 seconds of React

Bộ sưu tập cho React snippets giúp bạn hiểu mọi thứ trong 29 giây hoặc ít hơn.
Chú thích:
Tại sao lại là 29 giây hoặc ít hơn? Bài viết được dịch từ 30 seconds of React, theo nhà người ta, chúng ta có thể phải mất tới 30 giây để hiểu hết được ý nghĩa của một vấn đề nào đó, nhưng với tôi chúng ta là người Việt Nam, chúng ta phải khác biệt nên chúng ta chỉ cần 29 giây alien alien, và đó là lý do của tiêu đề đã bị đổi thành 29 seconds of React.
  • Sử dụng Ctrl + F hoặc command + F để tìm kiếm nhanh một snippet.
  • Contributions, hãy đọc contribution guide.
  • Snippets viết bằng React 16.8+, sử dụng hooks. Xem thêm Hooks

Xem Prerequisites

Các project khác


View on Github

Comments

Popular posts from this blog

Top 10 ứng dụng diệt virus cho điện thoại Android 2017 - (Part 1)

Antivirus ngày nay rất quan trọng vì nó ngăn không cho thiết bị của bạn khỏi các ứng dụng bị nhiễm vi-rút và các loại phần mềm độc hại khác. Các phần mềm chống vi-rút cung cấp khả năng phát hiện phần mềm độc hại chất lượng hàng đầu, hàng loạt tính năng bảo mật, bảo mật và chống trộm. Bạn cũng có thể sử dụng chương trình chống virut để sao lưu địa chỉ liên hệ của mình, theo dõi thiết bị của bạn từ GPS, nó nhấp chuột vào hình ảnh của một tên cướp thiết bị với máy ảnh, và cũng như khi Android, smartwatch để định vị thiết bị của bạn. Tất cả các loại thiết bị Android cần chạy chương trình chống vi-rút. Chương trình chống vi rút được vận hành trên tất cả các thiết bị Android. Bạn có thể lấy các ứng dụng chống vi-rút từ cửa hàng Google play và từ các trang web chính thức của họ. Chúng tôi đã thu thập và liệt kê 10 chương trình chống vi-rút hàng đầu sẽ giữ cho thiết bị Android của bạn an toàn và bảo mật. 1. BITDEFENDER MOBILE SECURITY   Ứng dụng Bitdefender cung cấp...

Hooks in React - How to use it ?

Mới đây, React đã chính thức công bố hooks . Vậy hooks là gì ? Hooks là những hàm cho phép bạn “kết nối” state và lifecycle của React vào các components. Với Hooks bạn có thể sử dụng state và lifecycles mà không cần dùng class. Ví dụ đơn giản cho việc sử dụng hooks useState : - Đầu tiên import thêm useState từ react.  - Ta có 1 function Counter, 2 biến count, setCount và truyền vào cho useState 1 giá trị được gán cho count. - Trong hàm render ta có hiển thị biến count và khi click thì sẽ gọi tới hàm setCount và tăng count lên 1 đơn vị. Qua ví dụ trên ta có thể thấy, việc sử dụng function component kết hợp với hooks hoàn toàn tiện lợi. Nó giúp code trong ngắn gọn và dễ hiểu hơn thay vì ta dùng class và phải setState. Tiếp theo, để có thể dùng được các lifecycles trong function component ta có useEffect . Nó tương tự như các lifecycles componentDidMount , componentDidUpdate , componentWillUnmount . Cách sử dụng useContext trong hooks sẽ như v...

Chèn chữ vào trong Terminal trên Kali Linux

Hello cả nhà, hôm nay mình xin hướng dẫn các bạn chèn chữ vào trong Terminal trên Kali Linux. Đầu tiên các bạn mở Terminal của mình lên và cài đặt package tên là figlet . sudo dnf install figlet Sau khi cài đặt thành công để có thể xem được các font chữ của nó các bạn gõ trong Terminal: showfigfonts Các bạn hãy chọn 1 font với sở thích của các bạn. Sau khi xong các bạn cần mở file .bashrc để bắt đầu chèn font vào, làm như sau: nano .bashrc Sau đó các bạn dùng phím mũi tên di chuyển xuống cuối cùng của file và chèn vào như sau: figlet -f `tên font` `tên cần hiển thị`  VD: figlet -f ivrit Jok Sau khi điền xong các bạn nhấn Ctrl + X  => Y => Enter để save code lại. Sau khi xong các bạn đóng Terminal và mở lại nó để chiêm ngưỡng thành quả. Chúc các bạn thành công !