React.js
React.js
Hướng dẫn học React.js, nội dung bài học đơn giản, khoa học giúp bạn cài đặt, làm quen với các nội dung của React.js một cách nhanh chóng và dễ hiểu nhất.
Kiển thức về ES6
React sử dụng phiên bản Javascript – ES6, do đó chúng ta cũng cần biết qua về ES6.
Phần này sẽ giới thiệu cho các bạn ES6 là gì, những thay đổi trong ES6 so với các phiên bản trước.
- ES6 là gì? : cho bạn biết về ES6 và cách cài đặt.
- ES6 – variables : phân biệt var – let – const.
- ES6 – default parameters : cách khai báo tham số mặc định.
- ES6 – spread syntax : sử dụng cú pháp “lây lan”.
- ES6 – rest parameters : khai báo và sử dụng các tham số còn lại.
- ES6 – destructuring : tùy biến giá trị array hay object.
- ES6 – arrow function : cách viết function mới theo mũi tên.
- ES6 – classes : cấu trúc và cách sử dụng.
- ES6 – export & import : xuất và lồng các file Javascript.
Cài đặt và các khái niệm
- React.js là gì? : giúp bạn hiểu được React.js có thể làm gì.
- Cài đặt React.js : hướng dẫn cài đặt từ con số 0.
- Render HTML : xuất nội dung file HTML.
- Cấu trúc JSX : xử lý cấu trúc HTML trong React.js.
- React.js Component : cho biết component là gì, cách hoạt động.
- React.js Props : cho biết props là gì, dùng trong trường hợp nào.
- Props – xử lý data : cách xử lý dữ liệu với props.
- React.js component xử lý data : cách xử lý dữ liệu giữa các component.
- Props với function arrow : cách viết một props theo function arrow.
- Props với Classes : cách viết một props theo classes.
- React.js State : hiểu và biết cách hoạt động của state.
- Component – setState : Cập nhật dữ liệu với setState.
- Component – lifecycle : xây dựng một vòng đời cho component.
Xử lý
- React.js xử lý sự kiện : thao tác với <button> và liên kết <a>.
- React.js xử lý form : hướng dẫn thao tác với thành phần form đơn giản.
- React.js xử lý form kết hợp : hướng dẫn thao tác khi kết hợp các thành phần form với nhau.
- React.js – render có điều kiện : xử lý điều kiện bên trong một render.
- React.js – từ array tới list : tạo danh sách từ dữ liệu mãng.
- React.js – list và key : cho biết key trong react là gì.
- React.js – nhúng map() vào JSX : sử dụng map() bên trong cấu trúc JSX.
- React.js – state với map() : áp dụng map() để list một mãng với state.
- React.js – setState với map() : áp dụng map() để cập nhật mãng với setState
- Project với Component : xử lý Component trong project thực tế.
- Project với Props : xử lý Props trong project thực tế.
- Project với State : xử lý State trong project thực tế.
Thao tác dữ liệu
- React.js – Express – API : Hướng dẫn tạo API với Express.
- React.js – Server & Client : Hướng dẫn liên kết API với project React.
- React.js – MySQL : Xử lý view dữ liệu thông qua API.
- React.js – xử lý insert : Xử lý thêm dữ liệu.
- React.js – xử lý update : Xử lý cập nhật dữ liệu.
- React.js – xử lý delete : Xử lý xóa dữ liệu
React.js UI Components thông dụng
React.js UI Components là các khối xây dựng giao diện. Chúng chia trang web thành các phần nhỏ, độc lập như: button, popup, table, list, carousel, tab, accordion, … chúng ta chỉ việc cài đặt và sử dụng.
Một số UI Components thông dụng:
