? ???? REACT ?? ??????? ?? ??? ????? ? React Router V6? ?? ??? ? ???? ?????. RECT ???? ??? URL ? ??? ????? ???? ??? ?? ??????.

?? ?? ??? :

REACT ??? V6 : ??? ?? ???? React ?? ?????? ??? ?? ? URL ??? ?? React ??? v6? ???? ???? ?? ??? ????. Route Navigation and Rendering : ??? ???? ?? ?? ?? ??? ???? , ? ? ?? ?? ?? ??? ???? ?? ? ?? ??? ??? ??? ??????. ??> ?? ??? ?? :

?? ? ??, ? ??? ????? ?? ?? ? React Router v6.4? ?? ??? ?? ?? ??? ???? ?? React Applications??? ??? ??? ???? ?? ? ? ????. .
• ?? : ??? ?? ? (???)? ???? ?? ? ?? ????? ?? ? ? ?????. ??? ?? ??? ?? ?? ?????? ?? ???? ??????? ????. ??,??? ?? ??? ??? ???? ????????. React Router?? ????? ???? ??? ??? ??? ?????. ???? ????? :
???? ?? ?? ? URL :
• ??? ?? (? : ) ??? ??/?? ?? : ?? ???? ?????? ???? ???????. ?? ?? URL : ?? ?? ??????? <routes></routes> (? : ). <route></route> ?? ???? ??? ?? ??? ??? ?? ??? ???? ???? ??????. <link> ?? ??? ?? ???? ??? ?? ??? ?? ? ? ????. ,
? ?? ?? ??? API? ?? ?? ??? ????? ?? ???? ?? ???? ?????. ??? ?? :
• React ???? ?? Facebook/Meta ??? ?? Remix ?????? ?? ???? ?? ????????. ?? : ? ????? ??? ???? NPM? ???? ?? ? ?? ??? ?? ?? ??? ??. ?? ???. ?? ?? ????? ?? ?? ??? ?? ? ?? ?? useNavigate ?? ???? ??? GitHub?? ??? ? ???? (??? ?? ? ??). ?? ??? ?? :
Node.js? ????????. ??? ?? ?? ?? Node.js ? ????? ????????. ? ?? node.js ??? ?? ?? ???? ???? ?? ??????. NPM (Node Package Manager)? Node.js? ?? ??? ?????. ?? ?? :

Create React ? : ? ???? ??? React ????? ????

reft ??? ?? ??????

<Route path="/about" element={<About />} />

?? ??? ?????? :

REACT ?????? React ?? ??

?? ?? ????.

node -v
npm -v

<<> ?? ??? ?? ?? :

??? ?, ???? ? ??? ? ?? ?????? ?? ?? ????. ??? ?? ??

? ? ?? ??? ???? ?????? : ?? . (HTML5 ???? API ??)? ????? ??? URL? ?????.

npx create-react-app react-router-demo
cd react-router-demo

?? ?? ? ???? ????? ??? ???? ???? ??? ????. ?? ??? ? ??? ??. (hook)? ????? ??? ?????

??? ????? ?? ? ?? ?? ?? ??? ??? ???? <<> ??? UI? ??????. ? ??? ? ???? ?????? ?????

update

npm install react-router-dom

:

??? ?? ????? ? ???? ????? <<> ?? ??? : http://localhost:3000/ ?? ??? ?? ?? ?? ?? ???? ?? ??. ??? ?? ? URL ??? ?????

??

: ??

:

?? ??? ?? ?? ??? ?? ??? ??????. <<> ?? ?? ??? :

?? ?? ??? ???? ?? ??? ????. ?? ??? ???? ?? ?? ??? ?? <<>? ??????. ?? ??? ??????

? ??????

update BrowserRouter : HashRouter BrowserRouter ?? ??? ? ????

?? ??? ??????.

npm start

?? ?? :

????? ????? ? ????? ???? ??? ??

?? ??? ????.

?? useNavigate : navigate

?? ??? ???? ?

?

? ???? ??? ??????. ?? ??? ?? ? ?? ?? ??? ??????

?? ??? v6.4 ?? : ?? ??? v6.4 ?? ????? ? ???? API (??? ??). ? API? ?? ? ??? ???? ?? ??? ??? ?? ?? ? ??? ??????. ? ????? ??? ??? ??? ?????. <route></route> ?? : <link> ? ????? ?? ? ?? ??? ??? ??? React Router V6? ??? ? ??? ??????. ?? ?? ? ?? ??? ?? ?? REACT ??? ??? ??????.

? ??? ?? ??? v6 : ??? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!