ุชู… ุงู„ุญู„: ุฑุฏ ูุนู„ ุฌู‡ุงุฒ ุงู„ุชูˆุฌูŠู‡ ุจุงุณุชุฎุฏุงู… ุฃู†ู…ุงุท ู…ู† ุงู„ู…ุฌู„ุฏ ุงู„ุนุงู…

ุงู„ู…ุดูƒู„ุฉ ุงู„ุฑุฆูŠุณูŠุฉ ุงู„ู…ุชุนู„ู‚ุฉ ุจู€ React Router ุจุงุณุชุฎุฏุงู… ุฃู†ู…ุงุท ู…ู† ุงู„ู…ุฌู„ุฏ ุงู„ุนุงู… ู‡ูŠ ุฃู†ู‡ ู‚ุฏ ูŠูƒูˆู† ู…ู† ุงู„ุตุนุจ ุชุชุจุน ุงู„ุฃู†ู…ุงุท ูˆุงู„ุชุฃูƒุฏ ู…ู† ุชุทุจูŠู‚ู‡ุง ุจุดูƒู„ ุตุญูŠุญ. ู†ุธุฑู‹ุง ู„ุฃู† ุงู„ู…ุฌู„ุฏ ุงู„ุนุงู… ู„ูŠุณ ุฌุฒุกู‹ุง ู…ู† ุดุฌุฑุฉ ู…ูƒูˆู†ุงุช React ุŒ ูู‚ุฏ ูŠูƒูˆู† ู…ู† ุงู„ุตุนุจ ู…ุนุฑูุฉ ุงู„ุฃู†ู…ุงุท ุงู„ุชูŠ ูŠุชู… ุชุทุจูŠู‚ู‡ุง ูˆู…ุชู‰. ุจุงู„ุฅุถุงูุฉ ุฅู„ู‰ ุฐู„ูƒ ุŒ ุฅุฐุง ูƒุงู†ุช ู‡ู†ุงูƒ ู…ูƒูˆู†ุงุช ู…ุชุนุฏุฏุฉ ุชุณุชุฎุฏู… ู†ูุณ ุงู„ู†ู…ุท ู…ู† ุงู„ู…ุฌู„ุฏ ุงู„ุนุงู… ุŒ ูู‚ุฏ ูŠูƒูˆู† ู…ู† ุงู„ุตุนุจ ุชุตุญูŠุญ ุฃูŠุฉ ู…ุดูƒู„ุงุช ู‚ุฏ ุชุธู‡ุฑ.

ุชูุงุตูŠู„ ุฃูƒุซุฑ

ุชู… ุงู„ุญู„: ุฑุฏ ูุนู„ ุฌู‡ุงุฒ ุงู„ุชูˆุฌูŠู‡ ุจุงุณุชุฎุฏุงู… ุฃู†ู…ุงุท ุซุงุจุชุฉ

ุชุชู…ุซู„ ุงู„ู…ุดูƒู„ุฉ ุงู„ุฑุฆูŠุณูŠุฉ ุงู„ู…ุชุนู„ู‚ุฉ ุจุงุณุชุฎุฏุงู… ุงู„ุฃู†ู…ุงุท ุงู„ุซุงุจุชุฉ ู…ุน 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 ุจุงุณุชู…ุฑุงุฑ ุŒ ู„ุฐู„ูƒ ูŠุฌุจ ุนู„ู‰ ุงู„ู…ุทูˆุฑูŠู† ู…ูˆุงูƒุจุฉ ุฃุญุฏุซ ุฅุตุฏุงุฑ ู„ุถู…ุงู† ุงู„ุชูˆุงูู‚ ู…ุน ุชุทุจูŠู‚ุงุชู‡ู….

ุชูุงุตูŠู„ ุฃูƒุซุฑ