آموزش React: Server-Side Rendering (2018)

معرفی Introduction

• خوش آمدی Welcome

• آنچه شما باید بدانید What you should know

• با استفاده از پرونده های تمرینی Using the exercise files

1. راه اندازی 1. Setting Up

• SSR: چه ، چگونه و چرا؟ SSR: What, how, and why?

• ابزارهای Chrome و Firefox Chrome and Firefox tools

• کتابخانه ها و ابزارهای مورد نیاز را نصب کنید Install the required libraries and tools

2. برای ساخت SSR از Next.js استفاده کنید 2. Use Next.js to Build SSR

• معرفی Next.js با React Introducing Next.js with React

• م componentsلفه های اولیه را از الگو اضافه کنید Add initial components from template

• داده را برای وسایل اضافه کنید Add data for props

• فروشگاه و راه اندازی Redux را اضافه کنید Add Redux store and setup

• اقدامات Redux را اضافه کنید Add Redux actions

• گیرنده های Redux را اضافه کنید Add Redux reducers

• اجزای کلی را با Redux نهایی کنید Finalize overall components with Redux

3. رندر سمت سرور با Node 3. Server-Side Rendering with Node

• سرور Express و Next.js اولیه ایجاد کنید Create initial Express amd Next.js server

• صفحات ورودی را با یک مسیر اضافه کنید Add entry pages with single route

• چندین مسیر با Express و Next.js Multiple routes with Express and Next.js

4. تقسیم کد 4. Code Splitting

• تقسیم کد در Next.js Code splitting in Next.js

نتیجه Conclusion

• مراحل بعدی Next steps