Перейти к содержимому

Как создать 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