Introducing Signals

Преактовцы выпустили пакет, который заимствует некоторые идеи из Solid.js.
И у него есть частичная совместимость с реактом

Для 2022 там используются достаточно стандартные решения в плане реактивщины, но…

С точки зрения вью либы они сделали то чего давно не хватало во всех этих реактах - нативные реактивные биндинги!

Что это? Я уже как-то предлагал реализовать нечто подобно на Jotai (тогда это посчитали неважной утилитой). Оно позволяет вставлять в JSX реактивные юниты без использования хуков! Трюк прост - давайте вставлять компонент-обертку, который в себе просто вызывает хук и возвращает его значение. Таким образом мы избавляемся от пачки правил использования хуков в одном рендере.

Хотя уже давным давно существует github.com/grammarly/focal, который делает нечто подобное, но преактовцы сделали интеграцию максимально прозрачной и лёгкой как с точки зрения юзер кода, так и по технической реализации (ну это они так говорят).

И, наконец, получили vue.js.

И важно тут вот что, реактивный юнит в преакте можно не просто вставлять в JSX, но и передавать в атрибуты DOM элементов - и это гейм-ченджер который позволяет практически полностью убрать ререндеры.

Интересно, конечно, что там по памяти и скорости инициализации. Ждем еще независимые перфтесты.

P.S. пакет весит как третий реатом, который еще более фичастый и универсальный 😉

Опубликовали доклад с Ural Digital Weekend 2022:
«Медленная веб-страница. Что делать?»

Видео: https://www.youtube.com/watch?v=ow3eE1LokQ0
Слайды: https://bit.ly/slow_webpage

Waaaat
https://twitter.com/amasad/status/1567953865622061057

Рекомендую весь тред почитать (это не первый твит).

Не нарадуюсь крутизне нового реатома☺️

Дока для реакт пакета третьей (альфа) версии готова - можно экспериментировать ;)

Зарепортил им багу, пофиксили 🙂

Кто и как до этого додумался 🙂 Очень интересно, почему какой-то один диапазон не выделили.

отсюда

Расскажу про redux-saga и почему о них важно знать каждому

TypedMap

Разгребал гисты и нашел типизированную версию иммутабельной мапы - это почти что 80lvl по программированию на типах.

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

ЗЫ а вот тред в ТС чатике о дебаге и создании этого кода.

Revolution OS (правильный перевод)

Я иногда забываю что идея открытых знаний и свободно переиспользуемого тулинга достаточно уникальна для ИТшки. Некоторые мои родственники или знакомые даже не подозревают как радикально иначе можно строить бизнес или просто делать какие-то дела. Фильм будет понятен и доступен любому “уверенному пользователю ПК”, рекомендую 🙂

https://t.me/nikitonsky_pub/390

Дизайн это не киллер фича, это основа комфорта, который прибавляет или вычитает от общего впечатления.
Амазон не меняется, потому что пользователь не любит когда что-то меняется, пользователю лучше всего что-то привычное, потому что оно понятно и предсказуемо, те комфортно.

Хороший дизайн - эффективен в том что бы быстро провести пользователя по целевому процессу, который заканчивается тратой его денег.

Что бы пользователь не тупил, интерфейс должен быть привычный и понятный.
Привычным его можно сделать скопировав дизайн практики из платформы где запускается приложение (веб/десктоп/нейтив). Кстати узнать о них можно из гайдов по доступности.
А что бы интерфейс был понятный нужна прям толика дизайна для выделения ключевых элементов. Ну или скрытия второстепенных.

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

Возвращаясь к амазону. Если у вас есть киллер фича и вы можете на ней сильно вырасти - не играйтесь с дизайном, а сделайте максимально просто и понятно. Сэкономите на настоящем и будущем.
Добавить брендинг проще чем его поменять.

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

Почему с nx на turbo? Первый был для меня не удобен во многих мелочах, особенно в расширении для vscode на которое я возлагал большие надежды. Это еще терпимо, но я ни раз сталкивался с какими-то ошибками: какие-то заводил, какие-то просто не понимал как дебажить, воспроизводить и репортить - падает ошибка при запуске билда с графом на десяток пакетов, а откуда и почему не ясно.
На турбо оказалось норм, он меньше дает, но и попроще как-то - я это ценю.

По ссылке выше ишье как раз на багу в кодгене. Меня это напрягало, но было терпимо потому что сам формат был удобный - заводишь папку с кучкой файлов в которых просто специальным синтаксисом указываешь ключевые слова для изменения. В итоге, можно самому просто копирнуть папку и глобальным реплейсом за 5 секунд персонализировать темплейт в пакет. Удобно. Но как автоматизировать это другими инструментами, после миграции на турбо, я не нашел. Все говорят про plop, но он как будто заточен на кодснипеты. У меня простая задача - скопирнуть папку и сделать глобал реплейс.
Решил не привносить доп пакеты с доп сложностью, а написать свой скрипт - вышло достаточно коротко и внятно кмк.

С публикацией пакетов такая проблема: их много и следить за тем что изменилось очень тяжело, а как паблишить автоматически из CI я ещё не разобрался и не уверен можно ли вообще - у меня юбикей для OTP. Хотелось инструмент который может просто подсказать какие пакеты не актуальны в нпм. Я уже давно использовал npmjs.com/package/@jsdevtools/npm-publish и вроде норм, хотя оказалась что он не читает publishConfig.tag из пакаджисона - можно было бы запулреквестить, но я заметил что версию пакета он получает простой командой npm view package-name version и взяв тот же zx запили свой скрипт, избавив нодмодули от лишнего веса.

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

До круглого числа осталось 35 человек.

Поделитесь ссылкой t.me/artalog/187 ;)