قیمت این دوره: 2,000,000 900,000 تومان
  • مدرس دوره : علی شهباز
  • تعداد ویدیوها : 116 ویدیو
  • مدت زمان دوره : 18:34:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : در حال برگزاری
  • تاریخ آخرین بروزرسانی : 1404/02/14
ثبتـــ نام در این دوره ثبت نام در دوره
مسترکلاس React Router V7

مسترکلاس React Router V7

سلام!

به مسترکلاس React Router v7 خوش آمدید؛ دوره‌ای جامع و کاربردی که شما را با ورژن جدید این ابزار قدرتمند آشنا می‌کند. React Router، با بهبودها و ویژگی‌های نوآورانه در ورژن هفتم، تجربه مدیریت مسیرها در برنامه‌های React را به سطحی بی‌نظیر ارتقا داده است.

در این دوره، نه‌ تنها اصول اولیه را مرور می‌کنیم، بلکه به بررسی ویژگی‌های جدید و پیشرفته React Router v7 می‌پردازیم، از جمله:

ادغام با قابلیت‌های جدید: React 18  از جمله Suspense برای بهبود تجربه کاربری.

بهبود مدیریت داده‌ها: الگوهای جدید برای واکشی و مدیریت آسان‌تر داده‌ها.

کنترل پیشرفته خطاها: امکان مدیریت و رفع سریع‌تر مشکلات در سطح مسیرها.

بهبود ارسال Form : توانایی ارایه فرم های سنتی بدون تکیه بر جاوااسکریپت

یکپارچگی با: TypeScript  ایمنی نوعی بهبودیافته برای کدنویسی سریع‌تر و مطمئن‌تر.

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

پس آماده باشید تا با هم سفری جذاب و آموزنده به دنیای React Router v7 را آغاز کنیم!

 

آنچه در این دوره خواهید آموخت:

مروری بر React Router v6:

بررسی ویژگی‌ها و محدودیت‌های ورژن قبلی.

 

آشنایی با React Router v7:

درک تفاوت‌ها با ورژن جدید.

معرفی قابلیت‌های جدید و بهبودهای اعمال‌شده.

نحوه ارتقاء پروژه‌ها از نسخه 6 به 7.

 

استفاده از React Router v7 در فریمورک‌ها:

معرفی فریمورک React Router

معرفی قابلیت‌های جدید  و بهترین شیوه‌ها برای پیاده‌سازی در پروژه‌های واقعی.

 

چرا باید این دوره را بگذرانید؟

React Router v7 با ارائه ویژگی‌های پیشرفته، تجربه توسعه‌دهندگان را بهبود می‌بخشد و امکانات بیشتری برای مدیریت مسیرها فراهم می‌کند.

با شرکت در این مسترکلاس، مهارت‌های خود را به‌روز کرده و آماده استفاده از آخرین فناوری‌ها در پروژه‌های خود خواهید بود.

 

سرفصل های دوره

آموزش React Router V6
آموزش کتابخانه React Router V7
آموزش فریمورک React Router V7


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

  1. ReactJS

فهرستـــ ویدیوها

مدت زمان دوره 18:34:00
00:00
00:00

  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1

  • معرفی مستر کلاس React Router V7

00:03:57

معرفی مستر کلاس React Router V7

2

  • چرا باید React Router را یاد بگیریم؟

00:14:27

چرا باید React Router را یاد بگیریم؟

3

  • توضیحات دوره (پیشنیاز ، سورس کدها و ...)

00:06:55

توضیحات دوره (پیشنیاز ، سورس کدها و ...)

4

  • مفاهیم اصلی (Main Concepts) React Router

00:21:15

مفاهیم اصلی (Main Concepts) React Router

5

  • نصب و راه اندازی NodeJS

00:04:16

نصب و راه اندازی NodeJS

6

  • نصب و راه اندازی VSCode (قسمت اول)

00:07:17

نصب و راه اندازی VSCode (قسمت اول)

7

  • نصب و راه اندازی VSCode (قسمت دوم)

00:15:14

نصب و راه اندازی VSCode (قسمت دوم)

