Max [RED Group x htmllessons]
Voice message
Под конец дня раскачался и выполнил 80% работы, такое иногда бывает. Просто взял те дела из списка, который мне хотелось делать. 💪
- Записал для вас 9 шортс в старом формате без лица и с кучей пользы.🎥
- Также почти готов первый ролик на англоязычный ютуб.🌍
- Начал готовить back-end для мастер-класса по фильтрам.🛠️
- Распланировал новую концепцию нашей платформы.🚀
Ну и огромное количество общений и согласований с командой.💬
Завтра классический выходной, всем хорошо отдохнуть!😌
- Записал для вас 9 шортс в старом формате без лица и с кучей пользы.
- Также почти готов первый ролик на англоязычный ютуб.
- Начал готовить back-end для мастер-класса по фильтрам.
- Распланировал новую концепцию нашей платформы.
Ну и огромное количество общений и согласований с командой.
Завтра классический выходной, всем хорошо отдохнуть!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤22
🔥3 часа полного курса записано! Приступаю к записи след. видео.
Чет последние два дня быстро раскупают места в мастер-класс, видимо только сейчас дошли уведомления.📣
Дополняя мое голосовое выше, мне кажется я могу как-то лучше использовать свои знания, вместо того чтобы снимать такие тяжелые по времени видео ради 10 000 просмотров. Будем думать.🤔
Чет последние два дня быстро раскупают места в мастер-класс, видимо только сейчас дошли уведомления.
Дополняя мое голосовое выше, мне кажется я могу как-то лучше использовать свои знания, вместо того чтобы снимать такие тяжелые по времени видео ради 10 000 просмотров. Будем думать.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤16
This media is not supported in your browser
VIEW IN TELEGRAM
Записал также часовой ролик на таком стэке
- react
- framer-motion
- jotai
- bun
- clsx
- vite
Там сделаем анимированный сайдбар. Выйдет через 1 видео на RED Group+
- react
- framer-motion
- jotai
- bun
- clsx
- vite
Там сделаем анимированный сайдбар. Выйдет через 1 видео на RED Group+
❤53
Не так давно на западе видел один формат, крайне простой.
Но он меня подтолкнул на новую рубрику, что если иногда снимать видео с разбором ситуаций с которым я встречаюсь на production и как я их решаю.
Чуть придется код показывать нашей платформы, это конечно не сильно безопасно, как Вы видите у нас много недоброжелателей. Но есть безопасные варианты.
Пользы как мне кажется очень много, обычно все закрывают занавесом, все что происходит в реальных проектах на production.
А на самом деле там очень много интересных проблем, которых вы не найдете в пет-проектах.
Киньте реакцию, если интересно👇
PS. Накидайте бустов, у кого есть ТГ премиум, надо вернуть анимированное эмоджи - https://t.me/redgroupchannel?boost
Но он меня подтолкнул на новую рубрику, что если иногда снимать видео с разбором ситуаций с которым я встречаюсь на production и как я их решаю.
Чуть придется код показывать нашей платформы, это конечно не сильно безопасно, как Вы видите у нас много недоброжелателей. Но есть безопасные варианты.
Пользы как мне кажется очень много, обычно все закрывают занавесом, все что происходит в реальных проектах на production.
А на самом деле там очень много интересных проблем, которых вы не найдете в пет-проектах.
Киньте реакцию, если интересно
PS. Накидайте бустов, у кого есть ТГ премиум, надо вернуть анимированное эмоджи - https://t.me/redgroupchannel?boost
Please open Telegram to view this post
VIEW IN TELEGRAM
По реакциям все понял, значит как-нибудь сделаем. Но также буду иногда и в этом канале делиться. Например в этом посте.
Короче нашел крутую утилиту/пакет, которая позволяет запуском одной команды отобразить не использованные зависимости в проекте, которые можно удалить.
Также хотел сообщить что мы успешно продали чуть больше 50% мест на мастер-класс, это еще без рекламы на ютубе. Так что успевайте, ссылку найдете чуть выше.
Утилита называется, сразу оставлю ссылку на npm - depcheck
(Только изучайте список детально, она не идеальна)
Рекомендую! Сейчас чуть приступил к оптимизации, хочется ускорить платформу.
Было полезно? Ставь реакцию👇
Короче нашел крутую утилиту/пакет, которая позволяет запуском одной команды отобразить не использованные зависимости в проекте, которые можно удалить.
Также хотел сообщить что мы успешно продали чуть больше 50% мест на мастер-класс, это еще без рекламы на ютубе. Так что успевайте, ссылку найдете чуть выше.
Утилита называется, сразу оставлю ссылку на npm - depcheck
(Только изучайте список детально, она не идеальна)
Рекомендую! Сейчас чуть приступил к оптимизации, хочется ускорить платформу.
Было полезно? Ставь реакцию
Please open Telegram to view this post
VIEW IN TELEGRAM
💯29
Чет желания появились сегодня написать супер полезное расширение для vs code, уже готово, скоро опубликую.
Так же хочу обновить наши сниппеты, чтобы Вы могли также скачать.
Так же хочу обновить наши сниппеты, чтобы Вы могли также скачать.
Просто захотелось... Я разработал новое расширение для Vs Code и обновил наши сниппеты для Next.js и React.
Расширение называется "Dynamic Import Converter for Next.js". Оно выполняет крайне простую функцию, но альтернатив нет. Оно преобразует обычный импорт в динамичный для lazy loading, также есть поддержка SSR false отдельной кнопкой.
Читайте подробности на странице самого расширения.
Также буду благодарен, если проставите оценку расширению и сниппетам для продвижения. Скачивайте👇
⭐️ Dynamic Import Converter for Next.js
⭐️ Next.js 14/15 and React snippets
🙏 Спасибо заранее за оценки! Пользуйтесь и ускоряйте свою разработку.
PS. Может скоро найду время и наконец-то сделаю качественную тему
Расширение называется "Dynamic Import Converter for Next.js". Оно выполняет крайне простую функцию, но альтернатив нет. Оно преобразует обычный импорт в динамичный для lazy loading, также есть поддержка SSR false отдельной кнопкой.
Читайте подробности на странице самого расширения.
Также буду благодарен, если проставите оценку расширению и сниппетам для продвижения. Скачивайте
🙏 Спасибо заранее за оценки! Пользуйтесь и ускоряйте свою разработку.
PS. Может скоро найду время и наконец-то сделаю качественную тему
Please open Telegram to view this post
VIEW IN TELEGRAM
❤46
Please open Telegram to view this post
VIEW IN TELEGRAM
Не сдержался и вынес функционал в быстрые действия в код. Вот теперь очень удобно стало.
Пришлось 2 часа потратить(
Зато теперь выделяешь импорт нажимаешь хоткей для Quick Actions и конвертируешь✨
Скачивайте мое расширение и ставьте оценки, если полезно👇
⭐️ Dynamic Import Converter for Next.js
UPD: Вынужден был отказаться от quickActions, vs code пока официально не дал API для этого. А мое решение очень сильно грузило файл. Была ужасная оптимизация %(
Пришлось 2 часа потратить(
Зато теперь выделяешь импорт нажимаешь хоткей для Quick Actions и конвертируешь
Скачивайте мое расширение и ставьте оценки, если полезно
UPD: Вынужден был отказаться от quickActions, vs code пока официально не дал API для этого. А мое решение очень сильно грузило файл. Была ужасная оптимизация %(
Please open Telegram to view this post
VIEW IN TELEGRAM
❤17
На самом деле Вас ждет видео про 10 важных вещей на production. Материал для которого я собираю последние месяцы, кстати идею подкинул подписчик.
Но в телеге немного буду спойлерить, некоторые аспекты, которые записываю.
Еще одна годная фишка оптимизации, до этого я говорил про dynamic import в nextjs, но это не все.
К примеру Вам нужно показать всплывающее уведомление после входа в систему.
Все новички обычно заранее в вверху файла пишут
Тем самым, подгружаю библиотеку заранее, а она может вообще не пригодиться, а размер загружаемого контента увеличивается.
Какой выход? Вы можете асинхронно подгрузить библиотеку в тот момент когда ее уже нужно показать.
Например:
#production
Ставь реакцию, если было полезно 👇
P.S. Кстати "клоуны"(завистники) продолжают крутить подписчиков в этот канал. Я не знаю на что это влияет, надеюсь ничего страшного.
Но в телеге немного буду спойлерить, некоторые аспекты, которые записываю.
Еще одна годная фишка оптимизации, до этого я говорил про dynamic import в nextjs, но это не все.
К примеру Вам нужно показать всплывающее уведомление после входа в систему.
Все новички обычно заранее в вверху файла пишут
import { toast } from 'react-hot-toast'Тем самым, подгружаю библиотеку заранее, а она может вообще не пригодиться, а размер загружаемого контента увеличивается.
Какой выход? Вы можете асинхронно подгрузить библиотеку в тот момент когда ее уже нужно показать.
Например:
const toast = await import('react-hot-toast').then(mod => mod.toast)
toast.error('Пройдите капчу!')#production
Ставь реакцию, если было полезно 👇
P.S. Кстати "клоуны"(завистники) продолжают крутить подписчиков в этот канал. Я не знаю на что это влияет, надеюсь ничего страшного.
2
This media is not supported in your browser
VIEW IN TELEGRAM
Наверно лучшая обнова телеги за последнее время. Посмотрим как зайдет на ру-регионе.
Звезды можно покупать и в РФ, через telegram premium bot. Я так понял стоимость 1 звезды 2 руб, что очень демократично.
Теперь так вы можете ставить новые виды реакций «звезды» причем сколько угодно и тем самым поддерживать автора копеечкой.
Также они завезли функцию платных каналов по подписке через звезды. 🌟 Это наверно меньше будет пользоваться спросом.
Так что теперь в нашем канале кроме бустов, Вы также можете ставить платные реакции. 👇
Звезды можно покупать и в РФ, через telegram premium bot. Я так понял стоимость 1 звезды 2 руб, что очень демократично.
Теперь так вы можете ставить новые виды реакций «звезды» причем сколько угодно и тем самым поддерживать автора копеечкой.
Также они завезли функцию платных каналов по подписке через звезды. 🌟 Это наверно меньше будет пользоваться спросом.
Так что теперь в нашем канале кроме бустов, Вы также можете ставить платные реакции. 👇
13
Какая же крутая обнова Вас ждет. Да в ней не будет визуально новых фишек. Но будет что-то более важное.
У меня получилось улучшить скорость загрузки и размер загружаемого контента примерно на 30-40%. Это фантастика.
На самом деле тема бездонная, можно копать очень долго и доводить до пикселей, но это уже перебор будет.
Есть еще один момент по оптимизации который хочется сделать, но он не простой. Связано с северной частью, но хочется.
Короче ждите обнову✨ 💎
У меня получилось улучшить скорость загрузки и размер загружаемого контента примерно на 30-40%. Это фантастика.
На самом деле тема бездонная, можно копать очень долго и доводить до пикселей, но это уже перебор будет.
Есть еще один момент по оптимизации который хочется сделать, но он не простой. Связано с северной частью, но хочется.
Короче ждите обнову
Please open Telegram to view this post
VIEW IN TELEGRAM
2⚡24❤🔥7
Проделали гигантскую работу по оптимизации. Оптимизировали все тяжелые страницы, которые в этом нуждались. И очень, очень много под-капотных оптимизаций. Потратил много времени, но это того стоило.
Скорость загрузки улучшилась на 30%, а также размер загружаемых данных.
Короче платформа будет еще быстрее работать. Но мы продолжим работу, еще есть пару идей по оптимизации.
Еще пару свежих моментов:
Надеемся, что эти обновления улучшат ваш опыт на нашей платформе!
Напомню я являюсь 1 разработчиком в проекте, уже тот факт что я его написал достоин уважения. Поэтому если есть задержка в решение багов или ответе в наших ботах, просьба ожидать. Со временем мы расширим команду, и обновления будут выходить чаще.
Прожмите реакцию, это очень нас мотивирует 👇
#htmllessons_updates #upd@redgroup
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡32❤🔥10
Включил защиту от ботов, и очистил канал. Так что кастомные реакции вернулись 👇 🔥 💎
Please open Telegram to view this post
VIEW IN TELEGRAM
7
Ребят кто Бусты забрал(
Давайте создавать атмосферу вместе, если есть тг премиум поставьте пожалуйста- BOOST
А я если увижу актив постараюсь сегодня опубликовать полный курс node + express, в котором и для новичков информация и оптимизация, безопасность в конце для продвинутых.
Давайте создавать атмосферу вместе, если есть тг премиум поставьте пожалуйста- BOOST
А я если увижу актив постараюсь сегодня опубликовать полный курс node + express, в котором и для новичков информация и оптимизация, безопасность в конце для продвинутых.
Telegram
Max [RED Group x htmllessons]
Проголосуйте за канал, чтобы он получил больше возможностей.
13