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

Ещё много впереди, но, объективно говоря, уже сейчас это ультимативное решение, все аналоги имеют лишь с половину фич.

Первая презентация сегодня будет тут: https://holyjs.ru/schedule/days/1

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

Welcome reatom.dev

Хочется напомнить этот пост про headleess-ui.

Замена реакита сейчас разрабатывается в виде https://ariakit.org. Кстати, вот моя старая заметка он нем.

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

В чате спросили “Где можно проверить сайт на доступность?”в в другом чате ответили:

https://developer.chrome.com/docs/devtools/accessibility/reference/

https://wave.webaim.org

https://www.deque.com/axe/ (бесплатное расширение)

http://accessibilityinsights.io

https://accessibe.com/accessscan

#help_oss Помогите пофиксить баги в мобильной версии reatom.dev 🙂 Нужно провести небольшое тестирование, в том числе на айфоне (у меня нет).
https://github.com/artalar/reatom/issues/445

Сегодня опять напомню о хорошем посте - про CSS-шлюзы 🙂

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

Зум отличается от подхода с ремами тем что он скейлит не только текст, но и вообще все визуальные элементы, в том числе бордеры, что иногда смотрится стремно. При верстке на ремах же для некоторых размеров можно (и нужно!) использовать пиксели.

Ещё на мобилках зумить весь сайт иногда вообще нельзя или не удобно.

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

А если вам хочется посмотреть на наглядный пример использования ремов - reatom.dev. Лайфхак - у меня нет макета ни к нему, не к mono 😃

И специально для тестов я добавил поддержку url параметра __remSize, который задает documentElement.style.fontSize. Вот попробуйте, откройте две вкладки рядом, поменяйте значение __remSize:

reatom.dev
reatom.dev/?__remSize=16px

Вот вам очень большой тред о возможном внедрении jsx в стандарт

Ну почти 🙂 я кликбейчу.

Клик по этому чекбоксу перезагружает страницу. Просто венец MPA (:

Оооо, оно еще и с выключенным JS не работает! Экшен на форме стоит, но input type="checkbox”
Спасибо за наводку @zubkov_p

Интересные новости headless-ui.

Адобовский юй-кит пополнился хуками для DnD: https://react-spectrum.adobe.com/blog/drag-and-drop.html

И там упоминается что оно так же может работать с уже существующими списками, таблицами и гридам.

Вообще, если вы еще не следите за этой дизайн системой - очень советую, там фундаментально перепридумывают архитектуру и микропаттерны имплементации дизайн системы и дружат все это с множеством браузерных особенностей: react-spectrum.adobe.com/blog

Поменял темы на Box UK и Box UK Light


"editor.fontFamily": "Iosevka Term",
"editor.fontWeight": "600",
"editor.fontLigatures": true,
"editor.fontSize": 18,

#ide

Автоинкремент версии пакета при обновлении его зависимостей

Очередной ответ на вопрос “а зачем пилить свой велосипед”. Есть мета пакет framework, который просто зависит от пачки типовых пакетов и делает из них реекспорты - удобно ставить, удобно импортить, удобно.

Но что бы обновление любого зависимого пакета попало к вам в проект, нужно доставлять его вручную, либо использовать какие-то патч утилиты / доп команды пакетных менеджеров, которые не знаю я и большинство других разработчиков.

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

Што 😂
https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/418

О как

В ближайшем времени будет запись нового выпуска подкаста Станция НЛО

Рассмотрим язык программирования Clojure, а поможет нам известный в узких кругах гость 😎

Напишите какие вопросы вы хотели бы, чтобы были озвучены в выпуске, если таковые имеются

^ переходите в канал, оставляйте вопросы в комментариях к посту. Подписывайтесь, добьем Сергею 2к :)

Немножко поговорим про роутинг