آشنای با React-Router

مدرس : حسام موسوی
زمان این قسمت : 30:40

برای دسترسی به این قسمت نیاز است عضو سایت باشید و وارد سایت شوید
توضیحات

در این جلسه با روش استفاده از پکیج React-Router در Reactjs آشنا میشیم و این ابزار رو در پروژه امون مورد استفاده قرار میدیم . این ابزار به شما کمک میکنه که Route های مختلفی رو پیاده سازی کنید و پروژتون رو به یک سایت حرفه ای تبدیل و در هر Route یک کامپونتت رو لود کنید . 

آموزش ReactJs زمان کل دوره : 06:30:42
1
معرفی ReactJs رایگان
12:45
3
آشنایی با JSX رایگان
18:30
19:04
5
کار با props رایگان
15:50
30:40
30:57
12
کار با propTypes رایگان
13:50
13
07:31
14
21:06
15
15:15
17
کار با mixin ها رایگان
11:07
19
16:53
14:26

دورهای پیشنهادی

مشاهده همه دوره ها
آموزش پروژه محور React Native تکمیل شده

React native یک فریم ورک جاوا اسکریپت برای ساختن برنامه های موبایلِ native است. این فریم ورک از فریم ورکِ React استفاده می کنه و APIها و کامپوننت های...

آموزش webpack تکمیل شده

در این دوره قصد دارم webpack که یک module bundler برای جاوا اسکریپت هست رو به شما آموزش بدم . حالا module bundler چیه ؟ در جاوا اسکریپت همیشه احساس نی...

آموزش gulpjs تکمیل شده

انجام پروژه ها به شکل سریعتر و بهتر مطمئنا برای هر شخص و تیمی از مهمترین اولویت هاست. در این زمینه هر روزه ابزارها و روش های مختلفی معرفی می شود. در ا...

آموزش 1 Vue.js تکمیل شده

vuejs یک فریمورک جاوا اسکریپت است ، که زمان زیادی از معرفی آن نمی گذرد اما طی همین زمان ، دارای محبوبیت خیلی زیادی شده است این محبوبیت به دلیل آسان تر...

دیدگاه های ارزشمند شما

برای ارسال نظر لازم است ابتدا وارد سایت شوید
amir | 17 ساعت پیش

ببخشید منظورتون از به صورت فایل برنگردونید یعنی چی؟

amir | 3 روز پیش

سلام ببخشید این پیغام یعنی چی؟
[react-router] Location "/C:/Users/jalil/Desktop/ProjectAmir/index.html" did not match any routes

حسام موسوی | 3 روز پیش

هیچ route مرتبطی پیدا نشد
احتمالا درست پیاده سازی نکردید اونطوری که گفته شد
در دوره هم گفتم پروژه رو به صورت یه فایل برنگردونید اما شما دارید بصورت فایل بر میگردونید

C:/Users/jalil/Desktop/ProjectAmir/index.html

حسام موسوی | 14 ساعت پیش

منظورم اینکه مثل حالتی که ما اجرا کردیم بصورت

http://localhost:8000

یا پورت های دیگه باید اجرا کنید

amir | 5 روز پیش

سلام جناب موسوی ممنون از آموزش های عالیتون من هم از نرم افزار اتم استفاده می کنیم میشه بگید چگونه باید تنظیم کنم که مثلا تگ <h1> رو که میگذارم خودش ببنده یا وقتی می نویسم prevent بقیه ی این تابع که default هست رو بیاره مال من اینطوری نیست از کجا باید تنظیم کنم؟

حسام موسوی | 5 روز پیش

با سلام باید فرمت jsx رو بصورت پلاگین برای اتم نصب کنید از بخش پلاگین ها دنبال این موضوع بگردید

Saeed | 1 ماه پیش

سلام

دلیلی استفاده key ها به این صورت چیه ؟ "morepage:about"
چرا از دو نقطه : استفاده کردین ؟

حسام موسوی | 1 ماه پیش

سلام
اگر دلیل خاصی داشت گفته میشد
بیشتر برای خوانایی بهتر کد ها هست که بفهمیم داستان این صفحه چیه

masoud | 2 ماه پیش

مهندس تو رو خدا کمک کن تو ورژن 4 router نمیشه چند تا چند تا روت رو با هم تعریف کرد ارور میده تو اینترنت هم خیلی سرچ کردم باید چی کار کنم

از این هم استفاده کردم نشد






حسام موسوی | 2 ماه پیش

چندتا چندتا منظورتون چیه دقیقا
هر چیزی که نیاز باشه تو خود مستندات ورژن جدید react-router هست

masoud | 2 ماه پیش

ممنون از لینک زیر تونستم راه حلش رو پیدا کنم

https://medium.com/@pshrmn/a-simple-react-router-v4-tutorial-7f23ff27adf

مهندس یه سوال دیگه اینکه چطور میشه از React js در لاراول استفاده کرد?

حسام موسوی | 2 ماه پیش

راهی که پیشنهاد میکنم اینکه بصورت api این ارتباط رو بوجود بیارید .

masoud | 2 ماه پیش

اگه میشه دور آموزشی این کار رو هم بسازید

حسام موسوی | 2 ماه پیش

خوب بصورت پروژه محور تو همین دوره گفتم
از یک api لاراول و درخواست ajax کامل توضیح دادم

masoud | 2 ماه پیش

من تا قسمت 10 این دوره رو دیدم ممنون از راهنمایتون

موفق باشید

sahar hossaini | 3 ماه پیش

سلام من از Project فلدرReact-Router استفاده کردم.
و ارور پایین رو میگیرم:

(0 , _history2.default) is not a function
at Object.1012../App/About

package.js:
"dependencies": {
"antd": "^2.5.3",
"react-router": "^4.1.1",
}

حسام موسوی | 3 ماه پیش

متاسفانه در ورژن جدید reactjs این مورد به کلی حذف شده و برای پیاده سازی کردن این موضوع باید از کتابخونه History بصورت جدا استفاده کنید که توضیحاتش فک کنم در سایت reactjs قرار داشته باشه