Как создать CodePen на React
Web Dev Simplified
0:00 / 0:00
Как создать CodePen на React
169 826 просмотров · 6 л. назад
Web Dev Simplified
1,78 млн подписчиков
169 826 просмотров · 6 л. назад
🚨 ВАЖНО:
Курс «Изучите React сегодня»: https://courses.webdevsimplified.com/...
Мне очень нравится CodePen. Он идеально подходит для прототипирования идей проектов, и это действительно крутая идея. Он мне так понравился, что я решил посмотреть, что потребуется для создания собственного CodePen. В этом видео я покажу вам, как создать простой клон основной функциональности CodePen с использованием React.
📚 Материалы/Ссылки:
Код на GitHub: https://github.com/WebDevSimplified/R...
🧠 Рассматриваемые концепции:
Как создать текстовый редактор в React
Как отображать пользовательский HTML/CSS/JavaScript
🌎 Найти меня можно здесь:
Мой блог: https://blog.webdevsimplified.com
Мои курсы: https://courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Временные метки:
00:00 - Введение
00:32 - Демонстрация
01:06 - Настройка кода
02:59 - Настройка HTML
05:34 - Настройка редактора
12:35 - CSS
17:13 - Функциональность CodePen
21:10 - Кнопка открытия/закрытия
26:22 - Хук локального хранилища
30:14 - Заключение
#CodePen #WDS #ReactJS