8

  • نصب و راه اندازی Cursor

00:04:01

نصب و راه اندازی Cursor

9

  • راه اندازی API پروژه (قسمت اول)

00:24:29

راه اندازی API پروژه (قسمت اول)

10

  • راه اندازی API پروژه (قسمت دوم)

00:04:24

راه اندازی API پروژه (قسمت دوم)

11

  • راهنمای شروع سرفصل اول

00:12:56

راهنمای شروع سرفصل اول

12

  • نصب و راه اندازی پروژه سرفصل اول React Router

00:11:54

نصب و راه اندازی پروژه سرفصل اول React Router

13

  • (سرفصل اول) آموزش Router ها در React Router

00:14:21

(سرفصل اول) آموزش Router ها در React Router

14

  • (سرفصل اول) تعریف مسیرها در React Router

00:12:21

(سرفصل اول) تعریف مسیرها در React Router

15

  • (سرفصل اول) Navigate و صفحه 404 در React Router

00:10:22

(سرفصل اول) Navigate و صفحه 404 در React Router

16

  • (سرفصل اول) تکمیل پروژه

00:11:21

پیاده سازی copyRight و ThemeSwitcher

17

  • (سرفصل اول) آموزش Link در React Router

00:08:32

(سرفصل اول) آموزش Link در React Router

18

  • (سرفصل اول) آموزش NavLink در React Router

00:10:52

(سرفصل اول) آموزش NavLink در React Router

19

  • (سرفصل اول) تکمیل Navbar پروژه

00:09:45

(سرفصل اول) تکمیل Navbar پروژه

20

  • (سرفصل اول) آموزش هوک useLocation در React Router

00:05:52

(سرفصل اول) آموزش هوک useLocation در React Router

21

  • (سرفصل اول) آموزش useNavigationType و useNavigate در React Router

00:06:48

(سرفصل اول) آموزش useNavigationType و useNavigate در React Router

22

  • (سرفصل اول) تکمیل صفحه HomePage پروژه

00:05:48

(سرفصل اول) تکمیل صفحه HomePage پروژه

23

  • (سرفصل اول) تکمیل صفحه Login و Signup پروژه

00:13:29

(سرفصل اول) تکمیل صفحه Login و Signup پروژه قسمت اول

24

  • (سرفصل اول) تکمیل صفحه Login و Signup پروژه

00:07:17

(سرفصل اول) تکمیل صفحه Login و Signup پروژه قسمت دوم

25

  • (سرفصل اول) تکمیل صفحه ContactUs پروژه

00:18:33

(سرفصل اول) تکمیل صفحه ContactUs پروژه

26

  • (سرفصل اول) پیاده سازی useAuth

00:19:44

(سرفصل اول) پیاده سازی useAuth

27

  • (سرفصل اول) آموزش Nested Routes در React Router

00:06:12

(سرفصل اول) آموزش Nested Routes در React Router

28

  • (سرفصل اول) آموزش Nested Routes در React Router

00:02:02

(سرفصل اول) آموزش Nested Routes در React Router

29

  • (سرفصل اول) آموزش Nested Routes در React Router

00:10:46

(سرفصل اول) آموزش Nested Routes در React Router

30

  • (سرفصل اول) آموزش نکات تکمیلی React Router

00:13:29

(سرفصل اول) آموزش نکات تکمیلی React Router نکات تکمیلی درباره Link و Routev

31

  • (سرفصل اول) آموزش Nested Routes در React Router

00:07:26

(سرفصل اول) آموزش Nested Routes در React Router

32

  • (سرفصل اول) تعریف مسیرها صفحه Todo در React Router

00:06:42

(سرفصل اول) تعریف مسیرها صفحه Todo در React Router

33

  • (سرفصل اول) تکمیل صفحه Todo Layout پروژه

00:11:28

(سرفصل اول) تکمیل صفحه Todo Layout پروژه

34

  • (سرفصل اول) آموزش Query string در React Router

00:14:13

(سرفصل اول) آموزش Query String در React Router

35

  • (سرفصل اول) آموزش Query string در React Router

00:03:59

(سرفصل اول) آموزش Query string در React Router

