[Reactjs]_080_TodoList Projects
![[Reactjs]_080_TodoList Projects](https://cdn.hashnode.com/res/hashnode/image/upload/v1624884714643/1XFtYFNWT.jpeg)
After receiving a Diploma degree in civil engineering. I have opportunities working in the positions in civil engineer on road and bridge ‘s company; As a engineer at iDECOVIETNAM Consultant Company, with a bachelor degree in civil engineering in BACHKHOA University, Practice certificates for transport construction engineering design, specialized in road, bridge and infrastructure (Earthwork, embankment, ground improvement); I am seeking for a new opportunity in construction. Flexible, ambitious, tenacious and resistant to stress, I adapt myself easily to any situation and I am of the opinion that there is no problem without solution.
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
![[reactjs]_ General Reactjs](https://cdn.hashnode.com/res/hashnode/image/upload/v1625530298868/LvAx2dSLY.jpeg)
![[reactjs] Responsive theo tỉ lệ màn hình với Reactjs](https://cdn.hashnode.com/res/hashnode/image/upload/v1625148968084/RQi9me1k-.png)