ะัะฝะพะฒะฝะธัั ะฟัะพะฑะปะตะผ, ัะฒััะทะฐะฝ ั React Router, ะธะทะฟะพะปะทะฒะฐั ััะธะปะพะฒะต ะพั ะฟัะฑะปะธัะฝะฐัะฐ ะฟะฐะฟะบะฐ, ะต, ัะต ะผะพะถะต ะดะฐ ะฑัะดะต ัััะดะฝะพ ะดะฐ ัะปะตะดะธัะต ััะธะปะพะฒะตัะต ะธ ะดะฐ ัะต ัะฒะตัะธัะต, ัะต ัะฐ ะฟัะธะปะพะถะตะฝะธ ะฟัะฐะฒะธะปะฝะพ. ะขัะน ะบะฐัะพ ะฟัะฑะปะธัะฝะฐัะฐ ะฟะฐะฟะบะฐ ะฝะต ะต ัะฐัั ะพั ะดััะฒะพัะพ ะฝะฐ ะบะพะผะฟะพะฝะตะฝัะธัะต ะฝะฐ React, ะผะพะถะต ะดะฐ ะต ัััะดะฝะพ ะดะฐ ัะต ัะฐะทะฑะตัะต ะบะพะธ ััะธะปะพะฒะต ัะต ะฟัะธะปะฐะณะฐั ะธ ะบะพะณะฐ. ะัะฒะตะฝ ัะพะฒะฐ, ะฐะบะพ ะผะฝะพะถะตััะฒะพ ะบะพะผะฟะพะฝะตะฝัะธ ะธะทะฟะพะปะทะฒะฐั ะตะดะธะฝ ะธ ััั ััะธะป ะพั ะฟัะฑะปะธัะฝะฐัะฐ ะฟะฐะฟะบะฐ, ะผะพะถะต ะดะฐ ะต ัััะดะฝะพ ะดะฐ ัะต ะพััััะฐะฝัั ะณัะตัะบะธ ะฟัะธ ะฒัะทะฝะธะบะฝะฐะปะธ ะฟัะพะฑะปะตะผะธ.
ReactRouter
ะ ะตัะตะฝะพ: ัะตะฐะณะธัะฐ ะฝะฐ ัััะตัะฐ, ะธะทะฟะพะปะทะฒะฐะนะบะธ ััะฐัะธัะฝะธ ััะธะปะพะฒะต
ะัะฝะพะฒะฝะธัั ะฟัะพะฑะปะตะผ, ัะฒััะทะฐะฝ ั ะธะทะฟะพะปะทะฒะฐะฝะตัะพ ะฝะฐ ััะฐัะธัะฝะธ ััะธะปะพะฒะต ั React Router, ะต, ัะต ะผะพะถะต ะดะฐ ะฑัะดะต ัััะดะฝะพ ะดะฐ ัะต ัะปะตะดัั ัะฐะทะปะธัะฝะธัะต ะผะฐัััััะธ ะธ ัะฒััะทะฐะฝะธัะต ั ััั ััะธะปะพะฒะต. ะัะธ ััะฐัะธัะฝะธัะต ััะธะปะพะฒะต ะฒัะตะบะธ ะผะฐััััั ัััะฑะฒะฐ ะดะฐ ะธะผะฐ ัะฒะพะน ัะพะฑััะฒะตะฝ ะฝะฐะฑะพั ะพั CSS ะฟัะฐะฒะธะปะฐ, ะบะพะธัะพ ะฑััะทะพ ะผะพะณะฐั ะดะฐ ััะฐะฝะฐั ััะพะผะฐะฒะธ ะธ ัััะดะฝะธ ะทะฐ ะฟะพะดะดััะถะบะฐ. ะัะฒะตะฝ ัะพะฒะฐ, ะฐะบะพ ะดะฐะดะตะฝ ััะธะป ัะต ะธะทะฟะพะปะทะฒะฐ ะฒ ะผะฝะพะถะตััะฒะพ ะผะฐัััััะธ, ัะพะน ัััะฑะฒะฐ ะดะฐ ะฑัะดะต ะดัะฑะปะธัะฐะฝ ะฒัะฒ ะฒัะธัะบะธ ััั , ะบะพะตัะพ ะทะฐัััะดะฝัะฒะฐ ะทะฐะฟะฐะทะฒะฐะฝะตัะพ ะฝะฐ ะบะพะดะฐ ะกะฃะฅ (ะะต ัะต ะฟะพะฒัะฐััะนัะต).
ะ ะตัะตะฝะพ: ัะตะฐะบัะธั ะฝะฐ ัััะตั ะััะทะบะฐัะฐ ัะฐะฑะพัะธ
ะัะฝะพะฒะฝะธัั ะฟัะพะฑะปะตะผ, ัะฒััะทะฐะฝ ั React Router Link, ะต, ัะต ัะพะน ะฝะต ะฐะบััะฐะปะธะทะธัะฐ ะฟัะฐะฒะธะปะฝะพ ั ัะพะฝะพะปะพะณะธััะฐ ะฝะฐ ะฑัะฐัะทััะฐ ะฟัะธ ััะฐะบะฒะฐะฝะต. ะขะพะฒะฐ ะพะทะฝะฐัะฐะฒะฐ, ัะต ะฐะบะพ ะฟะพััะตะฑะธัะตะป ััะฐะบะฝะต ะฒััั ั ะฒััะทะบะฐ ะธ ัะปะตะด ัะพะฒะฐ ะฝะฐัะธัะฝะต ะฑััะพะฝะฐ ะทะฐ ะฒัััะฐะฝะต ะฝะฐะทะฐะด, ัะพะน ัะต ะฑัะดะต ะฒััะฝะฐั ะฝะฐ ะฟัะตะดะธัะฝะฐัะฐ ัััะฐะฝะธัะฐ ะฒะผะตััะพ ะฝะฐ ัััะฐะฝะธัะฐัะฐ, ะพั ะบะพััะพ ัะพะบั-ัะพ ะต ะฝะฐะฟััะฝะฐะป. ะัะฒะตะฝ ัะพะฒะฐ ัะพะฒะฐ ะผะพะถะต ะดะฐ ะฟัะธัะธะฝะธ ะฝะตะพัะฐะบะฒะฐะฝะพ ะฟะพะฒะตะดะตะฝะธะต ะฒ ะฝัะบะพะธ ัะปััะฐะธ, ะบะฐัะพ ะฝะฐะฟัะธะผะตั ะฟัะธ ะธะทะฟะพะปะทะฒะฐะฝะต ะฝะฐ ะฝะธะทะพะฒะต ะฝะฐ ะทะฐัะฒะบะธ ะธะปะธ ั ะตั ััะฐะณะผะตะฝัะธ.
ะ ะตัะตะฝะพ: ะะทะฟะพะปะทะฒะฐะนัะต ะฟัะธะปะพะถะตะฝะธะตัะพ History React Router v6
ะัะฝะพะฒะฝะธัั ะฟัะพะฑะปะตะผ, ัะฒััะทะฐะฝ ั ะธะทะฟะพะปะทะฒะฐะฝะตัะพ ะฝะฐ History React Router v6, ะต, ัะต ัะพะน ะฝะต ะฟะพะดะดััะถะฐ ะฑะฐะทะธัะฐะฝะพ ะฝะฐ ั ะตั ะผะฐัััััะธะทะธัะฐะฝะต. ะขะพะฒะฐ ะพะทะฝะฐัะฐะฒะฐ, ัะต ะฒัะธัะบะธ URL ะฐะดัะตัะธ ัััะฑะฒะฐ ะดะฐ ัะฐ ะฐะฑัะพะปััะฝะธ ะฟััะธัะฐ, ะบะพะตัะพ ะผะพะถะต ะดะฐ ะทะฐัััะดะฝะธ ัะฟัะฐะฒะปะตะฝะธะตัะพ ะธ ะฟะพะดะดััะถะบะฐัะฐ ะฝะฐ ะฟัะธะปะพะถะตะฝะธะตัะพ. ะัะฒะตะฝ ัะพะฒะฐ ะฝัะผะฐ ะฒะณัะฐะดะตะฝะฐ ะฟะพะดะดััะถะบะฐ ะทะฐ ะดะธะฝะฐะผะธัะฝะธ ะผะฐัััััะธ, ะบะพะตัะพ ะผะพะถะต ะดะฐ ะฑัะดะต ะฟัะพะฑะปะตะผ ะฟัะธ ััะทะดะฐะฒะฐะฝะต ะฝะฐ ัะปะพะถะฝะธ ะฟัะธะปะพะถะตะฝะธั ั ะผะฝะพะถะตััะฒะพ ัััะฐะฝะธัะธ. ะ ะฝะฐะบัะฐั, History React Router v6 ะฝะต ะฟัะตะดะพััะฐะฒั ะฝะธะบะฐะบะฒะฐ ะฟะพะดะดััะถะบะฐ ะทะฐ ะธะทะพะฑัะฐะทัะฒะฐะฝะต ะพั ัััะฐะฝะฐ ะฝะฐ ัััะฒััะฐ, ะบะพะตัะพ ะผะพะถะต ะดะฐ ะต ะฝะตะพะฑั ะพะดะธะผะพ ะฒ ะฝัะบะพะธ ัะปััะฐะธ.
ะ ะตัะตะฝะพ: ัะตะฐะณะธัะฐะนัะต ะฝะฐ ัััะตัะฐ ะฝะฐ ัะปะตะดะฒะฐัะฐัะฐ ัััะฐะฝะธัะฐ ะณะพัะต
ะัะฝะพะฒะฝะธัั ะฟัะพะฑะปะตะผ, ัะฒััะทะฐะฝ ั ะฝะฐัะฐะปะพัะพ ะฝะฐ ัะปะตะดะฒะฐัะฐัะฐ ัััะฐะฝะธัะฐ ะฝะฐ React Router, ะต, ัะต ะผะพะถะต ะดะฐ ะฟัะธัะธะฝะธ ะฝะตะพัะฐะบะฒะฐะฝะพ ะฟะพะฒะตะดะตะฝะธะต ะฟัะธ ะฝะฐะฒะธะณะธัะฐะฝะต ะผะตะถะดั ัััะฐะฝะธัะธัะต. ะะพะณะฐัะพ ะฝะฐะฒะธะณะธัะฐัะต ะดะพ ะฝะพะฒะฐ ัััะฐะฝะธัะฐ, ะฑัะฐัะทัััั ัะต ะฟัะตะฒัััะธ ะพะฑัะฐัะฝะพ ะดะพ ะณะพัะฝะฐัะฐ ัะฐัั ะฝะฐ ัััะฐะฝะธัะฐัะฐ, ะบะพะตัะพ ะผะพะถะต ะดะฐ ะฑัะดะต ัะผััะฐะฒะฐัะพ ะทะฐ ะฟะพััะตะฑะธัะตะปะธัะต, ะบะพะธัะพ ะพัะฐะบะฒะฐั ะดะฐ ะพััะฐะฝะฐั ะฝะฐ ัััะฐัะฐ ัััะฐะฝะธัะฐ ะธะปะธ ะดะฐ ะฟัะตะฒััััั ะฝะฐะดะพะปั ะฟะพ-ะฝะฐัะฐััะบ. ะัะฒะตะฝ ัะพะฒะฐ, ัะพะฒะฐ ะฟะพะฒะตะดะตะฝะธะต ะผะพะถะต ะดะฐ ะฝะต ัะต ะพัะฐะบะฒะฐ ะพั ะฟะพััะตะฑะธัะตะปะธ, ะบะพะธัะพ ัะฐ ัะฒะธะบะฝะฐะปะธ ั ะฟะพ-ััะฐะดะธัะธะพะฝะฝะธ ะผะพะดะตะปะธ ะฝะฐ ัะตะฑ ะฝะฐะฒะธะณะฐัะธั.
ะ ะตัะตะฝะพ: activeClassName ัะตะฐะณะธัะฐ ัััะตั
ะัะฝะพะฒะฝะธัั ะฟัะพะฑะปะตะผ, ัะฒััะทะฐะฝ ั activeClassName ะฒ React Router, ะต, ัะต ัะพะน ะฝะต ะฐะบััะฐะปะธะทะธัะฐ ะฐะฒัะพะผะฐัะธัะฝะพ ะฐะบัะธะฒะฝะธั ะบะปะฐั, ะบะพะณะฐัะพ ะผะฐััััััั ัะต ะฟัะพะผะตะฝะธ. ะขะพะฒะฐ ะพะทะฝะฐัะฐะฒะฐ, ัะต ัะฐะทัะฐะฑะพััะธัะธัะต ัััะฑะฒะฐ ัััะฝะพ ะดะฐ ะฐะบััะฐะปะธะทะธัะฐั ะฐะบัะธะฒะฝะธั ะบะปะฐั, ะบะพะณะฐัะพ ะผะฐััััััั ัะต ะฟัะพะผะตะฝะธ, ะบะพะตัะพ ะผะพะถะต ะดะฐ ะพัะฝะตะผะต ะผะฝะพะณะพ ะฒัะตะผะต ะธ ะดะฐ ะดะพะฒะตะดะต ะดะพ ะณัะตัะบะธ. ะัะฒะตะฝ ัะพะฒะฐ, ะฐะบะพ ะผะฝะพะถะตััะฒะพ ะผะฐัััััะธ ัะฐ ะฒะปะพะถะตะฝะธ ะตะดะธะฝ ะฒ ะดััะณ, ะผะพะถะต ะดะฐ ััะฐะฝะต ัััะดะฝะพ ะดะฐ ัะต ัะปะตะดะธ ะบะพะน ะผะฐััััั ะต ะฐะบัะธะฒะตะฝ ะฒ ะผะพะผะตะฝัะฐ ะธ ะบะฐะบะฒะธ ะบะปะฐัะพะฒะต ัััะฑะฒะฐ ะดะฐ ัะต ะฟัะธะปะฐะณะฐั ะบัะผ ะฒัะตะบะธ ะตะปะตะผะตะฝั.
ะ ะตัะตะฝะพ: ัะตะฐะบัะธั ะฝะฐ ะฟัะตะฝะฐัะพัะฒะฐะฝะต ะฝะฐ ัััะตั 404
ะัะฝะพะฒะฝะธัั ะฟัะพะฑะปะตะผ, ัะฒััะทะฐะฝ ั ะฟัะตะฝะฐัะพัะฒะฐะฝะตัะพ ะฝะฐ React Router 404, ะต, ัะต ะผะพะถะต ะดะฐ ะฑัะดะต ัััะดะฝะพ ะทะฐ ะฟัะธะปะฐะณะฐะฝะต. ะขัะน ะบะฐัะพ React Router ะฝัะผะฐ ะฒะณัะฐะดะตะฝะฐ ัััะฐะฝะธัะฐ 404, ัะฐะทัะฐะฑะพััะธัะธัะต ัััะฑะฒะฐ ัััะฝะพ ะดะฐ ััะทะดะฐะดะฐั ะผะฐััััั ะทะฐ ัััะฐะฝะธัะฐัะฐ 404 ะธ ัะปะตะด ัะพะฒะฐ ะดะฐ ะบะพะฝัะธะณััะธัะฐั ัััะตัะฐ ะดะฐ ะฟัะตะฝะฐัะพัะฒะฐ ะฒัะธัะบะธ ะทะฐัะฒะบะธ, ะบะพะธัะพ ะฝะต ััะพัะฒะตัััะฒะฐั ะฝะฐ ัััะตััะฒัะฒะฐั ะผะฐััััั. ะขะพะฒะฐ ะธะทะธัะบะฒะฐ ะดะพะฟัะปะฝะธัะตะปะตะฝ ะบะพะด ะธ ะบะพะฝัะธะณััะฐัะธั, ะบะพะตัะพ ะผะพะถะต ะดะฐ ะพัะฝะตะผะต ะผะฝะพะณะพ ะฒัะตะผะต ะธ ัััะดะฝะพ ะทะฐ ะพััััะฐะฝัะฒะฐะฝะต ะฝะฐ ะณัะตัะบะธ, ะฐะบะพ ะฝะตัะพ ัะต ะพะฑััะบะฐ. ะัะฒะตะฝ ัะพะฒะฐ, ะฐะบะพ ะฟะพััะตะฑะธัะตะป ะฝะฐะฒะธะณะธัะฐ ะดะธัะตะบัะฝะพ ะดะพ URL ะฐะดัะตั, ะบะพะนัะพ ะฝะต ัััะตััะฒัะฒะฐ, ัะพะน ะฟะฐะบ ัะต ะฒะธะดะธ ัััะฐะฝะธัะฐ ะทะฐ ะณัะตัะบะฐ, ะฒะผะตััะพ ะดะฐ ะฑัะดะต ะฟัะตะฝะฐัะพัะตะฝ ะบัะผ ัััะฐะฝะธัะฐัะฐ 404.
ะ ะตัะตะฝะพ: ัะตะฐะณะธัะฐะนัะต ะฝะฐ ัััะตั, ะดะพะฑะฐะฒะตัะต ัะตะทะตัะฒะตะฝ ะฒะฐัะธะฐะฝั, ะทะฐ ะดะฐ ัะปะพะฒะธัะต ะฒัะธัะบะธ
ะัะฝะพะฒะฝะธัั ะฟัะพะฑะปะตะผ, ัะฒััะทะฐะฝ ั React Router ะธ ะดะพะฑะฐะฒัะฝะตัะพ ะฝะฐ ัะตะทะตัะฒะตะฝ ะผะฐััััั ะทะฐ ัะปะฐะฒัะฝะต ะฝะฐ ะฒัะธัะบะธ, ะต, ัะต ะผะพะถะต ะดะฐ ะฑัะดะต ัััะดะฝะพ ะดะฐ ัะต ะบะพะฝัะธะณััะธัะฐ ะฟัะฐะฒะธะปะฝะพ ัะตะทะตัะฒะฝะธัั ะผะฐััััั. ะ ะตะทะตัะฒะฝะธัั ะผะฐััััั ัััะฑะฒะฐ ะดะฐ ะฑัะดะต ะบะพะฝัะธะณััะธัะฐะฝ ะฟะพ ัะฐะบัะฒ ะฝะฐัะธะฝ, ัะต ะดะฐ ัะปะพะฒะธ ะฒัะธัะบะธ ะทะฐัะฒะบะธ, ะฒะบะปััะธัะตะปะฝะพ ัะตะทะธ, ะบะพะธัะพ ะฝะต ัะฐ ะฒะฐะปะธะดะฝะธ ะผะฐัััััะธ. ะะบะพ ะบะพะฝัะธะณััะฐัะธััะฐ ะฝะต ะต ะฝะฐะฟัะฐะฒะตะฝะฐ ะฟัะฐะฒะธะปะฝะพ, ัะพะณะฐะฒะฐ ะทะฐัะฒะบะธัะต ะทะฐ ะฝะตะฒะฐะปะธะดะฝะธ ะผะฐัััััะธ ะฝัะผะฐ ะดะฐ ะฑัะดะฐั ัะปะพะฒะตะฝะธ ะพั ัะตะทะตัะฒะฝะธั ะผะฐััััั ะธ ะผะพะถะต ะดะฐ ะดะพะฒะตะดะฐั ะดะพ ะณัะตัะบะธ ะธะปะธ ะฝะตะพัะฐะบะฒะฐะฝะพ ะฟะพะฒะตะดะตะฝะธะต. ะัะฒะตะฝ ัะพะฒะฐ, ะฐะบะพ ะฟัะธะปะพะถะตะฝะธะตัะพ ััะดััะถะฐ ะดะธะฝะฐะผะธัะฝะธ ะผะฐัััััะธ (ะฝะฐะฟั. ะฒัะท ะพัะฝะพะฒะฐ ะฝะฐ ะฒัะฒะตะถะดะฐะฝะต ะพั ะฟะพััะตะฑะธัะตะปั), ัะพะณะฐะฒะฐ ัะต ัััะฑะฒะฐ ะดะฐ ะฑัะดะฐั ะฒะทะตัะธ ะฟะพะด ะฒะฝะธะผะฐะฝะธะต ะฟัะธ ะบะพะฝัะธะณััะธัะฐะฝะต ะฝะฐ ัะตะทะตัะฒะฝะธั ะผะฐััััั, ัะฐะบะฐ ัะต ัะต ัััะพ ะดะฐ ะฑัะดะฐั ัะปะพะฒะตะฝะธ ะพั ะฝะตะณะพ.
ะ ะตัะตะฝะพ: ะธะทัะตะณะปัะฝะต ะฝะฐ ัะตะฐะณะธัะฐั ัััะตั dom
ะัะฝะพะฒะฝะธัั ะฟัะพะฑะปะตะผ, ัะฒััะทะฐะฝ ั ะธะทัะตะณะปัะฝะตัะพ ะฝะฐ React Router DOM, ะต, ัะต ะผะพะถะต ะดะฐ ะฑัะดะต ัััะดะฝะพ ะดะฐ ัะต ะบะพะฝัะธะณััะธัะฐ ะธ ะฝะฐัััะพะธ. React Router DOM ะธะทะธัะบะฒะฐ ะผะฝะพะณะพ ะบะพะฝัะธะณััะฐัะธั ะธ ะฝะฐัััะพะนะบะฐ, ะบะพะตัะพ ะผะพะถะต ะดะฐ ะพัะฝะตะผะต ะผะฝะพะณะพ ะฒัะตะผะต ะธ ะดะฐ ะต ัะปะพะถะฝะพ ะทะฐ ัะฐะทัะฐะฑะพััะธัะธัะต, ะบะพะธัะพ ัะฐ ะฝะพะฒะธ ะฒ ะฑะธะฑะปะธะพัะตะบะฐัะฐ. ะัะฒะตะฝ ัะพะฒะฐ React Router DOM ะฝะตะฟัะตะบััะฝะฐัะพ ัะต ัะฐะทะฒะธะฒะฐ, ัะฐะบะฐ ัะต ัะฐะทัะฐะฑะพััะธัะธัะต ัััะฑะฒะฐ ะดะฐ ัะฐ ะฒ ะบัะฐะบ ั ะฝะฐะน-ะฝะพะฒะฐัะฐ ะฒะตััะธั, ะทะฐ ะดะฐ ะพัะธะณัััั ััะฒะผะตััะธะผะพัั ั ัะตั ะฝะธัะต ะฟัะธะปะพะถะตะฝะธั.