Препарируем React и находим родовые травмы

Выбор двух миллионов разрабов, но..
- Не умеет в реактивность.
- Ререндеры по любому чиху.
- Смешивает инициализацию и обновление, логику и шаблон.
- Путается между пересозданиями и перемещением.
- Все компоненты либо неуправляемые, либо неполноценные, либо ожиревшие.
- Кривая эмуляция объектов через функции с хуками.
- Не типизируемый VDOM на выходе.
- Разобщённая экосистема со слабой поддержкой TS.
- Горы бойлерплейта по мере приближения к проду.

В продолжение темы: Реактивный React, Читерские бенчмарки.

Копилка благодарностей: https://boosty.to/hyoo

На днях Сергей отрефакторил нашу аудио подсистему $mol_audio. Теперь это не просто пищалка, а целая звуковая студия.

Так как для начала воспроизведения звуков в браузере требуется действие пользователя, то аудио контекст теперь умеет отображать свой статус через спец кнопку $mol_audio_status, которая позволяет его активировать.

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

Пока есть два типа инструмента: осциллятор $mol_audio_vibe и сэмплер $mol_audio_sample. Последний может проигрываться с зацикливанием.

Ещё появился $mol_audio_melody - дорожка секвенсора, которая на переданном ей инструменте воспроизводит последовательность нот, описанных подмножеством формата GUIDO. Формат такой себе, конечно. Думаю в перспективе надо изобрести свой, более логичный.

Ну и демки на поиграться: Осциллятор, Семплер, Секвенсор.

Это ещё не финал, R&D ещё не закончен, так что апи может ещё поменяться.

Сегодня (16 числа) еду в Москву. Буду рассказывать под запись для этого митапа про создание сервиса сбора обратной связи на CRUS🦿DB + $mol. Вечер после 16:00 буду болтаться по городу. Так что кто тоже в Москве сейчас, давайте встретимся, сымпровизируем ещё и $mol_meetup.

CSS дебаты: Atomic-CSS vs CSS-in-JS vs CSS_in_TS
Звук какой получился, такой получился.

Сегодня в 19 буду рассказывать онлайн про скоростное поднятие стартапа на наших технологиях: MAM, $mol, CRUSDB. Вроде будет ещё и небольшая дискуссия с экспертами.

Основы Реактивного Программирования на IT_conf 3.0
+ Слайды

Разбор доклада Артёма Арутюняна про Архитектуру и Реактивное программирование

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

Копилка благодарностей: https://boosty.to/hyoo

Прокачка бесконечного вайтборда

$hyoo_draw пока что так и застрял в состоянии прототипа, который приходится всё время вайпать.

У нас появился ангел, готовый проспонсировать его развитие. И теперь нам нужен герой, который готов этим заняться и к концу лета выпустить полноценный MVP.

Примерная дорожная карта выглядит так:

- Перевести $hyoo_draw на $hyoo_crus с реализацией гео индекса для загрузки лишь видимой части.

- Добавить поддержку объектов (картинки, фалы) с хранением их в базе.

- Провести нагрузочное тестирование с большим числом объектов и принять решение о необходимости переезда на webgl/gpu.

- Добавить поддержку текстовых блоков.

- Добавить импорт/экспорт из/в Миро.

🥵 Хардкорнейшая конференция в Питере.

🤯 Полный вынос мозга от Карловского.

🤑 Всё совершенно бесплатно.

⏰ Дата и время: 2024-08-04 10:30/21:00

🌍 Место ещё пеленгуется.

Предварительная программа

10:30 ✨ Стартуем!

11:00 🤔 Не SOLID'ное программирование

12:00 🌴 Tree - единый AST, чтобы править всеми

13:00 💊 $mol - лучшее средство от геморроя

14:00 🚀 Теория реактивности

15:00 🧩 Объектное Реактивное Программирование

16:00 📺 Автоматическая виртуализация рендеринга

17:00 📐 Фрактальное тестирование

18:00 🔮 Будущее управления состоянием

19:00 🚄 Практика скоростной разработки

20:00 💬 Питчинг безумных проектов

21:00 🎉 Шальная вечеринка с именинником

▶️ Все подробности и регистрация

🎉 Спасибо всем, кто заглянул ко мне на ДР, особенно тем, кто не поленился приехать из других городов.

🛋 Лампово пообщались, как на самой конференции, так и на афтепати.

🧮 Из 120 человек в канале, зарегалось на площадке 50, из которых, не смотря на ливень, заглянуло к нам 25, а на афтепати осталось 6.

🎁 Никто не ушёл без подарков благодаря:

- Конференции Стачка, которая 27 сентября впервые пройдёт в Питере, и на которую вы сможете попасть со скидкой 10% по промику ФРОНТ10.

- Хостингу Спринтхост, который дарит всем скидку 35% по промику BrainDanceDay24.

- Хостингу Immers.Cloud, который добавит к первому пополнению при реге 20% по рефералке.

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

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

👨‍👩‍👧‍👦 Благодарю команды PiterJS, ИТМО и Сфера. СПб x Мск, за публикацию анонса конфы, а так же админов сообществ Я 💛 Фронтенд и A?.Frontend Community, что их не удалили.

🙏 Отдельный респект 👧Владе, 👦Ивану и 👧Кате за помочь на площадке.

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

А вот и видео записи с 👾 Brain Dance Day: Ютуб, Рутуб.
К сожалению, пара выступлений не записалась. Одно из них ($mol - лучшее средство от геморроя) проклятое - дважды я с ним выступаю, и дважды оно не записалось.
Остальные фото, видео и отзывы можно найти на странице итогов.

Да, давно пора было создать зеркало на российском видеохостинге, и вот, время пришло. На рутуб канал Гипер Дев я планирую постепенно перенести не только видео с каналов $mol и Core Dump, но и выступления с других каналов, пока опять чего не удалили.

Рутуб по сравнению с Ютубом меня, как зрителя, приятно удивил: это и опрятный лаконичный дизайн, и неожиданно шустрый фронтенд, и не плохой видеоплеер, который хотя бы запоминает настройки. Правда приглушённая нерегулируемая громкость выбивается из общей идиллии.

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

На Стачке я проведу мастер-класс по разработке на $mol. Есть один халявный билет. Кто нибудь хотел бы сходить на эту конфу?

Объективные критерии хорошего определения

Простой пример:

✅ Функциональное Программирование - программирование на чистых функциях (те, что в математике). Ага, вызов чистой функции не имеет сайд эффектов и может быть спокойно заменён её результатом, который не зависит от времени вызова.

❌ Функциональное Программирование - программирование с использованием замкнутых функций первого класса (те, что локальные процедуры с неявным аргументом для возврата). Так, и что? Это же не даёт нам никаких принципиально новых свойств.