آموزش چالش ها و تمرین های مصاحبه کدنویسی React JS [2023]

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

React JS Basics and Fundamentals Challenges React JS Basics and Fundamentals Challenges

• معرفی Introduction

• چالش پیاده روی Challenge Walkthrough

• Hello World: یک برنامه اصلی React راه اندازی کنید. Hello World: Set up a basic React application.

• تعاملات Stateful: یک مؤلفه با حالت تعاملی ایجاد کنید. Stateful Interactions: Create a component with an interactive state.

• رندر و نمایش آرایه ای از آیتم ها در یک React Component. Render and Display an Array of Items in a React Component.

• Functional Components: ساخت و استفاده از اجزای کاربردی در React. Functional Components: Build and use functional components in React.

• Props Dive: از props برای انتقال داده بین اجزا استفاده کنید. Props Dive: Use props to pass data between components.

• نمایش پیام‌ها به صورت مشروط: پیام‌ها یا اجزای مختلف را بر اساس شرایط خاص به نمایش بگذارید Display Messages Conditionally: Showcase different messages or components based on specific conditio

• مدیریت رویدادها: شنوندگان رویداد را برای کلیک روی دکمه اجرا کنید. Handling Events: Implement event listeners for button clicks.

• قابلیت مشاهده مؤلفه را تغییر دهید: مؤلفه‌ها را به صورت مشروط بر اساس وضعیت ارائه دهید Toggle Component Visibility: Conditionally Render Components Based on State

• JSX Exploration: با استفاده از JSX کامپوننت ها را ایجاد کنید. JSX Exploration: Create components using JSX.

React JS Advanced Component Challenges React JS Advanced Components Challenges

• معرفی Introduction

• چالش پیاده روی Challenge Walkthrough

• تسلط بر کنترل ورودی - مدیریت فرم Mastering Input Control - Form Handling

• تسلط بر چرخه عمر: روش‌های چرخه عمر مؤلفه‌ها را در مؤلفه‌های کلاس کاوش کنید Life-cycle Mastery: Explore Component Life-cycle Methods in Class Components

• افکت هوک: از useEffect برای عوارض جانبی در اجزای کاربردی استفاده کنید. Effect Hook: Use useEffect for side effects in functional components.

• تسلط بر تعامل DOM - Ref Hook DOM Interaction Mastery - Ref Hook

• ایجاد منطق قابل استفاده مجدد - قلاب های سفارشی Crafting Reusable Logic - Custom Hooks

• ایجاد Global State - Context API Establishing Global State - Context API

• مدیریت پیشرفته حالت - Reducer Hook Advanced State Management - Reducer Hook

React JS External Data Challenges React JS External Data Challenges

• معرفی Introduction

• چالش پیاده روی Challenge Walkthrough

• داده ها را از یک API واکشی کنید و آن را نمایش دهید Fetch Data from an API and Display It

• ساده کردن واکشی داده - Async/Await Refactoring Simplifying Data Fetching - Async/Await Refactoring

• Error Handling: خطاهای API را به خوبی مدیریت کنید Error Handling: Gracefully handle API errors

• عملیات CRUD با یک API (داده های مسخره شده) CRUD Operations with an API (Mocked Data)

• پیاده سازی صفحه بندی برای مجموعه داده های بزرگ Implementing Pagination for Large Data Sets

• پیاده سازی بی نهایت پیمایش Implement Infinite Scrolling