آموزش شروع به کار با React Router 4: یک برنامه تک صفحه ای ایجاد کنید
Getting started with React Router 4: Create a single page application
در این کلاس، نحوه ایجاد یک برنامه تک صفحه ای با React و React Router را خواهید آموخت.
ابتدا، برنامه های کاربردی یک صفحه و مفهوم روتر را خواهید آموخت.
در مرحله بعد، با React Router، نحوه تنظیم آن و اجزای ضروری این کتابخانه برای ایجاد مسیرها، پیوندها، صفحات از اجزای React و صفحات یافت نشده آشنا خواهید شد.
در نهایت، با مسیرهای تودرتو و نحوه ساخت مسیرها با پارامترهای URL آشنا خواهید شد.
در پایان کلاس، دانش ایجاد برنامه های وب ساده React با React Router را خواهید داشت.
این کلاس برای مبتدیان طراحی شده است، تنها پیش نیاز آن دانش اولیه در مورد نحوه عملکرد React و نحوه ایجاد یک برنامه React است.
شما می توانید کد منبع پروژه آزمایشی را در این پیدا کنید.
با استفاده از Create React App و React Router، یک برنامه Single Page با (حداقل) ویژگی های زیر ایجاد کنید:
- صفحه اصلی
- صفحه دیگری با مقداری متن
- صفحه یافت نشد
- صفحه جزئیات اصلی با مسیرهای تودرتو (مقادیر می توانند به صورت سخت کدگذاری شوند). به عنوان مثال کاتالوگ محصولات، لیستی از پیام ها و غیره
این برنامه را می توان در CodeSandbox یا آپلود کرد تا دیگران بتوانند آن را بررسی کنند.
درس ها Lessons
-
جزء روتر The Router Component
-
استفاده از پارامترهای مسیر Using Route Parameters
-
اجزای Link و NavLink The Link and NavLink Components
-
مقدمه Introduction
-
اپلیکیشن های تک صفحه ای چیست؟ What are Single Page Applications?
-
راه اندازی اپلیکیشن React Setting up the React app
-
جزء مسیر The Route Component
-
افکار نهایی Final Thoughts
-
جزء سوئیچ The Switch Component
-
مسیرهای تو در تو Nested Routes
-
روتر واکنش React Router
-
ویژگی های رندر مسیر Route Render Properties
https://donyad.com/d/6e83
Esteban Herrera
چگونه می توانم به شما کمک کنم؟
استبان هررا بیش از دوازده سال تجربه در صنعت توسعه نرم افزار دارد. او در نقش‌ها و پروژه‌های زیادی کار کرده است، اما بیشتر در زمینه معماری و توسعه سیستم‌های سازمانی با جاوا و جاوا اسکریپت فعالیت کرده است.
اما او همچنین از برنامه نویسی در iOS، Android و VR/AR لذت می برد.
این روزها، او تمام وقت خود را صرف یادگیری چیزهای جدید، نوشتن مقاله، آموزش برنامه نویسی و لذت بردن از فرزندانش می کند
نمایش نظرات