Сова пишет…
3.14K subscribers
345 photos
37 videos
5 files
417 links
Frontend Senior Fullstack Backend Lead и прочие слова.
Изучаю самые современные технологии.
Обучаю разработчиков как стать сильнее — https://frontend.vision.

По коллаборациям и сотрудничеству пишите в сообщения канала!
Download Telegram
Вторая подборка новостей и полезных статей!

UUID v7, react-var-ui, imgui, path-style params, ultrajs, effector и другое

https://news.sova.dev/issues/issue-2-773353
Forwarded from CSS mind
Про дизайн-токены

В прошлую пятницу вышел первый публичный черновик спецификации формата описания дизайн-токенов.

Зачем?

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

Пока нет спецификации каждый городит свой велосипед, чтобы удобно работать со всеми платформами одновременно. У нас, например, токены лежат на гитхабе как json. Когда что-то обновляется, выпускается релиз, и все платформы генерируют для себя новые наборы переменных, в том числе и фигма.

У всех по разному.
Когда появится спецификация - появятся стандартные, хорошо поддерживаемые инструменты, возможно даже встроенные.

Что дальше?

Спецификация находится на стадии разработки, там много открытых проблем, например:
1. Должны ли токены обязательно иметь тип?
2. Должны ли именя токенов быть регистро-зависимы?
3. Обязательно ли описывать токены текстом?

Надеюсь, что этот формат скоро появится в нашей жизни, поэтому важно дать свой фидбек, чтобы формат стал удобным и для вас тоже 🙂

#design_tokens
🔥 Третий выпуск подборки “Сова пишет новости” готов порадовать вас разнообразием.

Если я вдруг продолбал орфографию или полезную ссылку, пинайте здесь, поправлю и учту в будущем

https://news.sova.dev/issues/issue-3-779862
Напоминаю!
Сова пишет…
Интересно, как я занимаюсь планированием личного времени и зачем мне таск-трекер?
Я написал драфт видео про причины и принципы планирования личного времени.
Собираюсь в течение пары недель выкатить на YouTube.

Но у нас с kamyshev.code есть ещё продолжение стрима про разработку игры на effector.
Ждёте что-нибудь из этого?
Нужна помощь в решении проблемы с CRA и babel-plugin-macros встроенный в cra.
В patronum есть макрос, расположенный в patronum/macro, он также прописан в карту экспортов package.json:exports.

Проблема в ошибке на скриншоте, CRA не может найти макрос в пакете. В примере используется имя @effector/patronum, потому что при каждом билде на CI собирается npm-пакет и публикуется в github npm registry, чтобы затем можно было пройти полный процесс установки пакета. Так можно отследить все ли файлы попали в пакет(package.json:files, .npm ignore), правильно ли настроены экспорты (package.json:exports, main, module, browser, types) и все остальное связанное с упаковкой.

https://github.com/effector/patronum/runs/3846680177
Локально тоже можно пройти подобный процесс. Все не очень сложно, разве что установка производится не из реестра пакетов, а из отдельной директории.

1. cd patronum
2. yarn

3. LIBRARY_NAME=@effector/patronum yarn build

4. cd integration/cra
5. yarn
6. yarn add ../../dist


А дальше yarn start или yarn test.
Версии: yarn 1, nodejs 16
Но самое интересное начинается дальше, сборка на webpack+babel работает корректно с этим процессом и на CI, а вот CRA не может себя вести нормально и показывает мне ошибки.
Помочь не сложно, нужно клонировать main ветку к себе и пройти по шагам выше. Если удастся зафиксить кинуть ПР в репозиторий github.com/effector/patronum благодарно будет все сообщество, ибо без этого фикса не можем выпустить версию 1.3.0 со всеми фичами
Четвёртый выпуск подборки статей ещё горячий как пирожки воображаемой бабушки!

В этот раз у меня получилось собрать 15 ссылок с картиночками. Поэтому досматриваем рассылку до конца, точно найдёте что-нибудь полезно-развлекательное для себя)

https://news.sova.dev/issues/4-795780

Делитесь этой ссылкой с друзьями и коллегами, пусть они тоже будут в контексте интересными полезных подборок)
Таки дошли руки выложить видос создания метода effector patronum.

https://youtu.be/uG4gosfZNGk

Прошу не ругать за качество видео и звука, не знал, что streamyard так плохо пишет, а перезаписывать такое длинное видео сейчас нет времени, готовлю следующий видос.
Вспоминаем лучшие практики из разработки в новом выпуске рассылки "Сова пишет новости"!

https://news.sova.dev/issues/5-806332
Начнем?
Кто готов купить MacBook Pro M1, куплен в январе, месяц назад менялось всё железо с топкейсом?
Anonymous Poll
16%
100K
84%
Не куплю
This media is not supported in your browser
VIEW IN TELEGRAM
Единственный способ быстро установить react-router со всем необходимым
Ребята, возвращаю вам сочнейшую подборку, которая должна была выйти ещё неделю назад.

https://news.sova.dev/issues/6-816047
Ребят, это началось
This media is not supported in your browser
VIEW IN TELEGRAM
Мне одному кажется, что такой способ демонстрации экрана впринципе не может быть удобным?
По мотивам обсуждения статьи про критерии реактивности, я записал выпуск подкаста "Под куполом" — Почему бенчмарки лгут.

anchor.fm/under-a-dome/episodes/ep-e18l0hg

Все платформы, где можно послушать здесь:
podcast.ru/1553479345
Вопрос-наброс. Я токсичный?
Anonymous Poll
28%
Да, слишком
47%
Иногда
25%
Нет
Если ещё не подписаны на меня в твиттере, подпишитесь)

twitter.com/_sergeysova
В react-router@v6 нельзя управлять роутером за пределами React контекста.

Источник: github.com/remix-run/react-router/issues/8264

Ryan Florence предлагает вызывать все необходимые действия через useEffect и useNavigate. То есть вернуть контроль внутрь React. Всё было не так плохо, если бы не полная невозможность передать контроль СТМ в режиме SSR, ведь там useEffect не выполняется.

И как справедливо было отмечено, проблему это не решает вообще никаким образом.