React Email - Вёрстка адаптивных email на React JS

Автор: PurpleSchool | Anton Larichev

Загружено: 2024-03-28

Просмотров: 14395

Описание: Посмотрим как можно сверстать красивые адаптивные письма на React JS без mjml шаблонизатора и вёрстки на таблицах. Разберёмся в React Email.

🔗 Ссылки:
React Email: https://react.email/
🎓 Курс базовый React и Redux: https://purpleschool.ru/course/javasc...
🎓 Курс базовый Node.js: https://purpleschool.ru/course/nodejs...
💬 Telegram канал с полезными советами:
https://t.me/purple_code_channel

Разделы видео:
0:00 - Введение
0:15 - Зачем email фреймворков
2:36 - Подключение React Email
4:33 - Создание письма
7:31 - Декомпозиция компонент
11:59 - Шрифты и Head
13:16 - Другие компоненты
17:09 - Заключение

Не удается загрузить Youtube-плеер. Проверьте блокировку Youtube в вашей сети.
Повторяем попытку...

React Email - Вёрстка адаптивных email на React JS

Доступные форматы для скачивания:

Скачать видео

Информация по загрузке:

Скачать аудио

Похожие видео

Storybook - Быстрый курс по работе и тестированию с React

Storybook - Быстрый курс по работе и тестированию с React

Не делайте так в React!

Не делайте так в React!

React 19 - React Compiler, Actions, use hook, activity

React 19 - React Compiler, Actions, use hook, activity

Оптимизация Frontend приложений (23 совета) | Оптимизация Web, полный курс 2024 [для новичков]

Оптимизация Frontend приложений (23 совета) | Оптимизация Web, полный курс 2024 [для новичков]

Почему Redux больше не нужен?

Почему Redux больше не нужен?

React, Vue, Angular, Svelte — что выбрать в 2026 году?

React, Vue, Angular, Svelte — что выбрать в 2026 году?

React и TypeScript – Быстрый Курс

React и TypeScript – Быстрый Курс

Код-ревью: 8 ошибок в 1 кнопке! Переписываем реальный проект на React.

Код-ревью: 8 ошибок в 1 кнопке! Переписываем реальный проект на React.

Курс: Feature-Sliced Design за 1,5 часа | Архитектура React, Vue, Next, Nuxt, Angular и Svelte

Курс: Feature-Sliced Design за 1,5 часа | Архитектура React, Vue, Next, Nuxt, Angular и Svelte

Docker Для Начинающих за 1 Час | Docker с Нуля

Docker Для Начинающих за 1 Час | Docker с Нуля

СЕГОДНЯ ИИ ПУЗЫРЬ ИЗМЕНИЛСЯ НАВСЕГДА

СЕГОДНЯ ИИ ПУЗЫРЬ ИЗМЕНИЛСЯ НАВСЕГДА

Добавление видео в React приложение

Добавление видео в React приложение

Почему Ядерная война уже началась (А вы не заметили)

Почему Ядерная война уже началась (А вы не заметили)

React Custom Hooks - Пишем компонент прогресса чтения

React Custom Hooks - Пишем компонент прогресса чтения

React Hooks - Полный Курс (Про Все Хуки в 1 видео!)

React Hooks - Полный Курс (Про Все Хуки в 1 видео!)

React JS c Нуля – ПОЛНЫЙ Курс для начинающих (2025)

React JS c Нуля – ПОЛНЫЙ Курс для начинающих (2025)

React Hook Form - простая работа с формами

React Hook Form - простая работа с формами

Дмитрий Потапенко: «Власть ведёт страну к хаосу»

Дмитрий Потапенко: «Власть ведёт страну к хаосу»

Написал приложение на React и Vue! Что такое микрофронтенды

Написал приложение на React и Vue! Что такое микрофронтенды

React и TypeScript - Практический Курс [2023]

React и TypeScript - Практический Курс [2023]