React Tutorial: рефакторинг с CSS на Styled-JSX на примере Memory Game
Мега-Туториал по рефакторингу React-приложения с CSS на CSS-in-JS (Styled-JSX) на примере игры Memory Game. Игра была реализована с нуля в рамках предыдущего видео-туториала.
Мастер-класс для широкой аудитории: от продвинутых начинающих до среднего уровня и выше. Детально проговариваются подходы к стилизации, вопросы рефакторинга, архитектуры и дизайна кода, структура файлов и папок.
Таймеры:
00:00 – Вступление
01:27 – Что такое CSS-in-JS?
07:29 – Экосистема CSS-in-JS в 2020 (Styled Components, Emotion, etc)
15:00 – Стилизация клеточки на Styled-JSX
24:25 – Стилизация игрового экрана на Styled-JSX
39:01 – Выводы. Архитектура приложения
Предыдущее видео: • React Tutorial: игра на React и TypeScript...
Следующее видео: • React Tutorial: из JavaScript в TypeScript...
Отзывы от моих студентов: https://bit.ly/Mkdev-ivan-kleshnin
Моя образовательная платформа: https://bit.ly/Paqmind
Мои курсы:
Бесплатное пособие по веб-инструментарию: https://bit.ly/Web-Toolkit
Мультиязычные веб-приложения: https://bit.ly/Web_Application
Основы разработки на React: https://bit.ly/React-Fundamentals
Приглашаю в свои соц. сети:
Telegram: https://t.me/Paqmind
LinkedIn: / ivan-kleshnin
Группа ВК: https://vk.com/paqmind
Поддержать автора и выпуск новых роликов:
Patreon: / paqmind
#react #reactjs #tutorial #frontend #refactoring #gamedev