آموزش react.js: ایجاد رابط - آخرین آپدیت

مقدمه Introduction

• ایجاد رابط با React Creating interfaces with React

• پرونده های ورزشی Exercise files

• چرا واکنش بسیار مهم است Why React is so important

• استفاده از تمرینات این دوره Using the exercises for this course

1. ساخت یک برنامه اصلی 1. Building a Basic App

• با استفاده از ایجاد-واکنش-برنامه Using create-react-app

• درک نصب Understanding the installation

• کاوش در یک برنامه اصلی React Exploring a basic React app

• اضافه کردن ماژول های خود را Adding your own modules

• سازماندهی پروژه ها Organizing projects

1. تنظیم و نصب کنید 1. Set Up and Install

• نصب و راه اندازی React installation

• سفارشی کردن نصب های خود Customizing your installs

• نصب CSS Tailwind در React Installing Tailwind CSS in React

• نصب الزامات Installing requirements

• با استفاده از مؤلفه های Icon React Using React icon components

2. کار با مؤلفه ها 2. Working with Components

• ایجاد قطعات فرعی Creating subcomponents

• مبانی اصولی و بیان State and expression basics

• استفاده از واکشی به روش چرخه عمر Using fetch in a lifecycle method

• کار با داده های پیچیده Working with complex data

• انتقال داده از طریق غرفه Passing data through props

• با استفاده از یک عبارت قالب رندر Using a render template expression

• تزریق یک فهرست Injecting an index

• با استفاده از مؤلفه های شخص ثالث Using third-party components

2. شروع کار 2. Getting Started

• ایجاد قلاب های فرعی Creating a sub-component Hooks

• وارد کردن داده های JSON به عنوان یک متغیر Importing JSON data as a variable

• اولین مؤلفه شما Your first component

• قرار ملاقات و اشکال زدایی Getting appointments and debugging

3. رسیدگی به رویدادها و افزودن سوابق 3. Handling Events and Adding Records

• رسیدگی به رویدادها از طریق غرفه ها Handling events through props

• نمایش فرم ردیابی Tracking form display

• دست زدن به ضامن Handling a toggle

• مانیتور حالت فرم Monitor form state

• پردازش فرم Processing the form

3. مرتب سازی و جستجو کنید 3. Sort and Search

• انتقال داده ها به یک مؤلفه Passing data to a component

• قلاب و کلاسهای مشروط The useState Hook and conditional classes

• تصویب حالت و اجزای مخفی Passing state and hiding components

4- جستجو و مرتب سازی 4. Searching and Sorting

• تهیه بخش جستجوی ما Preparing our search component

• مدیریت صفحه نمایش کشویی Managing drop-down display

• مرتب سازی سوابق موجود Sorting existing records

• ساختن جستجو Building the search

• ورودی را فعال کنید Activating inputs

• ثبت سوابق Modifying records

4. جهش داده ها 4. Mutating Data

• اضافه کردن قرار ملاقات جدید Adding a new appointment

• قلاب های UseEffect و UseCallback useEffect and useCallback Hooks

• برنامه نویسی رابط مرتب سازی Programming the sorting interface

• حذف سوابق Deleting records

• جستجو با یک آرایه فیلتر شده Searching with a filtered array

• تنظیم یک نوع Setting up a sort

نتیجه Conclusion

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