React Router
مسیریابی (React Router) 🗺️
React به خودی خود سیستم مسیریابی ندارد. استاندارد صنعت برای این کار کتابخانه react-router-dom است.
کامپوننتهای اصلی
BrowserRouter: کل اپ را در بر میگیرد.RoutesوRoute: تعریف مسیرها.Link: جایگزین تگaبرای جابجایی بدون رفرش.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
در این بخش یاد گرفتید که چگونه منطق برنامه را کنترل کنید و ظاهر آن را تغییر دهید. ترکیب قدرت جاوااسکریپت با انعطافپذیری CSS در React به شما اجازه میدهد تجربههای کاربری خلاقانهای بسازید.
<hr style="margin: 50px 0; border: 0; border-top: 2px dashed #61dafb;">مدیریت وضعیت (State Management) 🧠
در React، دادهها همیشه از بالا به پایین (Top-Down) جریان دارند. اما وقتی برنامهها پیچیده میشوند، مدیریت این جریان دشوار میشود. اینجاست که ابزارهایی مثل Context API و Redux وارد میشوند.
تمرینهای عملی
برای تثبیت یادگیری این درس تمرینهای زیر را حل کنید
یک لینک به صفحه '/about' با متن 'About' بسازید.
<Link to="/about">About</Link>آماده رفتن به درس بعدی هستید؟
این درس را به پایان رساندید و میتوانید به درس بعدی بروید.