FelixTran
[Reactjs]_080_TodoList Projects

[Reactjs]_080_TodoList Projects

FelixTran's photo
FelixTran
·

2 min read

Link API http://svcy.myclass.vn/swagger/ui/index#/User

  • Tìm hiểu react-router
  • Antd
  • Khái niệm HOF và HOC ứng dụng làm Template
  • React request API
  • Middleware Redux Saga , redux thunk
  • Cơ chế Authorization token
  • Xây dựng ứng dụng jira

    Cấu trúc thư mục dự án và cài đặt thư viện

  • Cấu trúc lại thư mục.
  • assets
  • Components
  • Pages
  • Redux
  • HOC
  • Template
  • Services
  • Util
  • Cài đặt thư viện cần sử dụng cho dự án.
npm i redux
npm i react-redux
npm i styled-component
npm i axios
npm i react-router-dom
npm i antd
npm i react-saga
npm i redux-thunk
npm i tailwindcss
npm i sass-loader
npm i node-sass

  • Ngoài ra có thể cài đặt thêm BS4

  • setting Reducers

Route (Page & Component)

  • Chuyển đổi Pages, Cần xác định page cần có

Navlink

Prop history

Prop match

Redirect

Promt

Introduction Ajax

Http là thành phần của request gọi từ client đến server để tương tác với backend, vì sao use post, get, put, delete, vì sử dụng các phương thức theo chuẩn RESTful: là 1 tiêu chuẩn dùng trong việc thiết kế API để tiện quản lý các resource API là gì 1 tập hợp các quy tắc và cơ chế mà theo đó, một ứng dụng sẽ tương tác với một ứng dụng hay thành phần khác

Axios GET data backend__GetTaskList

Test API bằng POSTMAN

Axios POST data backend__addTask

Axios DELETE PUT data backend__del, done, reject Task

LifeCycle

React