Định tuyến trong React với thư viện Router

Trong phần này, chúng ta sẽ làm quen với một lĩnh vực rất thú vị và quan trọng khi tạo ứng dụng web - định tuyến. Chính nhờ định tuyến mà người dùng có thể di chuyển giữa nhiều trang web tùy thuộc vào hành động hoặc các yêu cầu được gửi đi.

Từ hướng dẫn này, chúng ta sẽ học cách sử dụng thư viện bên ngoài React Router, để tạo các ứng dụng React có định tuyến.

React Router cho phép chúng ta làm việc với định tuyến ở phía máy khách (tức là trong trình duyệt), cũng như ở phía máy chủ. Nó cho phép tạo ra các ứng dụng web một trang phức tạp, sử dụng điều hướng mà không cần làm mới toàn bộ trang (tức là không cần yêu cầu bổ sung tới máy chủ), đồng thời làm việc được với lịch sử trình duyệt (các mũi tên quay lại).

React Router sử dụng kiến trúc dựa trên phương pháp tiếp cận hướng thành phần. Do đó, thư viện này cho phép thực hiện điều hướng giữa nhiều thành phần trong ứng dụng React, thay đổi URL trong trình duyệt và duy trì đồng bộ hóa trạng thái ứng dụng của bạn với URL.