Forwarded from Reatom новости (artalar)
Простой паттерн статической конфигурации может сильно упростить и уменьшить работу со стейтом и избавить от лишних ререндеров.
Суть в том что бы иметь возможность создавать инстансы компонентов переназначая какие-то пропсы для начального значения и получая к ним доступ извне.
На скрине мы создаем атом и добавляем его в свойства компонента что бы получить доступ к его стейту извне. Понятно, что можно отдельно описать атомы в файле Login и пробросить их ручками, но таким образом мы контролируем контракт между модулями только на уровне типов, а с функцией
Формально говоря, это упущенная фаза "конфигурация", которая в реакте никак не выделена и вместе с "инициализацией" происходит в рендере. Из-за этого много путаницы, лишнего когда и ререндеров.
Суть в том что бы иметь возможность создавать инстансы компонентов переназначая какие-то пропсы для начального значения и получая к ним доступ извне.
На скрине мы создаем атом и добавляем его в свойства компонента что бы получить доступ к его стейту извне. Понятно, что можно отдельно описать атомы в файле Login и пробросить их ручками, но таким образом мы контролируем контракт между модулями только на уровне типов, а с функцией
create (можно еще назвать ее fork) весь контроль над компонентом остается внутри, но управление доступно снаружи.Формально говоря, это упущенная фаза "конфигурация", которая в реакте никак не выделена и вместе с "инициализацией" происходит в рендере. Из-за этого много путаницы, лишнего когда и ререндеров.
🔥2
node.js in browser by wasm is out of beta: https://webcontainers.io/
webcontainers.io
WebContainer API Docs
Build the future of web based coding experiences, from interactive tutorials to instant production-ready dev environments.
👍7🥱3🔥2😁1
Делаю reatom/timer, вроде простая штука, а уже сотню строк занимает! На скрине с кодом финальный код тика, скрин с ошибкой показывает результат во время разработки до добавления
Вообще интересно, что всякие лодаши содержат только очень простые утилиты, а фабричные функции подробной сложности уже редкость. Реакт с хуками немного улучшил в этом плане ситуацию в экосистеме, но переиспользуемых решений (не привязанных к view либе) я все ещё не знаю.
roundPart.Вообще интересно, что всякие лодаши содержат только очень простые утилиты, а фабричные функции подробной сложности уже редкость. Реакт с хуками немного улучшил в этом плане ситуацию в экосистеме, но переиспользуемых решений (не привязанных к view либе) я все ещё не знаю.
👍5
Forwarded from kirjs_ru
Сегодня в 19:00 с @artalar (@artalog) и 🦊 посмотрим, что Angular хочет сделать с сигналами - новыми реактивными примитивами, и зачем это нужно.
https://twitter.com/angular/status/1625939902046117890
👀 Посмотреть: twitch.tv/kirjs | youtu.be/pUbTumpv-QE
https://twitter.com/angular/status/1625939902046117890
👀 Посмотреть: twitch.tv/kirjs | youtu.be/pUbTumpv-QE
👍6💩2🔥1
kirjs_ru
Сегодня в 19:00 с @artalar (@artalog) и 🦊 посмотрим, что Angular хочет сделать с сигналами - новыми реактивными примитивами, и зачем это нужно. https://twitter.com/angular/status/1625939902046117890 👀 Посмотреть: twitch.tv/kirjs | youtu.be/pUbTumpv-QE
YouTube
Смотрим Сигналы в Angular с @artalar
посмотрим, что Angular хочет сделать с сигналами - новыми реактивными примитивами, и зачем это нужно.
https://twitter.com/angular/status/1625939902046117890?s=20&t=Sl0aYhzsQOfoTE3plWeqJQ
https://twitter.com/angular/status/1625939902046117890?s=20&t=Sl0aYhzsQOfoTE3plWeqJQ
🔥9
А как это будет выглядеть на вашей любимой либе и какой будет бандлсайз? :)
https://news.1rj.ru/str/reatom_ru_news/161
https://news.1rj.ru/str/reatom_ru_news/161
Telegram
Reatom новости
А вот и полноценная демка reatomTimer: pomodoro timer.
Постараюсь сегодня сделать маленький стрим с разбором исходников.
Постараюсь сегодня сделать маленький стрим с разбором исходников.
👍1
Давайте пжлст договоримся.
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 По спеке должен быть ~следующий тик, но не микротаск.
Так, человеки, я этот баг получил из реального кода - тестов реатома.