Đang chuẩn bị nút TẢI XUỐNG, xin hãy chờ
Tải xuống
Bài giảng Phát triển ứng dụng đa nền tảng - Chương 4: Giới thiệu JS, JSX và ReactNative. Chương này cung cấp cho học viên những nội dung về: Javascript và JSX; giới thiệu React và ReactNative; các thành phần của ứng dụng ReactNative; các thành phần UI phổ biến; truy xuất dữ liệu qua mạng trong ReactNative; . Mời các bạn cùng tham khảo chi tiết nội dung bài giảng! | Chương 4 Giới thiệu JS JSX và ReactNative 1 Mục lục 1. Javascript và JSX 2. Giới thiệu React và ReactNative 3. Các thành phần của ứng dụng ReactNative 4. Các thành phần UI phổ biến 5. Truy xuất dữ liệu qua mạng trong ReactNative 2 Mục lục 1. Javascript và JSX 2. Giới thiệu React và ReactNative 3. Các thành phần của ứng dụng ReactNative 4. Các thành phần UI phổ biến 5. Truy xuất dữ liệu qua mạng trong ReactNative 3 1.1 Javascript Javascript ngôn ngữ lập trình kịch bản được sử dụng rộng rãi trong phát triển các ứng dụng Web. Javascript Framework là một bộ thư viện được xây dựng dựa vào ngôn ngữ lập trình Javascript. Javascript thực thi ở phía máy khách trên trình duyệt và cả phía máy chủ ví dụ NodeJS Phía máy khách xử lý những đối tượng HTML trên trình duyệt kiểm soát các dữ liệu đầu vào xử lý các sự kiện tạo các hiệu ứng Phía máy chủ backend xử lý các logic nghiệp vụ của ứng dụng JavaScript goes here 4 1.1 Javascript 2 Javascript engines Mã JavaScript chạy trong một engine quot JavaScript. Babel Babel là một trình biên dịch có thể cấu hình cho phép sử dụng các tính năng ngôn ngữ JavaScript mới và các tiện ích mở rộng như JSX biên dịch quot xuống quot thành các phiên bản JavaScript cũ hơn được hỗ trợ trên nhiều loại công cụ Khi khởi tạo một ứng dụng React Native tệp cấu hình babel.config.js được tạo trong dự án 5 1.1 Javascript 3 Viết mã JS theo JavaScript goes here cách truyền thống Babel Preprocessor 1 2 3 .map function n 1 2 3 .map n gt n 1 return n 1 React Native sử dụng Babel Modern làm bộ tiền xử lý javascript ES6 JSX ECMAScript 6 Extension 6 1.2 ES6 ECMAScript6 Các điểm nhấn trong cú pháp của ES6 Từ khoá let và const Vòng lặp for of Template literals Giá trị mặc định cho tham số Arrow Function Xây dựng các class Module Rest Parameters hay Rest Operator Toán tử Spread Phép gán hủy cấu trúc 7 1.2 ES6 ECMAScript6 2 Từ khoá let và const let để khai báo các biến for let i 0 i lt 5 i console.log i 0 1 2 3 4 console.log i undefined const giúp nghĩa các hằng Khai báo