Корисний ресурс тижня: Tic-Tac-Toe React Tutorial
DOU продовжує освітню рубрику: раз на тиждень ділимось ресурсами, які можуть прискорити розвиток у професії і дати реальну практику. Рубрика виходить щоп’ятниці.
Ви можете стати частиною процесу: надсилайте нам рекомендації, який саме ресурс виявився для вас корисним. Тож поділіться такими ресурсами зі спільнотою — запропонуйте через гугл-форму, або ж надішліть топік з поміткою «Ресурс тижня» самостійно чи пишіть мені :)
А тепер — до рекомендації цього тижня!
Tic-Tac-Toe React Tutorial
Цього тижня в рубриці ділимося офіційним туторіалом від команди React. Тут пропонують написати повноцінну гру в «Хрестики-нулики», щоб одразу на практиці познайомитись із бібліотекою.
Як це працює
Туторіал повністю інтерактивний. Писати та тестувати код можна прямо в браузері (через CodeSandbox), локально нічого встановлювати не треба. Ви починаєте з порожнього поля і поступово додаєте логіку: кліки, визначення переможця, історію ходів.
Гортайте вбік, щоб подивитися всі зображення
Чим корисно
У процесі створення гри ви на практиці розберете ключові концепти React:
- Компоненти та Props: як розбивати інтерфейс на частини і передавати дані між ними.
- State: як змусити застосунок запам’ятовувати, чий зараз хід.
- Підняття стану: що робити, коли кільком компонентам потрібен доступ до одних даних.
- Ім’ютабельність: у фіналі ви реалізуєте можливість відкотити гру до попередніх ходів, щоб зрозуміти, чому дані в React краще не змінювати напряму.
Для кого підійде
Для початківців у фронтенді, які тільки знайомляться з React (чи переходять з інших фреймворків/чистого JS). Також туторіал стане в пригоді бекендерам чи QA, яким потрібно швидко і на практиці зрозуміти, як влаштований сучасний фронтенд.
Ціна питання
Абсолютно безкоштовно. Це офіційна документація, реєстрація не потрібна.
Пишіть у коментарях, з чого ви починали вивчати React! Та про що хотіли б почитати наступного разу.
Немає коментарів
Додати коментар Підписатись на коментаріВідписатись від коментарів