36

  • (سرفصل اول) آموزش outlet و useOutelt و useOutletContext در React Router

00:11:02

(سرفصل اول) آموزش outlet و useOutelt و useOutletContext در React Router

37

  • (سرفصل اول) تکمیل صفحه Todo Index پروژه

00:07:52

(سرفصل اول) تکمیل صفحه Todo Index پروژه

38

  • (سرفصل اول) تکمیل صفحه Todo Index پروژه

00:17:16

(سرفصل اول) تکمیل صفحه Todo Index پروژه

39

  • (سرفصل اول) آموزش Dynamic Routes در React Router

00:05:23

(سرفصل اول) آموزش Dynamic Routes در React Router

40

  • (سرفصل اول) آموزش Dynamic Routes در React Router

00:09:22

(سرفصل اول) آموزش Dynamic Routes در React Router

41

  • (سرفصل اول) تکمیل صفحه Todo Details Page پروژه

00:16:44

(سرفصل اول) تکمیل صفحه Todo Details Page پروژه

42

  • (سرفصل اول) آموزش Optional Routes در React Router

00:02:58

(سرفصل اول) آموزش Optional Routes در React Router

43

  • (سرفصل اول) آموزش Splat Routes در React Router

00:05:13

(سرفصل اول) آموزش Splat Routes در React Router

44

  • (سرفصل اول) تکمیل صفحه Todo پروژه

00:07:47

(سرفصل اول) تکمیل صفحه Todo پروژه

45

  • (سرفصل اول) تکمیل صفحه Todo پروژه

00:10:22

(سرفصل اول) تکمیل صفحه Todo پروژه

46

  • (سرفصل اول) تکمیل صفحه Todo پروژه

00:08:13

(سرفصل اول) تکمیل صفحه Todo پروژه

47

  • (سرفصل اول) تکمیل صفحه Todo Createپروژه

00:13:33

(سرفصل اول) تکمیل صفحه Todo Createپروژه

48

  • (سرفصل اول) تکمیل صفحه Todo Createپروژه

00:28:13

(سرفصل اول) تکمیل صفحه Todo Createپروژه

49

  • (سرفصل اول) تکمیل صفحه Todo Createپروژه

00:28:13

(سرفصل اول) تکمیل صفحه Todo Createپروژه

50

  • (سرفصل اول) پیاده سازی Protected Routes

00:08:33

(سرفصل اول) پیاده سازی Protected Routes

51

  • (سرفصل اول) آموزش useHref و useResolvedPath و useMatch

00:07:44

(سرفصل اول) آموزش useHref و useResolvedPath و useMatch

52

  • (سرفصل اول) آموزش useHref و useResolvedPath و useMatch

00:07:44

(سرفصل اول) آموزش useHref و useResolvedPath و useMatch

53

  • (سرفصل اول) آموزش هوک useRoutes در React Router

00:05:44

(سرفصل اول) آموزش هوک useRoutes در React Router

54

  • راهنمای شروع سرفصل دوم

00:06:13

راهنمای شروع سرفصل دوم

55

  • (سرفصل دوم) معرفی React Router V7

00:03:38

(سرفصل دوم) معرفی React Router V7

56

  • (سرفصل دوم) نصب و راه اندازی پروژه React Router V7

00:20:55

(سرفصل دوم) نصب و راه اندازی پروژه React Router V7

57

  • (سرفصل دوم) تعریف مسیرها در React Router V7

00:11:13

(سرفصل دوم) تعریف مسیرها در React Router V7

58

  • (سرفصل دوم) آموزش Router ها در React Router V7

00:05:16

(سرفصل دوم) آموزش Router ها در React Router V7

59

  • (سرفصل دوم) آموزش createRoutesFromElements و createRoutesFromChildren

00:08:01

(سرفصل دوم) آموزش createRoutesFromElements و createRoutesFromChildren

60

  • (سرفصل دوم) نکات تکمیلی تعریف مسیر در React Router V7

00:06:22

(سرفصل دوم) نکات تکمیلی تعریف مسیر در React Router V7

61

  • (سرفصل دوم) معرفی قابلیت های Route

