, December 05, 2021

0 kết quả được tìm thấy

ReactJS Tutorial 2021 for Beginners: Introduction Leave Management Project

  • Đăng bởi  Groot
  •  Nov 02, 2021

  •   3 min reads
ReactJS Tutorial 2021 for Beginners: Introduction Leave Management Project

Chào mừng các bạn đến với series về ReactJS căn bản. Trong series này chúng ta sẽ được học và thực hành thông qua dự án "Leave Management" có thể được dịch nôm na là "quản lý ngày nghỉ".

Mục tiêu của khóa học

Sau khi nghiên cứu xong series này thì cơ bản nhất là bạn có thể sử dụng ReactJS cho web UI.

Từ kiến thức đó sẽ giúp bạn hiểu thêm về Design System. Tại sao ReactJS lại hỗ trợ cho việc build được một Design System?

Bạn có thể sẵn sàng cho một công việc ReactJS với một vị trí là junior. Có thêm kinh nghiệm thực tiễn thông qua dự án "Leave Management".

Yêu cầu cơ bản

Để nhận được những lợi ích tốt nhất từ khóa học thì bạn cần phải có một số kinh nghiệm sau đây:

  • Có kinh nghiệm với HTML, CSS
  • Tất nhiên là không thể bỏ qua kiến thức về Javascript
  • Đã từng làm việc với yarn, npm

Việc quen thuộc với những công nghệ trên sẽ giúp bạn đi nhanh hơn trong series này.

Leave Management Project

Dưới đây là vài hình ảnh web UI mà chúng ta sẽ thực hiện trong dự án "Leave Management" lần này:

ReactJS Web UI Project
ReactJS Web UI Project

Nội dung chính

Series sẽ hướng dẫn bạn sử dụng những thư viện và concept thường dùng sau đây:

  • React: functional / class component, hooks, portal, context,...
  • Design System / component library sử dụng Storybook
  • Thư viện thường dùng: react-router, styled-components, recharts, ...
  • Xử lý form bằng react-final-form

Môi trường và tool

Series sẽ được hướng dẫn trên VS Code. Tất nhiên bạn sẽ cần một cái node để có thể chạy React. Cuối cùng là một browser bất kỳ để bạn có thể thực hiện được phần testing của mình.

Bạn đã sẵn sàng chưa? Hãy tải tài liệu về và bắt đầu hành trình "nghiền ngẫm" ReactJS thôi.

Tài liệu của khóa học

Tải các tài liệu liên quan của khóa học tại link dưới đây nha các bạn.

Bài viết liên quan

Tại sao bạn nên chọn GraphQL với ReactJS

Hầu hết mọi người đang sử dụng Rest Api để truy xuất và thao tác dữ liệu. Vậy tại sao lại cần chuyển qua GraphQL?...

Tại sao bạn nên chọn GraphQL với ReactJS
ReactJS là gì? Những điều có thể bạn chưa biết về ReactJS

ReactJS là một thư viện Javascript được dùng để để xây dựng các tương tác với các components trên website. Vậy bạn có nên học nó hay không?...

ReactJS là gì? Những điều có thể bạn chưa biết về ReactJS
You've successfully subscribed to 200Lab Blog
Great! Next, complete checkout for full access to 200Lab Blog
Xin chào mừng bạn đã quay trở lại
OK! Tài khoản của bạn đã kích hoạt thành công.
Success! Your billing info is updated.
Billing info update failed.
Your link has expired.