React (hay còn gọi là ReactJS) là bộ thư viện viếtbằng ngôn ngữ JavaScript dùng để phát triểncác ứng dụng UI (User Interface) được phát triểnbởi các lập trình viên làm việc tại Facebook.❑React có thể chạy được trên cả môi trường client lẫn server.
Conceive Design Implement Operate THỰC HỌC – THỰC NGHIỆP http://www.poly.edu.vn MỤC TIÊU Tổng quan ReactJS Cài đặt ReactJS JSX REACT VÀ REACTJS ❑React (hay gọi ReactJS) thư viện viết ngôn ngữ JavaScript dùng để phát triển ứng dụng UI (User Interface) phát triển lập trình viên làm việc Facebook ❑React chạy mơi trường client lẫn server REACT VÀ REACT NATIVE ❖React (ReactJS) - Xây dựng ứng dụng sử dụng Javascript (web) - Sử dụng HTML luồng cú pháp - Hoạt động tốt với CSS để tạo kiểu hoạt ảnh ❖React Native - Xây dựng ứng dụng di động đa tảng (android, ios) - Sử dụng cú pháp React Native - Sử dụng API động để tạo hoạt ảnh cho thành phần ứng dụng HELLO WORLD INSTALL CREATE-REACT-APP INSTALL CREATE-REACT-APP TẠO PROJECT CẤU TRÚC PROJECT JSX TRONG CREATE-REACT-APP ❑Vì phải dùng create-react-app? JSX ❑JSX (JavaScript XML cú pháp mở rộng cho Javascript viết theo kiểu XML ❑Sử dụng JSX để React để mô tả giao diện người dùng (UI) ❑JSX cho phép kết nối HTML JS source JSX Component: khối code độc lập, tái sử dụng, chia UI thành nhiều phần nhỏ COMPONENT HelloWorld component ReactDom.render sử dụng để render nội dung HelloWorld component thẻ trang index.html APP COMPONENT LUỒNG HOẠT ĐỘNG ĐỔI HTML > JSX ĐỔI STYLE TRONG HTML > JSX INLINE STYLE TRONG HTML > JSX STYLE TRONG HTML > JSX THAM CHIẾU BIẾN JS TRONG JSX THAM CHIẾU BIẾN JS TRONG JSX SUMARRY Tổng quan ReactJS Cài đặt ReactJS JSX ...MỤC TIÊU Tổng quan ReactJS Cài đặt ReactJS JSX REACT VÀ REACTJS ❑React (hay gọi ReactJS) thư viện viết ngôn ngữ JavaScript dùng để phát triển ứng... document.createElement("h1"); newElement.innerHTML = "Hello, world!"; var newElement = React.createElement(''h1'', null, ''Hello, world!’); ❖ Đưa h1 vào div có id=“root” ❖ Đưa h1 vào div có id=“root”... ❖ Tạo HTML