00:04:53

(سرفصل دوم) معرفی قابلیت های Route

62

  • (سرفصل دوم) آموزش Nested Routes

00:06:58

(سرفصل دوم) آموزش Nested Routes

63

  • (سرفصل دوم) آموزش Dynamic Routes

00:15:14

(سرفصل دوم) آموزش Dynamic Routes

64

  • (سرفصل دوم) آموزش تابع loader

00:07:15

(سرفصل دوم) آموزش تابع loader

65

  • (سرفصل دوم) آموزش تابع loader

00:08:03

(سرفصل دوم) آموزش تابع loader

66

  • (سرفصل دوم) تکمیل صفحه ContactUs پروژه

00:05:22

(سرفصل دوم) تکمیل صفحه ContactUs پروژه

67

  • (سرفصل دوم) تکمیل صفحه Todo Layout پروژه

00:03:19

(سرفصل دوم) تکمیل صفحه Todo Layout پروژه

68

  • (سرفصل دوم) تکمیل صفحه Todo Indexپروژه

00:11:43

(سرفصل دوم) تکمیل صفحه Todo Indexپروژه

69

  • (سرفصل دوم) تکمیل صفحه Todo Details پروژه

00:05:57

(سرفصل دوم) تکمیل صفحه Todo Details پروژه

70

  • (سرفصل دوم) آموزش هوک useRouteLoaderData

00:07:52

(سرفصل دوم) آموزش هوک useRouteLoaderData

71

  • (سرفصل دوم) آموزش تابع loader

00:02:26

(سرفصل دوم) آموزش تابع loader

72

  • (سرفصل دوم) آموزش هوک useRevalidator

00:09:13

(سرفصل دوم) آموزش هوک useRevalidator

73

  • (سرفصل دوم) آموزش Pending UI و هوک useNavigation

00:13:23

(سرفصل دوم) آموزش Pending UI و هوک useNavigation

74

  • (سرفصل دوم) آموزش هوک useInRouterContext

00:02:43

(سرفصل دوم) آموزش هوک useInRouterContext

75

  • (سرفصل دوم) آموزش ScrollRestoration

00:09:31

(سرفصل دوم) آموزش ScrollRestoration

76

  • (سرفصل دوم) آموزش errorElement

00:06:23

(سرفصل دوم) آموزش errorElement

77

  • (سرفصل دوم) آموزش هوک useRouteError

00:04:56

(سرفصل دوم) آموزش هوک useRouteError

78

  • (سرفصل دوم) آموزش مدیریت خطا در Nested Routes

00:10:17

(سرفصل دوم) آموزش مدیریت خطا در Nested Routes

79

  • (سرفصل دوم) نکات تکمیلی errorElement

00:14:11

(سرفصل دوم) نکات تکمیلی errorElement

80

  • (سرفصل دوم) آموزش handle

00:01:43

(سرفصل دوم) آموزش handle

81

  • (سرفصل دوم) آموزش handle و هوک useMatches

00:03:49

(سرفصل دوم) آموزش handle و هوک useMatches

82

  • (سرفصل دوم) آموزش handle

00:06:34

(سرفصل دوم) آموزش handle

83

  • (سرفصل دوم) آموزش handle و پیاده سازی Breadcrumbs

00:09:09

(سرفصل دوم) آموزش handle و پیاده سازی Breadcrumbs

84

  • (سرفصل دوم) آموزش Form و تابع Action

00:11:46

(سرفصل دوم) آموزش Form و تابع Action

85

  • (سرفصل دوم) آموزش Form و تابع Action

00:18:35

(سرفصل دوم) آموزش Form و تابع Action

86

  • (سرفصل دوم) پیاده سازی Protected Routes

00:05:54

(سرفصل دوم) پیاده سازی Protected Routes

87

  • (سرفصل دوم) آموزش redirectDocument

00:02:35

(سرفصل دوم) آموزش redirectDocument

88

  • (سرفصل دوم) آموزش Form و تابع Action

00:16:35

(سرفصل دوم) آموزش Form و تابع Action

89

  • (سرفصل دوم) آموزش هوک useSubmit

