🧊 siberia can code

Ищу монтажера для канала 🛀

Нужен профессионал, который работает в Final Cut. Примеры роликов можно посмотреть на канале.

Чтобы связаться, пишите в комменты 🤔

p.s. можно не только fc, договоримся

Вопрос, а что с poketinder 🤔

Перепишем на vike или вообще server + csr ? Уже я думаю останемся на чем есть, переписывать все не моя история, да и опыт этот тоже бесценен.

Я очень много думал над всеми вариантами, websockets, socket-io, работа с orm в nextjs 🤔

Как же это все хлипко и валко. И сразу философский вопрос, это проблема next или попытка делать fullstack ошибка ? 😔

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

Это я молчу, что единственный нормальный вариант создать хороший и стабильный сервис на js — это nest. Все остальное на рынке, это прокси прослойки поделать ⚰️

И вот есть next, который пушиться на западе, как fullstack решение, но это же просто не удобно.

Но тут я вспомнил про vike.dev, там такая же проблема ? На самом деле 50 на 50. У vike только этап зарождения, vike — это здоровый next page router, но ни как не app router.

Итог, мне кажется дело именно в app router next, ведь если подумать старый роутинг или vike не имеют настолько большие проблемы.

Проблема, что vercel сделали прекрасный фреймворк на бумаге в красивой обертке, но максимально не масштабируемый для fullstack решений. Именно streaming, server actions, cache и data fetching вставляют палки в колеса. Интеграции с разными инструментами головняк, а закрытость системы для разработчиков просто не дает раскрыть потенциал next 😭

Nextjs app router — очень красивый фреймворк для создания несложного backend for frontend, который возвращает веб страницы, на основе внешних данных. Где веб страницы — это простые и не динамичные сущности.

У меня получилось получить socket в server actions next 🌡

В итоге, чтобы это работало нужно положить сокет в globalThis

На самом деле прекрасный полученный опыт:

1. Я больше понимаю, что next app router это игрушка дьявола для landing only
2. Я больше понимаю, что fullstack апп очень плохое решение

Проще было поднять просто параллельно сервер и вынести просто в пакеты переиспользуемые части, например в монорепу.

Забавно, как next позиционирует себя, как server framework, но банально не может в глобал контекст для сервера. Ну и манки патчинг request, куда же без него 📞

Возможно чуть-чуть задержится старт стрима, а после задержки будем мучится с next и socket 🛀

В боевых проектах к сожалению у меня не было опыта websockets 😔

Был только long polling, но с основными концепции сокетов я всегда был знаком, ведь все мы когда-то делали свой чатик. На стримах мы будем использовать socket.io и тут я задался вопросом, а в чем разница ?

websocket — это протокол для двустороннего общения между клиентом и сервером. Если сравнивать с http, то в нем соединение устанавливается заново, websocket открывает одно постоянное соединение, по которому обе стороны могут передавать данные в реальном времени.

socket.io — это уже просто библиотека по вверх websocket, но это не просто глупая обертка. Если браузер не будет поддерживать или будут проблемы с ws, то socket.io вообще переключится на long polling. Авторы также обещают реконекты и более удобную работу с events, ну и конечно хороший developer experience.

На самом деле хорошим сравнением будет xhr и axios, грубо говоря websocket протокол — это база real time соединения на основе tcp, а socket.io уже инструмент на основе websocket 📞

🍿 АНОНС СТРИМА 23 ноября в 10:00 по мск

youtube — twitch — vk

Тем временем залил обновления в poketinder 👍

Сделал локальный seed для заполнения данных в бд на старте, также прикрутил везде drizzle orm. Следующий этап это анимации и свайпы карточек. И подключения страниц к сокетам.

Также по ходу реализации пушил патчи в пакеты @siberiacancode/eslint и @siberiacancode/fetches 🤟

Кто понял, тот понял 🛀

Репозиторий со стрима 🧐

Нам надо зафиксировать скоуп работ:

1. Доделываем главную страницу с drag эффектом
2. Делаем страницу со статистикой
3. Ну и на самое вкусное, создаем арену, где можно будет сразится с друзьями

На этом проект закрываем 📞

Я решил вопрос с eslint, пока пока пакет simple-import-sort 👍

Все было красном в коде, потому-что antfu добавил в своей пакет eslint другой сортер и был конфликт с пакетом simple-import-sort. Сам antfu добавил пакет perfectionist. Пакет выглядит супер хайпово и я переключился на него. Меньше зависимостей в core пакете.

Данный пакет можно использовать для всего, сортировка jsx props, сортировка import, export и многое другое 😆

Специально для вас приобрел хорошие книги для инженерного развития 📱

Условия участия максимально простые:
1. Подписаться на мой канал siberia can code 🧊
2. Поставить любую реакцию на этот пост 👌
3. Нажать кнопку "Участвовать" 😎

🎁 Вы можете получить:
1 место - Банда Четырех Паттерны Проектирования | Гамма Эрих, Хелм Ричард, Джонсон Роберт, Влиссидес Джон
2 место - Чистая архитектура. Искусство разработки программного обеспечения | Мартин Роберт
3 место - Теоретический минимум по Computer Science. Все что нужно программисту и разработчику | Фило Владстон Феррейра

Итоги подведем 20 декабря 🏖

Всем хорошего дня и удачи 😉

p.s. доставка через сдек

🍿 АНОНС СТРИМА 18 ноября в 15:00 по мск

youtube — twitch — vk

Кто пропустил, на твиче можно посмотреть серию стримов с holyjs 📱

Там было очень много крутых лиц и спикеров: Артем artalar, Денис izede, Антон Непша, Тема Сенюков и другие.

Еще раз огромное спасибо jug.ru за такую возможность и Сане Стародубцеву 😍

Также нужно подвести итог по стримам, чтобы сравнить в следующий раз результат 🤓

Я бы хотел сказать еще раз вам огромное спасибо, в будний рабочий день мы набрали для первого раза неплохие цифры. Будем расти дальше и прогрессировать 🥸