#сниппеты
Фронтендеры, контент для вас 🌝
На проекте потребовалось формировать json файл с номером билда.
Решил сделать простой кастомный webpack плагин.
Код текстом в комментариях \/
Фронтендеры, контент для вас 🌝
На проекте потребовалось формировать json файл с номером билда.
Решил сделать простой кастомный webpack плагин.
Код текстом в комментариях \/
🔥9
#петпроекты
Лёрну исполняется полтора года. Сегодня,в честь праздника, выпуск стабильной 1.11 версии.
Фичи
- Сэндбокс с возможностью юшарить свои наработки с другими юзерами
- В Гайдбуке появился новый вид статей - canvas-посты в виде граф-схем
- Централизованная система уведомлений, которая расскажет какую ачивку вам дали, в каком посте форума оживился тред
Исправления:
- Огромнейшее число оптимизаций в списках / вебпаке / реорганизация архитектуры кода. Теперь клиент приложения запускается в 100% случаях
- Дизайн. Приведён к одной цветовой палитре
Лёрну исполняется полтора года. Сегодня,в честь праздника, выпуск стабильной 1.11 версии.
Фичи
- Сэндбокс с возможностью юшарить свои наработки с другими юзерами
- В Гайдбуке появился новый вид статей - canvas-посты в виде граф-схем
- Централизованная система уведомлений, которая расскажет какую ачивку вам дали, в каком посте форума оживился тред
Исправления:
- Огромнейшее число оптимизаций в списках / вебпаке / реорганизация архитектуры кода. Теперь клиент приложения запускается в 100% случаях
- Дизайн. Приведён к одной цветовой палитре
🎉6🐳5👍1
А спонсором нашей новой аватарки становится нейросеть midjourney v4 🖼️🖼️🖼️
Скорей всего, брендированный дизайн всего буду теперь генерить через неё + немного фш :3
Скорей всего, брендированный дизайн всего буду теперь генерить через неё + немного фш :3
🐳7🔥2❤1
Фронтендеры, контент для вас.
Уже давно пишу свои проекты на архитектуре feature-sliced версии компании 42px, в которой работаю на данный момент.
И вот совершенно недавно доописал документацию по ней, добавив к большой основной еще несколько примеров и инструкции по очень частым кейсам (работы с формами/фабриками/навигацией итд), и организовал из всего этого сайтик-доку, построенную на базе vitepress
Если вам будет интересно, как примерно устроен Лёрн, или ,например, yNote, то можете ознакомиться с ней здесь:
https://learn.42px.org/front-arch/
upd. после 2025 декабря больше не пишу
Уже давно пишу свои проекты на архитектуре feature-sliced версии компании 42px, в которой работаю на данный момент.
И вот совершенно недавно доописал документацию по ней, добавив к большой основной еще несколько примеров и инструкции по очень частым кейсам (работы с формами/фабриками/навигацией итд), и организовал из всего этого сайтик-доку, построенную на базе vitepress
Если вам будет интересно, как примерно устроен Лёрн, или ,например, yNote, то можете ознакомиться с ней здесь:
https://learn.42px.org/front-arch/
upd. после 2025 декабря больше не пишу
❤10👍1
В продолжение к предыдущему посту, сегодня я разработал Arch-CLI - командные утилки для более быстрого процесса разработки на архитектуре feature-sliced.
Они позволяют:
- быстро создать базовый data access layer
- создать фичу в проекте
- возможность подключить работу движка тем
- сразу подключить бойлерплейт-модуль авторизации
Они позволяют:
- быстро создать базовый data access layer
- создать фичу в проекте
- возможность подключить работу движка тем
- сразу подключить бойлерплейт-модуль авторизации
❤11
https://www.igoreshadev.ru/ 🌙 🌙 🌙
Кстати,
Я же тут на днях запилил портфолио на том же vitepress.
И теперь вся инфа по проектам ,чтоб не потеряться в тележке, будет складироваться туда.
Кстати,
Я же тут на днях запилил портфолио на том же vitepress.
И теперь вся инфа по проектам ,чтоб не потеряться в тележке, будет складироваться туда.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤2
#петпроекты
На минувшей неделе в свободное время работали со студентами над первым канбан проектом, который планирую выкатить уже на след. неделе в опенсурс.
Этот канбан - результат моих стримов для студентов по NestJS и React/Effector разработке.
Канбан доска выступает как инструмент для построения стратегии по планированию собеседований в горизонтально растущих айти компаниях.
Кстатиговоря, на данном проекте хорошо показал себя learn-uikit, который использовался повсевместно.
Скорей всего, в ближайшем будущем, он тоже перейдет в open source модель.
На минувшей неделе в свободное время работали со студентами над первым канбан проектом, который планирую выкатить уже на след. неделе в опенсурс.
Этот канбан - результат моих стримов для студентов по NestJS и React/Effector разработке.
Канбан доска выступает как инструмент для построения стратегии по планированию собеседований в горизонтально растущих айти компаниях.
Кстатиговоря, на данном проекте хорошо показал себя learn-uikit, который использовался повсевместно.
Скорей всего, в ближайшем будущем, он тоже перейдет в open source модель.
☃6🔥4
#полезности
Уже довольно давно не пишу бэкенд, и тут узнал, что ,оказывается, в экосистеме nest есть тулзы которые покажут как выглядят вообще все модули в бэкенд прилке и их кореляции между друг другом.
Ашалеть.
https://devtools.nestjs.com/
Уже довольно давно не пишу бэкенд, и тут узнал, что ,оказывается, в экосистеме nest есть тулзы которые покажут как выглядят вообще все модули в бэкенд прилке и их кореляции между друг другом.
Ашалеть.
https://devtools.nestjs.com/
😱5
#релиз #петпроекты
🧪💪🏻🚀
Как и обещал - результат нашей совместной разработки и обучения со студентами ушел в опен-сурс. В ближайшее время я настрою лицензирование, а пока можно исследовать наработки.
Напоминаю,
- ⚛️ frontend стек: react, effector, styled-components
- 🐈 backend стек: nestjs , typeorm
Репозитории:
https://github.com/qvlxty/vacancies-kanban-frontend
https://github.com/qvlxty/vacancies-kanban-backend
🧪💪🏻🚀
Как и обещал - результат нашей совместной разработки и обучения со студентами ушел в опен-сурс. В ближайшее время я настрою лицензирование, а пока можно исследовать наработки.
Напоминаю,
- ⚛️ frontend стек: react, effector, styled-components
- 🐈 backend стек: nestjs , typeorm
Репозитории:
https://github.com/qvlxty/vacancies-kanban-frontend
https://github.com/qvlxty/vacancies-kanban-backend
🔥7
✨✨✨
Доброй субботы ,подписчики:)
Маловероятно, но возможно, что следующим опенсурсным проектом будет плеер на electron-js + react/effector, который пилю на стримах со студентами в свободное время
За одну встречу, мы успели реализовать:
- Интегрировать Learn UI-KIT
- Выбор директории с Музыкой
- Отображать играющий трек в PlayerControls компоненте
- Текущий трек выделяется акцентным цветом в списке
- Запилили кастомный верхний бар
- Сорт музыки (react-dnd)
- Настройка громкости
- Автоматический переход на след. трек
- Реализовали кнопки перехода по трекам с учетом начала и конца списка
Следующей итерацией появится:
- Плейлисты и возможность под свой плейлист настраивать графическую темку
- Визуализация (через всякие audio-context)
Если интересно - смогу сделать несколько постов по audioContext и визуализации. Там немного знаний про то что такое АЧХ, и как преобразование Фурье(fft) поможет нам в динамике получать адекватно и без лагов амплитуды частот чтобы это всё визуализировать, например, через threejs
Доброй субботы ,подписчики:)
Маловероятно, но возможно, что следующим опенсурсным проектом будет плеер на electron-js + react/effector, который пилю на стримах со студентами в свободное время
За одну встречу, мы успели реализовать:
- Интегрировать Learn UI-KIT
- Выбор директории с Музыкой
- Отображать играющий трек в PlayerControls компоненте
- Текущий трек выделяется акцентным цветом в списке
- Запилили кастомный верхний бар
- Сорт музыки (react-dnd)
- Настройка громкости
- Автоматический переход на след. трек
- Реализовали кнопки перехода по трекам с учетом начала и конца списка
Следующей итерацией появится:
- Плейлисты и возможность под свой плейлист настраивать графическую темку
- Визуализация (через всякие audio-context)
Если интересно - смогу сделать несколько постов по audioContext и визуализации. Там немного знаний про то что такое АЧХ, и как преобразование Фурье(fft) поможет нам в динамике получать адекватно и без лагов амплитуды частот чтобы это всё визуализировать, например, через threejs
🔥11😱1
🎹🎵🎸
#петпроекты
Плеер уже на 70% готов. Думаю, релиз уже скоро.
Новые фичи:
- Базовая реализация визуализации waveform по АЧХ
- Светлая тема (learn-uikit как-никак)
- Настройки
- Поиск по трекам / исполнителям
- Подгрузка обложек из метаданных файла
#петпроекты
Плеер уже на 70% готов. Думаю, релиз уже скоро.
Новые фичи:
- Базовая реализация визуализации waveform по АЧХ
- Светлая тема (learn-uikit как-никак)
- Настройки
- Поиск по трекам / исполнителям
- Подгрузка обложек из метаданных файла
🔥8👍1
Релиз моего музыкального плеера под macOS (ARM)
Фичи релиза:
- Плейлисты
- Сам плеер с перемоткой / сменой треков / громкостью
- Настройками хранилища / рескана
- Сорт плейлистов и треков драгндропом
- Тёмная/Светлая тема
- Простецкая виртуализация звукового потока
- Виртуализация основного списка треков (Не должно быть лагов на ~10к треках, протещено)
Итого на разработку ушло буквально пару вечеров.
Фичи релиза:
- Плейлисты
- Сам плеер с перемоткой / сменой треков / громкостью
- Настройками хранилища / рескана
- Сорт плейлистов и треков драгндропом
- Тёмная/Светлая тема
- Простецкая виртуализация звукового потока
- Виртуализация основного списка треков (Не должно быть лагов на ~10к треках, протещено)
Итого на разработку ушло буквально пару вечеров.
🔥6🎉4👍1