00:06:21

(سرفصل دوم) آموزش هوک useSubmit

90

  • (سرفصل دوم) آموزش shouldRevalidate

00:07:03

(سرفصل دوم) آموزش shouldRevalidate

91

  • (سرفصل دوم) آموزش هوک useFetcher

00:09:30

(سرفصل دوم) آموزش هوک useFetcher

92

  • (سرفصل دوم) آموزش هوک useFetcher

00:13:34

(سرفصل دوم) آموزش هوک useFetcher

93

  • (سرفصل دوم) آموزش هوک useFetcher

00:12:09

(سرفصل دوم) آموزش هوک useFetcher

94

  • (سرفصل دوم) آموزش Await

00:07:11

(سرفصل دوم) آموزش Await

95

  • (سرفصل دوم) پیاده سازی Custom NavLink

00:13:13

(سرفصل دوم) پیاده سازی Custom NavLink

96

  • راهنمای شروع سرفصل سوم

00:03:25

راهنمای شروع سرفصل سوم

97

  • (سرفصل سوم) نصب و راه اندازی پروژه فریمورک React Router

00:09:03

(سرفصل سوم) نصب و راه اندازی پروژه فریمورک React Router

98

  • (سرفصل سوم) ساختار فایل ها و فولدرهای فریمورک React Router

00:07:30

(سرفصل سوم) ساختار فایل ها و فولدرهای فریمورک React Router

99

  • (سرفصل سوم) فایل (js.) react-router.config.ts

00:07:32

(سرفصل سوم) فایل (js.) react-router.config.ts

100

  • (سرفصل سوم) دایرکتوری app

00:09:50

(سرفصل سوم) دایرکتوری app

101

  • (سرفصل سوم) تعریف مسیر در فریمورک React Router

00:12:43

(سرفصل سوم) تعریف مسیر در فریمورک React Router

102

  • (سرفصل سوم) تعریف مسیر در فریمورک React Router

00:06:09

(سرفصل سوم) تعریف مسیر در فریمورک React Router

103

  • (سرفصل سوم) آموزش تابع links

00:08:31

(سرفصل سوم) آموزش تابع links

104

  • (سرفصل سوم) آموزش تابع meta

00:05:06

(سرفصل سوم) آموزش تابع meta

105

  • (سرفصل سوم) تکمیل صفحه HomePage

00:10:47

(سرفصل سوم) تکمیل صفحه HomePage

106

  • (سرفصل سوم) تکمیل Navbar و Copyright

00:08:14

(سرفصل سوم) تکمیل Navbar و Copyright

107

  • (سرفصل سوم) آموزش توابع loader و clientLoader

00:12:53

(سرفصل سوم) آموزش توابع loader و clientLoader

108

  • (سرفصل سوم) تکمیل صفحه ContactUs

00:07:07

(سرفصل سوم) تکمیل صفحه ContactUs

109

  • (سرفصل سوم) آموزش تابع HydrateFallback

00:05:47

(سرفصل سوم) آموزش تابع HydrateFallback

110

  • (سرفصل سوم) آموزش توابع action و clientAction

00:08:57

(سرفصل سوم) آموزش توابع action و clientAction

111

  • (سرفصل سوم) آموزش توابع action و clientAction

00:05:00

(سرفصل سوم) آموزش توابع action و clientAction

112

  • (سرفصل سوم) آموزش Sessions and Cookies

00:21:08

(سرفصل سوم) آموزش Sessions and Cookies

113

  • (سرفصل سوم) آموزش Sessions and Cookies

00:20:05

(سرفصل سوم) آموزش Sessions and Cookies

114

  • (سرفصل سوم) پیاده سازی Protected Routes

00:05:23

(سرفصل سوم) پیاده سازی Protected Routes

115

  • (سرفصل سوم) مدیریت خطا ErrorBoundary

00:08:58

(سرفصل سوم) مدیریت خطا ErrorBoundary

116

  • (سرفصل سوم) تکمیل صفحه Todo

00:08:53

(سرفصل سوم) تکمیل صفحه Todo

اینستاگرام
تلگرام

نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .