- Стрим на ДР
- Автопутешествие отмена
- Нашел крутое приложение по планированию с хоткеями
- Будет ли скидка на ДР?
- Кайф от сложных задач на production

Вот теперь вижу, что тема Вам интересна. Даже платных накидали, благодарю за поддержку 🙏

Я тогда буду формировать список, который частично пойдет на вторую часть на Ютуб (кстати подписывайтесь, там очень мало осталось до 70 000, давайте добьем до дня рождения). Но также буду писать сюда в телегу все нюансы по production разработке.

Планирование проектов перед разработкой

- Linear
- Godspeed

#production@redgroup

Возвращение тарифа "навсегда" и итоги прожитых лет!

🔥 Как и обещал в честь моего дня рождения, возвращение тарифа "навсегда", только 24 часа! - https://htmllessons.link/frvr

👉 Видео (детально про подарок и мои итоги) - https://youtu.be/CBqTpPpPCs8

Те кто ранее купил себе тариф навсегда, можете в комменты под этим постом написать мини отзыв, чтобы другие ребята увидели. Буду благодарен.

Забегайте на праздничный стрим - https://youtube.com/live/nSN6Fy77P3M?feature=share

https://www.twitch.tv/red_group

Напоминаю тариф «навсегда» пропадет через 10 часов. Если вдруг не успели, покупайте. В этом году такой возможности больше не будет!

Все, кто написал в бот по поводу апгрейда и не получил ответ. Не переживайте для вас стоимость зафиксируем. Завтра в рабочий день всем ответим.

Всем хорошего дня 🙏

Я тоже могу ошибаться. Увидел комментарий с конструктивной критикой по поводу enum.

Сейчас глубже изучил тему enum и да у них есть ряд минусов для прода.

- Увеличение размера бандла
- В webpack большие проблемы с tree snaking
- Reverse mapping - баги и проблемы с безопасностью

Какие есть альтерантивы? Я собрал 3шт: as const, литеральные типы, классы.

Классы я сразу уберу, они имеют высокую гибкость, но в во всем остальном проигрывают.

Вот базовый пример enum:

export enum EnumSTATUSES {
  SUCCESS = 'SUCCESS',
  ERROR = 'ERROR',
  PENDING = 'PENDING'
}

Давайте теперь перепишем на as const :

export const EnumSTATUSES = {
  SUCCESS: 'SUCCESS',
  ERROR: 'ERROR',
  PENDING: 'PENDING'
} as const

type EnumStatusesType = (typeof EnumSTATUSES)[keyof typeof EnumSTATUSES]

А теперь на литеральные типы или union:

export type EnumStatusesType = 'SUCCESS' | 'ERROR' | 'PENDING'

const EnumSTATUSES = {
  SUCCESS: 'SUCCESS' as EnumStatusesType,
  ERROR: 'ERROR' as EnumStatusesType,
  PENDING: 'PENDING' as EnumStatusesType
}

Если говорить про различия 1 и 2 способа, то разница лишь в визуале и размере бандла. Во втором размер бандла будет меньше чем в первом. Оба поддерживают tree snaking, в отличие от классов (там частичная поддержка). Также в классах размер бандла будет еще больше.

#production@redgroup

Ставь реакцию, если было полезно 👇

Что там по интенсиву

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

Ставь реакцию, если полезно 👇

#vscode@redgroup

Почти дописал сценарий презентации, очень много всего вышло.

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

Конечно мы таких цен не будем ставить, у нас другой регион. Но наверно спокойно можно было продать за 30 000 руб вместо 15 000.

Потому что ценность высока, такие проекты стоят огромных денег в коммерции.

Но я себя успокаиваю, это все таки наш первый штучный продукт и будем идти постепенно.

Пусть в этот раз продадим за 15 000 руб, но посмотрим фидбэк, соберем отзывы и потом сделаем что-то еще круче. Даже при такой цене, по нашим расчетам все должно окупиться и хватить финансов на дальнейший рост Ютуба и платформы.

Хотя конечно оборудование next уровня стоит значительно дороже. В любом случае спасибо за поддержку, уже очень скоро все увидите. 🔥

UPD: Иду записывать, волнительно, хоть бы ничего не забыть.

Фух, а меня это переживание вообще отпустит? Наверное части да, но пока не выпущу будет висеть и наверно это нормально.

Чувство как будто я не идеально сделал презентацию, но наверно я просто сильно идеализирую и после монтажа уже виднее будет. Ладно пойду успокаиваться.

Придется отказаться от ряда библиотек на проде.

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

Вторая это обновления, я уже устал, после каждого большого апдейта next, react, ts, все просто слетает.

Я сейчас в большей мере говорю про ui библиотеки. Я к примеру в обновлении 2.0.8 (это через одно), планирую полностью переписать на нативный js/ts функционал drag n drop и react-select.

Постоянная проблема с типизацией после апдейта, а также миллион не нужных стилей. К примеру библиотеку которую я брал для dnd юзает помойный styled-components (как раз из-за него ошибка после апдейта на новый Next).

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

Важно понимать, к этому нельзя приходить в начале. На старте тебе важно быстро сделать первую версию продукта, а потом если будет трафик, будут люди желающие им пользоваться. Тогда да, уже надо идти в глубь и работать над оптимизацией.

Причем чем больше проект, тем больше требований по оптимизации. Тем дороже ошибка, в прямом смысле этого слова.

#production@redgroup

Ставь реакцию, если было полезно 👇

P.S. Касаемо enum я все таки пришел к 1 способу. А потом также заметил, что Prisma его же юзает для генерации типов на back-end, прикольно.

- Почему мне прод нравится больше чем запись видео на ютубе?
- Со временем задачи становятся менее интересными
- Copilot топ
- На какой стадии интенсив ?
- Что будет в будущем обновлении 2.0.7 htmllessons.io?

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

Но это и дает тот самый драйв энергии и мотивации 🚀🔥