РеацтПро је свеобухватна апликација за учење у Гоогле Плаи продавници дизајнирана за Реацт.јс ентузијасте, од почетника до напредних корисника. Нуди упутства корак по корак који покривају основне концепте као што су компоненте, стање, реквизити и куке, напредујући до тема као што су контекстуални АПИ, оптимизација перформанси. РеацтПро-ов кориснички интерфејс и структурирани курсеви чине га идеалним ресурсом за савладавање Реацт.јс-а у покрету.
Ево листе тема овог упутства за Реацт.јс:
1. Увод у Реацт
- Шта је Реацт?
- Кључне карактеристике Реацт-а (компоненте, ЈСКС, виртуелни ДОМ)
- Инсталирање Реацт-а (Креирајте Реацт апликацију)
2. ЈСКС: ЈаваСцрипт КСМЛ
- ЈСКС синтакса и употреба
- Уграђивање израза у ЈСКС
- Рендеринг ЈСКС
3. Компоненте у Реацт-у
- Функционалне и класне компоненте
- Креирање и рендеровање компоненти
- Структура компоненти и могућност поновне употребе
4. Реквизити
- Преношење података компонентама помоћу реквизита
- Валидација реквизита
- Подразумевани реквизити
5. Стање и животни циклус
- Управљање стањем компоненте помоћу `усеСтате`
- Стање ажурирања
– Разумевање метода животног циклуса (за компоненте класе) и кукица (попут `усеЕффецт`)
6. Руковање догађајима
- Додавање слушалаца догађаја
- Руковање корисничким уносом и догађајима
- Обвезујући обрађивачи догађаја
7. Условно приказивање
- Условно приказивање елемената
- Коришћење иф/елсе наредби и тернарних оператора у ЈСКС-у
8. Листе и кључеви
- Рендеринг листе у Реацт-у
- Коришћење функције `мап()` за приказ динамичког садржаја
- Важност кључева у Реацт листама
9. Форме у Реацт-у
- Контролисане вс неконтролисане компоненте
- Руковање уносима обрасца
- Подношење обрасца и валидација
10. Подизање стања горе
- Дељење стања између компоненти
- Уздизање државе до заједничког претка
11. Реацт Роутер
- Подешавање Реацт рутера за навигацију
- Дефинисање рута и веза
- Угнежђене руте и параметри руте
12. Преглед кукица
- Увод у Реацт куке
- Уобичајене куке: `усеСтате`, `усеЕффецт`, `усеЦонтект`
- Прилагођене куке (опционо)
13. Стилинг у Реацт-у
- Инлине стил
- ЦСС стилови и модули
– ЦСС-ин-ЈС библиотеке (нпр. стилизоване компоненте)
14. Основно отклањање грешака и алати за програмере
- Коришћење алата за програмере Реацт
- Отклањање уобичајених грешака
15. Примена Реацт апликације
- Израда апликације за производњу
– Опције примене (Нетлифи, Верцел, ГитХуб странице)
Ово би покрило основне концепте и натерало некога да почне са Реацт-ом!
Напредне теме:
16. Контекст АПИ и управљање стањем
- Разумевање Реацт Цонтект АПИ-ја
- Коришћење контекста за избегавање бушења подупирача
– Контекст у односу на библиотеке за управљање стањем (Редук, МобКс)
- Када и зашто користити библиотеке државног управљања
17. Напредне куке
- Детаљан поглед на `усеРедуцер` за сложено управљање стањем
- Коришћење `усеМемо` и `усеЦаллбацк` за оптимизацију перформанси
- Разумевање и коришћење `усеРеф`-а за ДОМ манипулацију и упорност
- Креирање прилагођених кукица за инкапсулацију логике за вишекратну употребу
18. Компоненте вишег реда (ХОЦ)
- Разумевање компоненти вишег реда
- Креирање ХОЦ-а за побољшање функционалности
- Случајеви коришћења и најбоље праксе
- Поређење са Рендер Пропс
19. Рендер Пропс Паттерн
- Шта су Рендер Пропс?
- Креирање и коришћење компоненти са реквизитима за рендеровање
- Када користити реквизите за рендеровање у односу на ХОЦ
20. Границе грешке
- Разумевање граница грешака у Реацт-у
- Примена граница грешке помоћу `цомпонентДидЦатцх`
- Грешка при руковању најбољим праксама у Реацт-у