آموزش ساخت یک وب سایت با React و ASP.NET Core

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

معرفی نحوه ساخت برنامه های تک صفحه واکنش متصل Introducing How to Build Connected React Single Page Apps

• یادگیری واکنش با ASP.NET Core به عنوان Backend Learning React with ASP.NET Core as the Backend

• سه روش برای ادغام React و ASP.NET Core Three Techniques to Integrate React and ASP.NET Core

• کد منبع در GitHub Source Code on GitHub

ایجاد یک پیکربندی سفارشی وب پک برای React و Core Building a Custom Webpack Configuration for React and Core

• معرفی یکپارچه سازی سفارشی وب پک Introducing Custom Webpack Integration

• آموزش ساخت JavaScript Tools Learn the JavaScript Build Tools

• کار با webpack-dev-server را بیاموزید Learn to Work with webpack-dev-server

• React را وارد کنید و اولین کامپوننت را ایجاد کنید Bring in React and Create the First Component

• افزودن React Router به برنامه Adding React Router to the App

• به روزرسانی مثال به یک وب سایت کنفرانس Updating the Example to a Conference Web Site

• چرا انجام نشده و رندر سمت سرور Why You Are Not Done and Server Side Rendering

• تقسیم پیکربندی WebPack به دو Splitting the WebPack Config into Two

• اجرای اعتبارسنجی سمت سرور و URL Implementing Server Side Render and URL Validation

• با استفاده از ReactDOM.renderToString برای ایجاد HTML ثابت Using ReactDOM.renderToString to Generate the Static HTML

• یکپارچه سازی React با ASP.NET Core Integrating React with ASP.NET Core

• خلاصه Summary

یکپارچه سازی برنامه ایجاد واکنش در فیس بوک با ASP.NET Core Integrating Facebook’s create-react-app with ASP.NET Core

• معرفی برنامه ایجاد واکنش Introducing create-react-app

• شروع کار با ایجاد-واکنش-برنامه Getting Started with create-react-app

• ماژول همه مهم-واکنش-اسکریپت ها The All Important react-scripts Module

• یک نکته منفی درباره برنامه ایجاد واکنش نشان دهید Learn a Downside of create-react-app

• افزودن پیش پردازنده SASS CSS برای ایجاد-واکنش-برنامه Adding the SASS CSS Preprocessor to create-react-app

• یک برنامه React موجود را به برنامه ایجاد-واکنش-تبدیل کنید Convert an Existing React App to create-react-app

• اتصال سریع ایجاد-واکنش-ایجاد برنامه به ASP.NET Core Tightly Coupling create-react-app to ASP.NET Core

• خلاصه Summary

استفاده از الگوهای هسته ASP.NET مایکروسافت برای ساختن برنامه های واکنش دهنده Using Microsoft’s ASP.NET Core Templates to Build React Apps

• چرا باید از الگوهای Microsoft React استفاده کرد؟ Why Use the Microsoft React Templates?

• تغییر بزرگ الگو بزرگ در ASP.NET Core 2.1 Big React Template Change Coming in ASP.NET Core 2.1

• چرا مایکروسافت به ایجاد-واکنش-برنامه روی آورد Why Microsoft Switched to create-react-app

• Microsoft Templates and Server Side Rendering Microsoft Templates and Server Side Rendering

• نتیجه گیری در مورد Microsoft React Templates Conclusions Regarding Microsoft React Templates

برقراری تماسهای REST API از React به ASP.NET Core Making REST API Calls from React to ASP.NET Core

• مقدمه Introduction

• درباره Axios برای برقراری تماسهای REST بیشتر بدانید Learn About Axios for Making REST Calls

• پیاده سازی Axios برای بدست آوردن داده در مورد م Speakerلفه بلندگو Implementing Axios for Getting Data on the Speaker Component

• ایجاد اقدامات Redux و کاهش دهنده ها برای بارگذاری داده ها Creating Redux Actions and Reducers for Loading Data

• بیشتر بدانید در مورد Redux بلندگوی Redux Learning More About the Redux Speaker Reducer

• بیاموزید چگونه یک اقدام Redux داده های واکنش دهنده را به روز می کند Learn How a Redux Action Updates the React Components Data

• اشکال زدایی تغییرات دولت Redux با Chrome Dev Tools Debugging Redux State Changes with Chrome Dev Tools

• افزودن سرور JSON برای REST GETs ، PUTs ، POSTs و DELETE ها Adding JSON Server for REST GETs, PUTs, POSTs, and DELETEs

• ایجاد REST PUT (بروزرسانی) به سرور JSON Making REST PUT (Update) to the JSON Server

• افزودن جلسات ، سبک سازی و تعامل به برنامه وب Adding Sessions, Styling, and Interaction to the Web App

• پیاده سازی Axios برای بدست آوردن داده در مورد م Speakerلفه بلندگو Implementing Axios for Getting Data on the Speaker Component

• یکپارچه سازی سایت واکنش جدا شده در ASP.NET Core Integrating a Decoupled React Site to ASP.NET Core

• افزودن زمان توسعه فقط Middleware برای واکنش دادن به Redux Adding Development Time Only Middleware to React Redux

• خلاصه Summary

اجرای رندر سمت سرور که شامل تماس های REST است Implementing Server Side Rendering That Includes REST Calls

• معرفی یکپارچه سازی داده های REST در HTML ارائه دهنده سمت سرور Introducing Integrating REST Data into Server Side Rendering HTML

• طرح کلی برای افزودن REST Data به HTML Server ارائه شده Outlining the Plan for Adding REST Data to Server Rendered HTML

• جایگزینی عناصر مسیر با تعاریف اعلانی با استفاده از renderRoutes Replacing Route Elements with Declarative Definitions Using renderRoutes

• تحقق وعده ها در سرور Node Fulfilling Promises in the Node Server

• همگام سازی HTML ایجاد شده توسط سرور با JavaScript سمت سرویس گیرنده Syncing Server Side Generated HTML with Client Side JavaScript

• خلاصه Summary

جوانب مثبت و منفی استراتژی های ادغام Pros and Cons of the Integration Strategies

• مروری بر گزینه های ساختمان Overview of Building Choices

• راه حل الگو Microsoft React The Microsoft React Template Solution

• استفاده از برنامه ایجاد واکنش برای ساختن یک برنامه وب Using create-react-app to Build a Web App

• اضافه کردن REST به میکس Adding REST to the Mix

• افکار نهایی Final Thoughts