آموزش دوره عملی 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

• ساخت هوک سفارشی useSearch با Axios useSearch custom hook with Axios

• لغو فراخوانی‌های Axios Cancelling Axios calls

• ساخت هوک سفارشی useDebounce useDebounce custom hook

• کامپوننت ورودی سفارشی Custom Input component

• ساخت هوک سفارشی useSearchForm useSearchForm custom hook

• هوک useCallback useCallback hook

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

• تنظیم SCSS Configuring SCSS

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

• افزودن صفحات اپلیکیشن Adding app pages

• صفحه اصلی Home page

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

تنظیمات Storybook Storybook configuration

• نصب Storybook Installing Storybook

• تنظیم Storybook Storybook configuration

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

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

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

• داستان ListItem ListItem story

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

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

• مستندسازی Storybook با MDX Storybook documentation with mdx

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

• مقدمه تست‌های واحد با Jest Unit tests intro with Jest

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

• تست واحد کامپوننت ورودی Input component unit test

• نصب Enzyme Enzyme installation

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

• تست‌های واحد Autocomplete Autocomplete unit tests

• تست واحد کامپوننت Container Container component unit test

• تست واحد هوک useSearchForm useSearchForm hook unit test

• تست واحد هوک useDebounce useDebounce hook unit test

• تست واحد هوک useSearch 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!