Skip to main content

Command Palette

Search for a command to run...

[Reactjs]_080_TodoList Projects

Updated
•2 min read•View as Markdown
[Reactjs]_080_TodoList Projects
F

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

59 views

More from this blog

FelixTran

12 posts

I am Civil Engineering, self taught Full Stack Web Developer from Tp.HCM, Viet Nam. I do a lot of things, and some of them you may even find interesting. 👨‍💻