آموزش دوره تمرینی React برنامه React را از ابتدا بسازید.

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

مقدمه تمرین React React practice intro

• معرفی Introduction

• چه چیزی را برای شروع نیاز داریم What do we need to start

توسعه برنامه App Development

• در حال نصب ReactJS Installing ReactJS

• راه اندازی محیط برنامه توسعه React Setting up React development app environment

• پیکربندی Git و GitHub Configuring Git and GitHub

• نصب React AutoComplete React AutoComplete installation

• واکشی داده ها با REST از ویکی پدیا Fetching data with REST from Wikipedia

• استفاده از جستجوی قلاب سفارشی با Axios useSearch custom hook with Axios

• لغو تماس های Axios Cancelling Axios calls

• از قلاب سفارشی Debounce استفاده کنید useDebounce custom hook

• جزء ورودی سفارشی Custom Input component

• استفاده از قلاب سفارشی SearchForm useSearchForm custom hook

• استفاده از قلاب برگشت تماس useCallback hook

• الگوی پروپوزال رندر React React render props pattern

• پیکربندی SCSS Configuring SCSS

• مسیریابی با react-router-dom Routing with react-router-dom

• افزودن صفحات برنامه Adding app pages

• صفحه نخست Home page

• صفحه جستجو Search page

پیکربندی کتاب داستان Storybook configuration

• نصب کتاب داستان Installing Storybook

• پیکربندی کتاب داستان Storybook configuration

• رفع مشکلات احتمالی با Storybook Fixing possible issues with Storybook

• نمای کلی رابط کتاب داستان Storybook interface overview

• اولین داستان با کتاب داستان The first story with Storybook

• داستان ListItem ListItem story

• داستان صفحه نتیجه جستجو Search result page story

• نصب moxios برای پیکربندی mocks Installing moxios to configure mocks

• مستندات کتاب داستان با mdx Storybook documentation with mdx

تست های واحد Unit tests

• واحد مقدماتی را با Jest تست می کند Unit tests intro with Jest

• کنوانسیون تست های واحد Unit tests convention

• تست واحد اجزای ورودی Input component unit test

• نصب آنزیم Enzyme installation

• گزارش پوشش Coverage reporting

• تست های واحد تکمیل خودکار Autocomplete unit tests

• تست واحد اجزای کانتینر Container component unit test

• استفاده از تست واحد قلاب SearchForm useSearchForm hook unit test

• استفاده از تست واحد قلاب Debounce useDebounce hook unit test

• استفاده از تست واحد قلاب جستجو useSearch hook unit test

• تست واحد اپلیکیشن App unit test

• خلاصه آزمون های واحد Unit tests summary

بهترین روش های توسعه اپلیکیشن React Best practices of React app development

• React PropTypes React PropTypes

• React DefaultProps React DefaultProps

جایزه Bonus

• نصب NodeJS روی ویندوز Installing NodeJS on Windows

• نصب Yarn روی ویندوز Installing Yarn on Windows

• امتیاز: محتوای بیشتر! Bonus: More Content!