آموزش ساخت یک برنامه در زمان واقعی با React ، Flux ، Webpack و Firebase

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

مقدمه Introduction

• خوش آمدی Welcome

• برنامه آزمایشی The Demo App

• A Breakdown of the Stack A Breakdown of the Stack

• خلاصه کردن Recap

محیط و ابزارها Environment and Tools

• مقدمه Introduction

• مبانی وب پک Webpack Basics

• ES بعدی با Webpack و Babel ESNext with Webpack and Babel

• استفاده از React with Webpack Using React with Webpack

• اشکال زدایی و بارگیری مجدد Debugging and Reloading

• مجموعه SASS SASS Compilation

• خلاصه کردن Recap

یک ظاهر طراحی شده با Material-UI Styling with Material-UI

• مقدمه Introduction

• اجزای بهتر Better Components

• Material-UI را نصب و پیکربندی کنید Install and Configure Material-UI

• سبک کردن لیست پیام ها Styling the Message List

• لیست کانال The Channel List

• جعبه پیام The Message Box

• خلاصه کردن Recap

با استفاده از Firebase Using Firebase

• مقدمه Introduction

• نصب و پیکربندی Installation and Configuration

• کار با اشیا Instead به جای آرایه ها Working with Objects Instead of Arrays

• نوشتن داده ها Writing Data

• داده های زمان واقعی Real-time Data

• خلاصه کردن Recap

معماری Flux با Alt Flux Architecture with Alt

• مقدمه Introduction

• مزایای استفاده از Alt The Benefits of Using Alt

• شروع کار با کتابخانه Alt Getting Started with the Alt Library

• Refactor جز Channel لیست کانال ها به Flux Refactor the Channel List Component to Flux

• Refactor کامپوننت لیست پیام برای Flux Refactor the Message List Component to Flux

• پاسخ به انتخاب کانال Responding to a Channel Selection

• درحال بارگیری پیام در حال نمایش است Showing Message Loading Progress

• روش Flux برای افزودن پیام جدید The Flux Way to Add a New Message

• افزودن پیام جدید به فروشگاه Flux Adding a New Message to the Flux Store

• خلاصه کردن Recap

مسیریابی در یک برنامه Flux با React Router Routing in a Flux App with React Router

• مقدمه Introduction

• ساخت روتر برنامه ما دوستانه Making Our App Router Friendly

• تعریف مسیرها Defining Routes

• تغییر مسیرها Redirecting Routes

• پارامترهای مسیر Route Parameters

• خلاصه کردن Recap