Requirement Để tạo được một dự án mới dùng reactjs bạn cần phải có Node version >= 10.16 npm version >= 5.6 bạn có thể cài version mới nhất của node hiện tại (14.17.0) Create project npx create-react-app react-app cd react-app npm start Sau khi chạy npm start sẽ mở một tab hôm page như ảnh dưới Cấu trúc của project src/Index.js : react nó sẽ bắt đầu chạy từ trong file index.js này. src/ .css : những file có...
ReactJS May Fest basic reactjs create reactjs project
Giới thiệu Trong các ứng dụng React , các vấn đề về hiệu suất có thể đến từ độ trễ của mạng, API hoạt động quá mức, thư viện của bên thứ ba không hiệu quả và thậm chí mã có cấu trúc tốt hoạt động tốt cho đến khi nó phải tải lớn bất thường. Việc xác định nguyên nhân gốc của các vấn đề về hiệu suất có thể khó khăn, nhưng nhiều vấn đề trong số này bắt nguồn từ...
basic reactjs React Hook
Trong bài viết hôm này, tôi sẽ giới thiệu các bạn một React Hook tiếp theo, đó là useDebugValue. Vậy useDebugValue là gì và cách sử dụng ra sao thì chúng ta hãy cùng tìm hiểu nhé. useDebugValue là gì ? Nếu ai đang viết Custom hook thì useDebugValue có thể nói là một "công cụ" hữu ích, giúp chúng ta có thể dễ dàng debug được hook đó bằng việc nó sẽ hiển thị thông tin ta cần kiểm chứng trong...
basic reactjs React Hook
Mở đầu Là nhà phát triển React, tất cả chúng ta đều muốn viết code sạch hơn, đơn giản hơn và dễ đọc hơn. Trong bài này, chúng ta hãy cùng xem xét 7 cách mà bạn có thể bắt đầu viết code React sạch hơn để giúp việc xây dựng các dự án React và xem lại code của bạn dễ dàng hơn nhiều. 1. Sử dụng JSX shorthands Làm cách nào để bạn truyền giá trị true đến prop cho trước ? Ví dụ dưới...
basic reactjs
Chào các bạn hôm nay mình sẽ chia sẻ với các bạn một app covid-19, để mọi người cùng tham khảo, tính năng của App này chỉ đơn giản là show số liệu về dịch Covid của các nước trên thế giới như: Số người tử vong, phục hồi, số người mắc bệnh và có biểu đồ biểu thị. Bạn sẽ học được? Cách triễn khai một cấu trúc thư mục đơn giản Call Api Làm việc với Reactjs basic Làm việc...
basic reactjs chartjs
Xin chào mọi người! Hôm nay mình sẽ giới thiệu cơ bản về lifecyle của component trong reactjs, gồm các giai đoạn nào và mỗi giai đoạn sẽ gọi những hàm gì? Hy vọng sẽ được thảo luận cùng anh em. Life cycle là gì? Là vòng đời của một sự vật từ khi sinh ra, lớn lên đến khi mất đi. Lưu ý: Life cyles trong bài này cho class component, việc hiểu rõ life cycle rất quan trọng để hiểu rõ cách hoạt...
Front-end ReactJS basic reactjs
Hi anh em, Hôm nay chúng ta sẽ cùng nhau tìm hiểu cách routing trong reactjs qua thư viện react-router-dom. Hy vọng được thảo luận cùng anh em đang học reactjs. Không để mọi người chờ lâu, bắt đầu nào! Tại sao phải cần tìm hiểu về routing? Khi chúng ta truy cập 1 trang web. Nhập đường dẫn url sẽ load(render) ra các trang(Component) tương tứng. Để làm được điều này ta cần quản lý routing trong ứng dụng...
Front-end ReactJS basic reactjs react-router-dom routing trong reactjs
1. Ưu điểm của việc dùng Fragment so với thẻ div? Với việc sủ dụng thẻ Fragment, ta có những ưu điểm sau: Fragment nhanh hơn và chiếm ít bộ nhớ hơn nhờ việc không tạo một phần tử trên DOM node. Điều này sẽ rất hữu ích cho các component lớn và có nhiều component con Một số style của CSS đòi hỏi cần có sự ràng buộc cha con, anh em giữa các phần tử HTML. Việc sử dụng thẻ div sẽ có thể...
Interview basic reactjs