ReactJS cơ bản qua ví dụ thực tế - B1 tạo giao diện HTML

Những bài này được mình viết theo series "Khóa học lập trình ReactJS" của ZendVN - Học Lập Trình Online, các bạn có thể vào đây để xem và ủng hộ tác giả.

Những kiến thức bạn có thể có được

• Biết html, css, bootstrap cơ bản
• Biết React JS cơ bản như jsx, render element, state, props, handle event...
• Biết cách thêm, sửa, xóa, sắp xếp và tìm kiếm sản phẩm...
• Biết cách thêm và sử dụng một số package như uuid, sweet alert...
• Biết cách tư duy lập trình

Trong quá trình viết bài chỉnh sửa code có thể gặp lỗi hoặc chưa tối ưu, rất mong nhận được ý kiến đóng góp của các bạn.

Demo online: https://project-react-quan-li-bai-viet--kentrung.repl.co/

Các bạn click vào đây để download giao diện html-css, còn đây là hình ảnh giao diện mà chúng ta sẽ làm

Danh sách bài học về ReactJS

• ReactJS B1 - Tạo giao diện HTML-CSS
• ReactJS B2 - Tạo project và copy giao diện
• ReactJS B3 - Phân chia Component
• ReactJS B4 - Tạo mockdata và render Item
• ReactJS B5 - Delete Item
• ReactJS B6 - Edit Item (P1)
• ReactJS B6 - Edit Item (P2)
• ReactJS B7 - Add Item
• ReactJS B8 - Sort Item
• ReactJS B9 - Search Item