MỤC TIÊU:Kết thúc bài thực hành này bạn có khả năng✓ State.✓ Lifecycle.NỘI DUNGTạo project có tên là seasons với cấu trúc và yêu cầu như sauNội dung hiển thMỤC TIÊU:Kết thúc bài thực hành này bạn có khả năng✓ State.✓ Lifecycle.NỘI DUNGTạo project có tên là seasons với cấu trúc và yêu cầu như sauNội dung hiển thịị
LAB MỤC TIÊU: Kết thúc thực hành bạn có khả ✓ State ✓ Lifecycle NỘI DUNG Tạo project có tên seasons với cấu trúc yêu cầu sau Nội dung hiển thị Nam bán cầu – mùa hè Bắc bán cầu – mùa đông Yêu cầu LẬP TRÌNH FRONT-END FRAMEWORK TRANG LAB Cấu trúc project Bài 1: Lấy vị trí location dùng state SeasonDisplay.js Index.js LẬP TRÌNH FRONT-END FRAMEWORK TRANG LAB Bài 2: Life cycle SeasonDisplay.js Index.js LẬP TRÌNH FRONT-END FRAMEWORK TRANG LAB Bài 3: Chuyển state props SeasonDisplay.js Index.js Bài 4: Xác định tháng (month) hành - Cách xác định thời tiết dựa vào tháng - Bắc bán cầu - Nam bán cầu LẬP TRÌNH FRONT-END FRAMEWORK TRANG LAB SeasonDisplay.js Index.js Bài 5: Trích xuất options thành config SeasonDisplay.js LẬP TRÌNH FRONT-END FRAMEWORK Index.js TRANG LAB Bài 6: Style Bài 5: Tạo spinner - Tạo spinner mẫu Gợi ý: o Tạo spinner.js o Thay điều kiện loading spinner o Dùng default props với mess “Please accept location request” LẬP TRÌNH FRONT-END FRAMEWORK TRANG LAB - Khắc phục render: tránh sử dụng điều kiện render Gợi ý: o Tạo function RenderContent() o Khi render gọi RenderContent() Tránh dùng điều kiện render *** Yêu cầu nộp bài: SV nén file (hoặc share thư mục google drive) bao gồm yêu cầu đã thực trên, nộp LMS đúng thời gian quy định của giảng viên KHÔNG NỘP BÀI COI NHƯ KHÔNG CÓ ĐIỂM - Hết - LẬP TRÌNH FRONT-END FRAMEWORK TRANG ... request” LẬP TRÌNH FRONT- END FRAMEWORK TRANG LAB - Khắc phục render: tránh sử dụng điều kiện render Gợi ý: o Tạo function RenderContent() o Khi render gọi RenderContent() Tránh dùng điều kiện render.. .LAB Cấu trúc project Bài 1: Lấy vị trí location dùng state SeasonDisplay.js Index.js LẬP TRÌNH FRONT- END FRAMEWORK TRANG LAB Bài 2: Life cycle SeasonDisplay.js Index.js LẬP TRÌNH FRONT- END. .. TRÌNH FRONT- END FRAMEWORK TRANG LAB SeasonDisplay.js Index.js Bài 5: Trích xuất options thành config SeasonDisplay.js LẬP TRÌNH FRONT- END FRAMEWORK Index.js TRANG LAB Bài 6: Style Bài 5: Tạo spinner