Давайте пжлст договоримся.
EcmaScript (ES) - это спека, в ней нет ничего про таймеры и остальное IO.
Но смысла в ней в отдельности от рантайма практически нет.
JavaScript (JS) - это ES + IO апишки, типа таймеров, фетча, бродкаст чанклов и т.п. Это то с чем большинство разработчиков работает и о чем постоянно приходится заботится: асинхронные гонки состояний.
В чате с утра баталии идут, а асинхронный ли ЖС... Ну в моей работе точно да.
EcmaScript (ES) - это спека, в ней нет ничего про таймеры и остальное IO.
Но смысла в ней в отдельности от рантайма практически нет.
JavaScript (JS) - это ES + IO апишки, типа таймеров, фетча, бродкаст чанклов и т.п. Это то с чем большинство разработчиков работает и о чем постоянно приходится заботится: асинхронные гонки состояний.
В чате с утра баталии идут, а асинхронный ли ЖС... Ну в моей работе точно да.
👍18🔥4🕊3❤1
CleanShot 2023-02-20 at 08.49.34@2x.png
580.5 KB
Несколько дней на новой теме, на столько нравится, что даже в светлое время суток не переключаюсь.
"workbench.colorTheme": "Vesper",
"editor.fontFamily": "Iosevka Term",
"editor.fontWeight": "600",
"editor.fontLigatures": true,
"editor.fontSize": 18,
👍11👎2😱2🫡1
Завел багу https://github.com/oven-sh/bun/issues/2121
По спеке должен быть ~следующий тик, но не микротаск.
По спеке должен быть ~следующий тик, но не микротаск.
🔥11👍2😁2
artalog
Завел багу https://github.com/oven-sh/bun/issues/2121 По спеке должен быть ~следующий тик, но не микротаск.
Так, человеки, я этот баг получил из реального кода - тестов реатома.
Forwarded from undefined
Анализ Core Web Vitals по 9,3 миллионам веб-сайтов по состоянию на 6 февраля 2023 года показывает, что Core Web Vitals как для React, так и для Next.js показывает, что оба они работают хуже, чем совокупность всех других сайтов в архиве как для мобильных устройств, так и для настольных компьютеров. - https://www.zachleat.com/web/react-criticism/
😁10😱2💩2👍1🌚1
Долгожданная фича, в видосе хорошо показаны основные возможности реатома и его простота интеграции с реактом. Всего 8 минут.
https://news.1rj.ru/str/reatom_ru_news/163
По реализации подсказал @ValeryKobzar, спасибо ему!
https://news.1rj.ru/str/reatom_ru_news/163
По реализации подсказал @ValeryKobzar, спасибо ему!
Telegram
Reatom новости
В @reatom/npm-react@3.2.0 появилось логирование атомомв и экшенов с выводом имен используещих компонентов! Очень удобно для дебага причин изменений связанных стейтов.
Как минимум, можно прозрачно заменить useState на useAtom и уже получить хорошее логировании.…
Как минимум, можно прозрачно заменить useState на useAtom и уже получить хорошее логировании.…
🔥8❤3👍1
Записал видосик про атомизацию - паттерн удобного и производительного управления иммутабельными списками.
Это может быть интересным не только тем кто вовлечень в реатом, рассматривается частная реализация “ref-pattern”. Общий пример из будущего: https://twitter.com/sebastienlorber/status/1620385689853661185
P.S. предыдущий видос Имя компонента в логах useAtom тоже залил на ютуб.
Это может быть интересным не только тем кто вовлечень в реатом, рассматривается частная реализация “ref-pattern”. Общий пример из будущего: https://twitter.com/sebastienlorber/status/1620385689853661185
P.S. предыдущий видос Имя компонента в логах useAtom тоже залил на ютуб.
YouTube
Атомизация (reatom)
Поговорим об атомизации (https://www.reatom.dev/guides/atomization) - патерне упрощения работы с иммутабельными списками.
Вне контекста реатома это может еще называться "ref-pattern" (от "reference"), например https://twitter.com/sebastienlorber/status/…
Вне контекста реатома это может еще называться "ref-pattern" (от "reference"), например https://twitter.com/sebastienlorber/status/…
👍9
Пока в твиттере вирусятся сигналы, наружу всплывают более фундаментальные вопросы реактивности. Самая главная практическая проблема, которая следует из отсутствия стандартов, отсутствие единых очередей.
В вебе же есть нативные очереди, скажите вы?
1. Очереди две, а у нас есть доступ только к одной - микротасков (
2. Даже двух очередей не достаточно, браузеры абьюзят нативный доступ к очередям и разные таски вставляют в одни и те же очереди в разные позиции (сортируют по приоритету).
А точно оно надо? Хороший пример, очереди в реакте: рендеринг, рефы, эффекты, лаяут эффекты. И даже этого не достаточно, недавно добавили insertion эффект. Который “should be limited to css-in-js library authors”, но используется для useEvent / useCallbackRef.
В реатоме мне тоже пришлось переизобрести кучку очередей, получилась довольно интересная схема, вот подробный гайд: https://www.reatom.dev/guides/lifecycle
В вебе же есть нативные очереди, скажите вы?
1. Очереди две, а у нас есть доступ только к одной - микротасков (
Promise.resolve().then). Нельзя запланировать таск, setTimeout(cb, 0) в некоторых условиях может подменять “0” на “4”.2. Даже двух очередей не достаточно, браузеры абьюзят нативный доступ к очередям и разные таски вставляют в одни и те же очереди в разные позиции (сортируют по приоритету).
А точно оно надо? Хороший пример, очереди в реакте: рендеринг, рефы, эффекты, лаяут эффекты. И даже этого не достаточно, недавно добавили insertion эффект. Который “should be limited to css-in-js library authors”, но используется для useEvent / useCallbackRef.
В реатоме мне тоже пришлось переизобрести кучку очередей, получилась довольно интересная схема, вот подробный гайд: https://www.reatom.dev/guides/lifecycle
🤡5🌭3👍1🔥1🤔1
Ищу джуна. Делать веб-интерфейсы на реактике. Кода уочень много, он интересный.
Удаленка, не РФ, ~5 usd в час, свободный график, fulltime, Intermediate<= English.
Обязателен какой-то бекграунд: прод опыт с любым ЯП или ВУЗ по теме.
Буду менторить жестко, закидывая знаниями, зато активно. Пишите в личку (@artalar) с резюме.
The project is a platform for managing advertisement campaigns (adtech) along with ads banner system and traffic analytics. We use BigData and Data Science to improve the quality of our ads.
Удаленка, не РФ, ~5 usd в час, свободный график, fulltime, Intermediate<= English.
Обязателен какой-то бекграунд: прод опыт с любым ЯП или ВУЗ по теме.
Буду менторить жестко, закидывая знаниями, зато активно. Пишите в личку (@artalar) с резюме.
The project is a platform for managing advertisement campaigns (adtech) along with ads banner system and traffic analytics. We use BigData and Data Science to improve the quality of our ads.
👍37🤡7👎3💩3