آموزش React Router
سید منصور عمرانی
شابک: 5-88-8201-600-978
React فریمورکی است که توسط فیسبوک ساخته شده و نحوهی ساخت برنامههای وب را دوباره تعریف نموده است. React Router کتابخانهای مبتنی بر React است که عملا به فریمورک مسیریابی برنامههای React تبدیل شده است.
1399
126
112,500 تومان
125,000 تومان
-
+
نوبت چاپ | one |
---|---|
ویرایش | one |
وزن | 300 گرم |
جلد | 1 از 1 |
موجود است؟ | بلی |
---|---|
چاپ شده است؟ | بلی |
در حال پیش فروش است؟ | خیر |
کتاب الکترونیکی است؟ | خیر |
در جدیدترین نسخهی React Router یعنی نسخهی 4، این کتابخانه از نو بازنویسی شده و امکان میدهد بتوانید مسیریابی را به صورت اظهاری یا declarative مدیریت کنید. در این کتاب نحوهی استفاده از react-router در انواع مختلف برنامههای React یعنی برنامههای وب (react) و موبایل (React Native) آموزش داده میشود. همچنین این کتاب موضوعاتی مانند مسیریابی سمت سرور و یکپارچهسازی با Redux را هم پوشش میدهد.
این کتاب برای چه کسی است؟
این کتاب برای برنامهنویسان وب و موبایلی است که برای درست کردن برنامههای خود از React و React Router استفاده میکنند. برای درک مفاهیم کتاب کمی آشنایی قبلی با React و زبان جاوااسکریپت مفید خواهد بود.
فصل 1. معرفی React Router و ایجاد نخستین مسیر برنامه 11
مرور سریعی بر React 12
معماری کمپوننت-محور در React 13
ایجاد یک کمپوننت React 15
معرفی React-Router 16
شروع کار با React-Router 17
افزودن کتابخانهی React-Router 20
تعریف مسیر برای برنامه 20
خلاصه 23
فصل 2. پیکربندی مسیرهای برنامه با استفاده از کمپوننت Route 25
خصوصیتهای کمپوننت Route 25
خصوصیت exact 26
خصوصیت strict 27
خصوصیت sensitive 27
رندر کردن درون خطی با استفاده از خصوصیت render 28
رندر کردن درون خطی با استفاده از خصوصیت children 28
مشخصات مسیر جاری 29
شی تاریخچه یا History 29
شی location 30
شی match 31
مسیرهای پارامتری 32
اجباری/اختیاری بودن پارامترها 33
پارامترهای با نام متغیر 34
مسیرهای تو در تو و مسیریابی داینامیک 34
تعریف داینامیک مسیرها به صورت JSON 38
خلاصه 39
فصل 3. استفاده از کمپوننتهای Link و NavLink برای ایجاد لینک به مسیرهای برنامه 41
خصوصیت replace 42
خصوصیت innerRef 43
خصوصیت to 43
خصوصیت activeClassName 45
خصوصیت activeStyle 46
خصوصیت exact 46
خصوصیت strict 46
خصوصیت isActive 47
خصوصیت location 47
پرش به مسیرهای تو در تو 48
هدایت کاربر به یک مسیر از طریق برنامهنویسی با استفاده از history 49
استفاده از کمپوننت رتبه بالای withRouter 50
فصل 4. کمپوننت Redirect و Switch 55
ویژگی to 56
ویژگی push 58
محافظت از مسیرها و تصدیق هویت 58
برگرداندن کاربر به مسیر قبلی پس از ورود 60
تعریف صفحهی 404 – Page Not Found 63
هدایت کاربر از مسیر قدیمی به مسیر جدید 64
خلاصه 65
فصل 5. کمپوننت Router و پیکربندی BrowserRouter و HashRouter 67
پکیج react-router 69
پکیج react-router-dom 70
خصوصیت basename 72
خصوصیت forceRefresh 72
خصوصیت keyLength 72
خصوصیت getUserConfirmation 73
نمایش یک دیالوگ پیام شخصی با استفاده از getUserConfirmation 75
خصوصیت hashType 79
خلاصه 80
فصل 6. استفاده از StaticRouter در برنامههای React سمت سرور 81
انجام SSR در برنامههای React با استفاده از Node.js و Express.js 81
نصب وابستگیها 81
پیکربندی Webpack 82
برنامهی سمت سرور 84
درخواست تطابق URL با matchPath 88
خصوصیت context در StaticRouter 91
ایجاد برنامههای ایزومورف یا همشکل 92
تنظیمات Webpack 94
تنظیمات سمت سرور 95
خلاصه 96
فصل 7. استفاده از NativeRouter در برنامهی React Native 97
استفاده از NativeRouter در یک برنامهی React Native 97
ایجاد یک پروژهی جدید با استفاده از create-react-native-app 98
افزودن کمپوننت NativeRouter
کمپوننت NativeRouter
خصوصیت initialEntries 104
خصوصیت initialIndex 105
کمپوننتBackButton
ایجاد deeplink با استفاده از DeepLinking
Eject کردن برنامهی create-react-native-app 107
افزودن کمپوننت DeepLinking110
خلاصه 111
فصل 8. مقیدسازی به Redux با استفاده از connected-react-router 113
مدیریت وضعیت با Redux 113
اکشنها 113
Reducer ها 114
انباره یا Store 115
استفاده از Redux در React 115
شروع کار با connected-react-router 118
خواندن اطلاعات وضعیت از انبارهی Redux 120
پیمایش با گسیل داشتن اکشنها 122
مرور سریعی بر React 12
معماری کمپوننت-محور در React 13
ایجاد یک کمپوننت React 15
معرفی React-Router 16
شروع کار با React-Router 17
افزودن کتابخانهی React-Router 20
تعریف مسیر برای برنامه 20
خلاصه 23
فصل 2. پیکربندی مسیرهای برنامه با استفاده از کمپوننت Route 25
خصوصیتهای کمپوننت Route 25
خصوصیت exact 26
خصوصیت strict 27
خصوصیت sensitive 27
رندر کردن درون خطی با استفاده از خصوصیت render 28
رندر کردن درون خطی با استفاده از خصوصیت children 28
مشخصات مسیر جاری 29
شی تاریخچه یا History 29
شی location 30
شی match 31
مسیرهای پارامتری 32
اجباری/اختیاری بودن پارامترها 33
پارامترهای با نام متغیر 34
مسیرهای تو در تو و مسیریابی داینامیک 34
تعریف داینامیک مسیرها به صورت JSON 38
خلاصه 39
فصل 3. استفاده از کمپوننتهای Link و NavLink برای ایجاد لینک به مسیرهای برنامه 41
خصوصیت replace 42
خصوصیت innerRef 43
خصوصیت to 43
خصوصیت activeClassName 45
خصوصیت activeStyle 46
خصوصیت exact 46
خصوصیت strict 46
خصوصیت isActive 47
خصوصیت location 47
پرش به مسیرهای تو در تو 48
هدایت کاربر به یک مسیر از طریق برنامهنویسی با استفاده از history 49
استفاده از کمپوننت رتبه بالای withRouter 50
فصل 4. کمپوننت Redirect و Switch 55
ویژگی to 56
ویژگی push 58
محافظت از مسیرها و تصدیق هویت 58
برگرداندن کاربر به مسیر قبلی پس از ورود 60
تعریف صفحهی 404 – Page Not Found 63
هدایت کاربر از مسیر قدیمی به مسیر جدید 64
خلاصه 65
فصل 5. کمپوننت Router و پیکربندی BrowserRouter و HashRouter 67
پکیج react-router 69
پکیج react-router-dom 70
خصوصیت basename 72
خصوصیت forceRefresh 72
خصوصیت keyLength 72
خصوصیت getUserConfirmation 73
نمایش یک دیالوگ پیام شخصی با استفاده از getUserConfirmation 75
خصوصیت hashType 79
خلاصه 80
فصل 6. استفاده از StaticRouter در برنامههای React سمت سرور 81
انجام SSR در برنامههای React با استفاده از Node.js و Express.js 81
نصب وابستگیها 81
پیکربندی Webpack 82
برنامهی سمت سرور 84
درخواست تطابق URL با matchPath 88
خصوصیت context در StaticRouter 91
ایجاد برنامههای ایزومورف یا همشکل 92
تنظیمات Webpack 94
تنظیمات سمت سرور 95
خلاصه 96
فصل 7. استفاده از NativeRouter در برنامهی React Native 97
استفاده از NativeRouter در یک برنامهی React Native 97
ایجاد یک پروژهی جدید با استفاده از create-react-native-app 98
افزودن کمپوننت NativeRouter
کمپوننت NativeRouter
خصوصیت initialEntries 104
خصوصیت initialIndex 105
کمپوننتBackButton
ایجاد deeplink با استفاده از DeepLinking
Eject کردن برنامهی create-react-native-app 107
افزودن کمپوننت DeepLinking110
خلاصه 111
فصل 8. مقیدسازی به Redux با استفاده از connected-react-router 113
مدیریت وضعیت با Redux 113
اکشنها 113
Reducer ها 114
انباره یا Store 115
استفاده از Redux در React 115
شروع کار با connected-react-router 118
خواندن اطلاعات وضعیت از انبارهی Redux 120
پیمایش با گسیل داشتن اکشنها 122
# | موضوع | عنوان | توضیح | دانلود |
---|---|---|---|---|
1 | نمونه pdf | صفحات آغازین کتاب | دانلود |
امتیاز
ثبت نظر/پرسش/پیشنهاد
کتابهای مرتبط
احتمالا دوست داشته باشید