Создаем свой Clubhouse на ReactJS / NextJS / WebRTC / Socket.IO / NodeJS (pre-middle/middle)

❤️ Поддержка:

Недавно узнал о такой крутой штуке, как Clubhouse и в какой-то момент появилось желание изучить необходимый стэк для разработки такого продукта.

В этой серии уроков я вам расскажу и покажу, как разработать свой Clubhouse, какие технологии использовать и как происходит голосовая связь между пользователями.

Frontend:
- NextJS / ReactJS
- Redux
- simple-peer (WebRTC)
- Socket.IO
- Immer
- Axios

Backend:
- NodeJS
- Express
- Mongoose
- Passport
- JWT
- Multer

🔗 Следите за обновлениями и информацией в:

[-it]

Огромное спасибо за такую трансляцию, за такую работу!

[karmahchannel]

не переживай, есть программисты и по хуже. А по поводу уроков, они даже лучше, есть ютуберы которые такие мелкие программы пишут и короткие на семь пятиминутные уроки, а ты полноценные проекты пишешь, удачи, не забрасывай

[samura]

Отдельный лайк заслуживает автор за то, что шарит в гачи-мучи

[ttbcykr]

Братик жду от тебя мини курс по react-testing-libriary, от тебя он будет шикарен...

[fwvasd]

Братан, как же я тебя понимаю. А я с понедельника SIP через WebRTC пытаюсь осилить и до сих пор в голове каша и попаболь. Особенно еще когда приходится разбираться с тем, как работают третьи сервисы, но при этом технической инфы просто ноль, один маркетинг ))

[suspiciouscandy]

Socket.io! Только читал о нем! У тебя точно есть миелофон! ))

[alekc]

в винде 10 все проги можно настроить, внутри винды в настройках можно выбирать куда звуковой поток отправлять

[sseencr]

"Я слышу самого себя, и вы слышите как я слышу самого себя" )))

[vitaliyskorickiy]

кстати, для понимания непонявших, я иногда терял логическую цепочку когда ты говорил типа "вот это будет вот здесь", иногда я успевал забыть что такое "вот это" и где это "вот здесь"

[lumchansky]

По поводу собеседований. Нет желания записать собеседование с каналом который выступает как работодатель. Т.е. вы как соискатель, они как работодатель и вы оба сделаете друг другу контент. Например Web Interview или
Отсобеседование, я думаю есть и другие, но это то что я знаю.

[codingcat]

Можете ли вы поместить курс в Йодми ?, чтобы мы могли оплатить его должным образом.

[hintmokran]

А где брать исходники и все файлы со стилями??

[aokcuoglu]

thx for video. could you share your font?

[anotre]

00:00 - Вступление, мотивация, ответы на вопросы чата
14:28 - Обещал название лекции по WebRTC
24:00 - Почему NextJS
32:00 - Старт проекта + лирическое отступление
33:45 - Смотрим макет
44:29 - Вопрос чату: MongoDB или Sequelize?
50:00 - Обзор проекта на старте (верстка компонентов)
55:00 - Вопрос чату: TypeScript или нет? (TS WIN)
VB-Audio - программа для создания фейкового микрофона
57:00 - Объясняет потоки аудио в приложении
01:07:00 - Начинаем пилить проект
01:16:10 - Обзор стандартной структуры nextjs проекта и возожностей фреймворка
01:52:17 - Перенос верстки
02:19:34 - nextjs Document
02:33:19 - Общение с чатом

[CDmus]

Здравствуйте где можно взять готовую верстку?

[eugenevarvarin]

А ты не хочешь как нибудь потом разобраться с Oracle вместо всяких mongo db и прочего? Я слышал Oracle имеет несколько значительных преимуществ

[argentum]

а как сейчас получить доступ к исходником, когда на патреоне нельзя оплатить российской картой?

[dev_insider]

Здравствуйте, Денис. А когда выложите на патреон исходники?

[andteslenko]

А можно внедрить в React проект созданный через npx create, next js?

[srgblkv]

"я думаю еще минут 40..." а на таймлайне 1:06:50 / 3:23:49 =). кста на патреоне не вижу ссылку на исходники.