آموزش جامع و عملی Recoil - توسعه وب با React - آخرین آپدیت

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

مقدمه Introduction

• خوش آمدید به دوره Welcome to the Course

• Recoil چیست؟ مقدمه و مفاهیم کلیدی What Is Recoil - Introduction and Key Concepts

• چرا شرکت‌های برتر Recoil را انتخاب می‌کنند؟ Why Top Companies Are Choosing Recoil

• Recoil چیست؟ DAG به عنوان راهکار گرافیکی مدیریت وضعیت What Is Recoil - DAG as a State Management Graphical Solution

• ساختار درختی کامپوننت‌ها در یک اپلیکیشن پایه React چگونه است؟ What a Basic React Application Component Tree Looks Like

• چرا Recoil اساساً به مقیاس‌پذیری اپلیکیشن‌های بزرگ کمک می‌کند؟ Why Recoil Fundamentally Helps Large Applications Scale

• قابلیت نگهداری و مقیاس‌پذیری با Recoil Maintainability and Scalability with Recoil

• Recoil JS دقیقاً چیست؟ خلاصه تا اینجا What Exactly Is Recoil JS - Summary So Far

• Atom در Recoil چیست؟ What Is an Atom in Recoil

• مرور سریع بر Atoms Quick Review on Atoms

• آشنایی با useRecoilState در بستر JSX و رندرکننده React Introduction to useRecoilState in the Context of JSX and the React Renderer

• Selectorها در Recoil چه هستند؟ What Are Selectors in Recoil

• نحوه عملکرد Selectorها همراه با مثال How Selectors Work with Examples

• Memoization و بهینه‌سازی‌های عمومی با Recoil Memoization and General Optimizations with Recoil

• بررسی کدهای مفهومی Recoil - بخش اول Recoil Conceptual Code Review Part I

• بررسی کدهای مفهومی Recoil - بخش دوم Recoil Conceptual Code Review Part II

ساخت یک اپلیکیشن React از صفر - آشنایی با React Props و کامپوننت‌ها برای مبتدیان Create a React App from Scratch - React Props and Components for Beginners

• Create React App چیست؟ بررسی کامل دانلود What Is Create React App - Full Download Review

• سرور توسعه React چگونه کار می‌کند؟ How the React Development Server Works

• کامپوننت‌های تابعی (Functional Components) در React چگونه کار می‌کنند؟ How Do Functional Components Work in React?

• کامپوننت‌های تابعی و انتقال Props در مبانی React What Are Functional Components and Passing Props in React Basics

• نحوه عملکرد وضعیت محلی با هوک‌های useState در React How Local State Works with useState Hooks in React

• ساخت چندین کامپوننت و انتقال Props در React (فرم طولانی) Building Multiple Components and Passing Props in React - Long Form

• پاکسازی ساختار فایل‌ها و ماژول‌های کامپوننت در پروژه Cleaning Up the File Architecture and Component Modules in the Project App

ساخت یک اپلیکیشن با استفاده از Recoil از صفر Build an App with Recoil from Scratch

• چالش‌های پایه React پیش از یادگیری Recoil React Basic Challenges Pre-Recoil

• ساخت اولین Atom خود در Recoil Create Your First Atom in Recoil

• رندر کردن Atoms و اتصال Recoil به React Rendering Atoms and Hooking Up Recoil to React

• مدیریت رویدادها با وضعیت محلی و Atoms Event Handling with Local State and Atoms

• اتصال وضعیت محلی و Recoil برای به‌روزرسانی رندر در React Connecting Local and Recoil State Together for Rendering Updates in React

• استایل‌دهی به اپلیکیشن Recoil با استفاده از CSS Styling a Recoil App with CSS

• نگاشت (Mapping) از طریق Props و کامپوننت‌ها با Recoil و React Mapping Through Props and Components with Recoil and React

• چالش: رفع یک باگ در تجربه کاربری (UX) Challenge - Fix a UX Bug

• استخراج ایندکس‌ها از وضعیت پایه Recoil Mapping Indexes from Recoil Base State

• برش دادن و به‌روزرسانی وضعیت اشیاء در React و Recoil Slicing and Updating Object State in React and Recoil

• کلاس‌های JSX و تبدیل ضمنی انواع داده JSX ClassNames and Implicit Coercion

• ویرایش و به‌روزرسانی مقادیر وضعیت در Recoil Editing and Updating State Values in Recoil

• نام‌گذاری توابع و چالش دوره React Function Naming and React Course Challenge

• نمایش بازنویسی (Refactoring) کدهای React و Recoil Refactoring React and Recoil Code Demonstration

• تمرین بازنویسی و حل مسئله در React Refactoring Exercise and Solution in React

ساخت ویژگی‌های وضعیت Atom پویا با Recoil Building Dynamic Atom State Features with Recoil

• افزودن استایل‌های اضافی و بحث درباره Selector Adding Some Extra Styles to Our App and Upcoming Selector Discussion

• حل مسئله اولویت عملیات - تفکر فراتر از سطح Junior به عنوان توسعه‌دهنده Problem Solving Orders of Operation - Thinking Above Junior Level as a Developer

• راه حل: فرآیندهای فکری برای ساخت ویژگی‌ها با Recoil Solution - Thought Processes for Building Features with Recoil

• نوشتن ساختار کامپوننت فیلتر و تجسم Selectorها در اپلیکیشن Recoil Writing the Filter Component Shell and Visualizing Selectors in a Recoil App

• نوشتن انتخاب فیلتر در Recoil و رندر کردن وضعیت مشتق شده Writing a Filter Selection in Recoil and Rendering the Derived State

• تغییر وضعیت محلی به وضعیت Atom برای Selectorها با چند Atom Switching Local State to Atom State for Selectors with Multi Atoms

• ساخت شرطی یک Selector و تصمیم‌گیری الگوریتمی برای عملکرد Building a Selector Conditionally and Performance Algorithmic Decision Making

• به‌روزرسانی کامپوننت و تکرارها برای مقیاس‌پذیری پویا با Selector Updating Component and Iterations for Dynamic Scaling with Selector

• ماندگاری داده‌ها و نتیجه‌گیری نهایی دوره Persisting Data and Formal Course Conclusion