ReactPro

webapsolution

Утрымлівае аб’явы

Пра гэту праграму

ReactPro - гэта комплекснае навучальнае прыкладанне ў краме Google Play, распрацаванае для энтузіястаў React.js, ад пачаткоўцаў да прасунутых карыстальнікаў. Ён прапануе пакрокавыя падручнікі, якія ахопліваюць асноўныя паняцці, такія як кампаненты, стан, рэквізіт і хукі, пераход да такіх тэм, як кантэкстны API, аптымізацыя прадукцыйнасці. Зручны інтэрфейс ReactPro і структураваныя курсы робяць яго ідэальным рэсурсам для асваення React.js на хаду.

Вось спіс тэм гэтага падручніка па React.js:

1. Уводзіны ў React
- Што такое React?
- Асноўныя функцыі React (кампаненты, JSX, Virtual DOM)
- Усталяванне React (Стварэнне прыкладання React)

2. JSX: JavaScript XML
- Сінтаксіс і выкарыстанне JSX
- Убудаванне выразаў у JSX
- Візуалізацыя JSX

3. Кампаненты ў React
- Функцыянальныя кампаненты супраць класа
- Стварэнне і візуалізацыя кампанентаў
- Кампанентная структура і шматразовае выкарыстанне

4. Рэквізіт
- Перадача дадзеных у кампаненты з дапамогай рэквізіту
- Праверка рэквізіту
- Рэквізіт па змаўчанні

5. Стан і жыццёвы цыкл
- Кіраванне станам кампанента з дапамогай `useState`
- Стан абнаўлення
- Разуменне метадаў жыццёвага цыкла (для кампанентаў класа) і хукаў (напрыклад, `useEffect`)

6. Апрацоўка падзей
- Даданне слухачоў падзей
- Апрацоўка ўводу карыстальніка і падзей
- Прывязка апрацоўшчыкаў падзей

7. Умоўны рэндэрынг
- Умоўная візуалізацыя элементаў
- Выкарыстанне аператараў if/else і патройных аператараў у JSX

8. Спісы і ключы
- Рэндэрынг спісаў у React
- Выкарыстанне функцыі `map()` для адлюстравання дынамічнага кантэнту
- Важнасць ключоў у спісах React

9. Формы ў React
- Кантраляваныя супраць некантраляваных кампанентаў
- Апрацоўка ўводу формы
- Адпраўка і праверка формы

10. Уздым дзяржавы
- Сумеснае выкарыстанне стану паміж кампанентамі
- Уздым дзяржавы да агульнага продка

11. Маршрутызатар React
- Настройка React Router для навігацыі
- Вызначэнне маршрутаў і спасылак
- Укладзеныя маршруты і параметры маршруту

12. Агляд гаплікаў
- Уводзіны ў хукі React
- Агульныя хукі: `useState`, `useEffect`, `useContext`
- Карыстальніцкія гакі (неабавязкова)

13. Стыль у React
- Убудаваны стыль
- CSS табліцы стыляў і модулі
- Бібліятэкі CSS-in-JS (напрыклад, стылізаваныя кампаненты)

14. Асноўныя інструменты адладкі і распрацоўніка
- Выкарыстанне інструментаў распрацоўшчыка React
- Адладка распаўсюджаных памылак

15. Разгортванне прыкладання React
- Стварэнне прыкладання для вытворчасці
- Параметры разгортвання (Netlify, Vercel, GitHub Pages)

Гэта ахопіць асноватворныя канцэпцыі і дапаможа камусьці пачаць працу з React!



Прасунутыя тэмы:
16. Кантэкстны API і кіраванне станам
- Разуменне React Context API
- Выкарыстанне кантэксту, каб пазбегнуць бурэнне
- Кантэкст супраць бібліятэк кіравання станам (Redux, MobX)
- Калі і навошта выкарыстоўваць бібліятэкі дзяржаўнага кіравання

17. Прасунутыя гаплікі
- Падрабязны агляд `useReducer` для складанага кіравання станам
- Выкарыстанне `useMemo` і `useCallback` для аптымізацыі прадукцыйнасці
- Разуменне і выкарыстанне `useRef` для маніпулявання DOM і захавання
- Стварэнне карыстацкіх гачкоў для інкапсуляцыі шматразовай логікі

18. Кампаненты вышэйшага парадку (HOC)
- Разуменне кампанентаў вышэйшага парадку
- Стварэнне HOC для павышэння функцыянальнасці
- Выпадкі выкарыстання і лепшыя практыкі
- Параўнанне з Render Props

19. Шаблон візуалізацыі рэквізітаў
- Што такое Render Props?
- Стварэнне і выкарыстанне кампанентаў з рэквізітамі візуалізацыі
- Калі выкарыстоўваць рэквізіт візуалізацыі супраць HOC

20. Межы памылак
- Разуменне межаў памылак у React
- Рэалізацыя межаў памылак з дапамогай `componentDidCatch`
- Лепшыя практыкі апрацоўкі памылак у React

Што новага

React js basic to advanced