Загрузка страницы

Разработка чата на ReactJS + NodeJS: вёрстка компонентов (голосовое сообщение, стикеры, аватарки)

💡 Что в этом видео?
04:00 — Доделываем компонент списка диалогов
08:55 — Делаем отдельный файл с валидациями
44:50 — Создаем компонент "аудиосообщение"
2:14:20 — Создаем компонент аватара

📢 О чём данный курс?
Как разработать свой чат на ReactJS, Redux + NodeJS, Socket.IO, MongoDB. Сделаем полноценный чат с возможностью загрузки фотографий, отправки аудиосообщений как в Telegram, VK, отправка Emoji (смайлов). Также со списком диалогов и поиска пользователей по E-Mail или имени.

⚙️Исходники:
— Frontend: https://github.com/Archakov06/react-chat-tutorial
— Backend: https://github.com/Archakov06/backend-chat-tutorial

🔧 Какие технологии используются?
Frontend:
— Redux
— Antd
— Formik
— React Router
— Socket.IO

Backend:
— NodeJS / ExpressJS
— MongoDB / Mongoose
— TypeScript / ts-node
— Socket.IO
— Cloudinary (хранение фоток и аудио в сервисе Cloudinary.com)
— JWT (авторизации)
— multer (загрузка файлов)
— nodemailer (отправки E-Mail)
— nodemon (перезагрузка сервера при изменении кода)
— validator for express

Следите за обновой, новыми курсами, статьями по JS, ReactJS и т.д. в:
— Telegram-канале: https://t.me/archakov_im
— VK: https://vk.com/archakov_im
— Личном блоге: https://archakov.im

— Моё резюме: https://moikrug.ru/archakovim

Видео Разработка чата на ReactJS + NodeJS: вёрстка компонентов (голосовое сообщение, стикеры, аватарки) канала Archakov Blog
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
14 мая 2019 г. 17:45:03
03:11:38
Другие видео канала
Продвинутый Fullstack-курс разработки облачного хранилища на NextJS + NestJS (Middle / Senior)Продвинутый Fullstack-курс разработки облачного хранилища на NextJS + NestJS (Middle / Senior)Прекрати использовать useMemo! Топ ошибок Junior/Middle/Senior React-разработчиковПрекрати использовать useMemo! Топ ошибок Junior/Middle/Senior React-разработчиковReact Query за 10 минут! Быстрый курсReact Query за 10 минут! Быстрый курсНе делай такое с useState! Топ 5 ошибок junior React-разработчикаНе делай такое с useState! Топ 5 ошибок junior React-разработчикаReact Intersection Observer (scroll + lazy-load  картинок)React Intersection Observer (scroll + lazy-load картинок)Разработай 6 проектов на ReactJS (для начинающих)Разработай 6 проектов на ReactJS (для начинающих)React Native для начинающих за 2 часа [2022] ! Мобильное приложение на JavaScriptReact Native для начинающих за 2 часа [2022] ! Мобильное приложение на JavaScriptПолный Full Stack курс ReactJS + NodeJS для начинающих за 4 часа! (MongoDB, Express, React, NodeJS)Полный Full Stack курс ReactJS + NodeJS для начинающих за 4 часа! (MongoDB, Express, React, NodeJS)#27: 🍕 React Pizza v2 — Оптимизируем сборку JS-файла. Code Splitting, Tree Shaking, Reexport#27: 🍕 React Pizza v2 — Оптимизируем сборку JS-файла. Code Splitting, Tree Shaking, Reexport#25: 🍕 React Pizza v2 — Оптимизируем перерисовку компонентов с помощью useCallback и React.memo#25: 🍕 React Pizza v2 — Оптимизируем перерисовку компонентов с помощью useCallback и React.memo#24: 🍕 React Pizza v2 — TypeScript + Redux Toolkit#24: 🍕 React Pizza v2 — TypeScript + Redux Toolkit#22: 🍕 React Pizza v2 — Типизируем пропсы (props) и хук useRef (TypeScript)#22: 🍕 React Pizza v2 — Типизируем пропсы (props) и хук useRef (TypeScript)#21: 🍕 React Pizza v2 — Используем TypeScript + ReactJS (практика)#21: 🍕 React Pizza v2 — Используем TypeScript + ReactJS (практика)#20: 🍕 React Pizza v2 — Что такое TypeScript и зачем он нужен?#20: 🍕 React Pizza v2 — Что такое TypeScript и зачем он нужен?#18: 🍕 React Pizza v2 — Что такое ThunkAPI в RTK? Создаем селекторы#18: 🍕 React Pizza v2 — Что такое ThunkAPI в RTK? Создаем селекторы#17: 🍕 React Pizza v2 — Асинхронные экшены в RTK (createAsyncThunk), отлавливаем ошибки#17: 🍕 React Pizza v2 — Асинхронные экшены в RTK (createAsyncThunk), отлавливаем ошибки#15: 🍕 React Pizza v2 — Сохраняем параметры фильтрации в URL#15: 🍕 React Pizza v2 — Сохраняем параметры фильтрации в URL#14: 🍕 React Pizza v2 — Оптимизируем поиск с помощью Debounce, пагинация через Redux Toolkit#14: 🍕 React Pizza v2 — Оптимизируем поиск с помощью Debounce, пагинация через Redux Toolkit#13: 🍕 React Pizza v2 — Изучаем хуки useSelector, useDispatch, создаем свой Slice в Redux Toolkit#13: 🍕 React Pizza v2 — Изучаем хуки useSelector, useDispatch, создаем свой Slice в Redux Toolkit#12: 🍕 React Pizza v2 — Изучаем библиотеку Redux Toolkit#12: 🍕 React Pizza v2 — Изучаем библиотеку Redux Toolkit#11: 🍕 React Pizza v2 — Что такое контекст в React (useContext) и Props Drilling?#11: 🍕 React Pizza v2 — Что такое контекст в React (useContext) и Props Drilling?
Яндекс.Метрика