Вы заиспользовали все компоненты and.design на одной странице и теперь она рендерится 10 секунд. В конце рендера вы написали `Promise.resolve().then(some)`, но до этого, во время рендера, пользователь нажал на кнопку. Что отработает раньше?
Anonymous Quiz
52%
some
48%
onclick
🤪14
#не_вопросы_для_собеседований
Что и где сломается при попытке запустить этот код?
Что и где сломается при попытке запустить этот код?
async => async
await => await
async <= async
await <= await🥴35👎15💩4🤡4😁3
artalog
#не_вопросы_для_собеседований Что и где сломается при попытке запустить этот код? async => async await => await async <= async await <= await
YouTube
Ключевые слова в JavaScript
Небольшой разбор ключевых слов в JavaScript.
https://news.1rj.ru/str/artalog/1005
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#keywords
https://news.1rj.ru/str/artalog/1005
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#keywords
Учились в ВУЗе (больше двух лет хотя бы)?
Anonymous Poll
61%
Да и НЕ жалею
18%
Да и жалею об этом
21%
Не учился
CleanShot 2023-09-03 at 17.41.19@2x.png
5.4 MB
Купил себе Pixel 6A ради хороших фото. Оказалось фокусное расстояние достаточно большое и макро делать нереально. Сначала я подумал.
Но вот вам фото кузнечика на 3x зуме, встроенные алгоритмы достаточно хорошо повышают резкость.
Вот еще два сравнения фото с 4x зумомом в RAW (слева) и в JPEG (справа). Цвета на сырую выглядят хорошо, но хуже на обработанном фото, зато резкость значительно лучше - мне вся эта грязь теперь сниться будет)
Но вот вам фото кузнечика на 3x зуме, встроенные алгоритмы достаточно хорошо повышают резкость.
Вот еще два сравнения фото с 4x зумомом в RAW (слева) и в JPEG (справа). Цвета на сырую выглядят хорошо, но хуже на обработанном фото, зато резкость значительно лучше - мне вся эта грязь теперь сниться будет)
🤡5
This media is not supported in your browser
VIEW IN TELEGRAM
А ТС подрос! Вычисления на типах можно делать еще сложнее 🙂
Когда я последний раз тестировал трамплины, еле-еле считало “300+1”.
Сейчас попробовал на node: v20.5.1, TypeScript: v5.2.2, подумав справляется с “1000+1”.
Да и сама величина рекурсии подросла. Раньше на 30 сваливалось, а сейчас 90 может съесть.
Когда я последний раз тестировал трамплины, еле-еле считало “300+1”.
Сейчас попробовал на node: v20.5.1, TypeScript: v5.2.2, подумав справляется с “1000+1”.
Да и сама величина рекурсии подросла. Раньше на 30 сваливалось, а сейчас 90 может съесть.
🔥11
artalog
А ТС подрос! Вычисления на типах можно делать еще сложнее 🙂 Когда я последний раз тестировал трамплины, еле-еле считало “300+1”. Сейчас попробовал на node: v20.5.1, TypeScript: v5.2.2, подумав справляется с “1000+1”. Да и сама величина рекурсии подросла.…
999 сейчас лимит на глубину рекурсивного типа :)
👍5
artalog
Записал видосик про атомизацию - паттерн удобного и производительного управления иммутабельными списками. Это может быть интересным не только тем кто вовлечень в реатом, рассматривается частная реализация “ref-pattern”. Общий пример из будущего: https://…
То что я пытался объяснить в этом видео прекрасно расписали в этой статье: https://signia.tldraw.dev/docs/incremental
(спасибо за ссылку @HeWhoSoughtFire)
(спасибо за ссылку @HeWhoSoughtFire)
signia.tldraw.dev
Incrementally computed signals | signia
One of Signia's superpowers is its support for incremental recomputation of derived values.
❤1👍1🫡1
Forwarded from 🧊 siberiacancode x IT-ХОЗЯЕВА
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
🍿 СТРИМ 📦 REATOM vs TANSTACK QUERY делаем запросы правильно
📦 STATE MANAGEMENT - важная часть веб приложения, на данных стримах мы смотрим инструменты для locale и global state management, такие как Redux, Mobx, Recoil, базовые функции React и другие библиотеки.
⚛️ reatom - https://www.reatom.dev/
Контакты Артема…
⚛️ reatom - https://www.reatom.dev/
Контакты Артема…
🤡9🔥3🤩1
Forwarded from Андруша пишет код
Логичным вопросом после https://news.1rj.ru/str/xavescor_code/14 будет: а зачем вообще это делать, если всё работает? Нода прекрасно держит обратную совместимость, npm репозиторий иммутабельный. Весь код будет работать в будущем спокойно.
Оно-то так. Но увы, перестанет работать программист. Сейчас поясню:
- Пример первый. egov.kz Электронное правительство Республики Казахстан. Angular@1. Это сверхактивно развивающийся проект, аудитория которого больше 5М пользователей. Но первый ангуляр приводит к тому, что внутреннюю кодовую базу попросту больно поддерживать. Нет ни библиотек, ни программистов на рынке, ни развития тулинга. Я общаюсь с ребятами оттуда и оничуток на стену от боли лезут.
- Пример второй. nextjs.org. Основной фреймворк для реакта. Это активно развивающийся проект с двумя неприятными нюансами. Первый - они спокойно ломают обратную совместимость в патчах(не минорах и тем более не мажорах). Но это фигня, кмк, так как с этим жить можно. Ну, почитаешь issues и найдёшь решение. Страшно другое. На сайте есть документация ТОЛЬКО для последней версии. Отстал на пару мажорных версий? Ну, удачи тебе. Будет весело.
- Пример третий. nestjs.com По сравнению с next - тут чуть получше, есть версионирование доки. Но есть 1 нюанс: перейдите по ссылке на migration guide https://github.com/nestjs/nest/releases/tag/v9.0.0. И тут начнётся веселуха, потому что вы попадёте на migration guide с v9 на v10, а не v8->v9. Справедливости ради, он всё же существует. Но они сломали ссылки.
Все эти 3 примера - это проекты с огроменным финансированием, которые не умеют в примитивные вещи. А если у гигантов не получается соблюдать базовый DX, то что говорить о мелюзге? Там вообще всё плохо будет. По этой причине лучше пытаться держать актуальным проект сейчас, а не пытаться через 5-10 лет обновить это устаревшее поделие. Возможно, его будет проще переписать с нуля.
Оно-то так. Но увы, перестанет работать программист. Сейчас поясню:
- Пример первый. egov.kz Электронное правительство Республики Казахстан. Angular@1. Это сверхактивно развивающийся проект, аудитория которого больше 5М пользователей. Но первый ангуляр приводит к тому, что внутреннюю кодовую базу попросту больно поддерживать. Нет ни библиотек, ни программистов на рынке, ни развития тулинга. Я общаюсь с ребятами оттуда и они
- Пример второй. nextjs.org. Основной фреймворк для реакта. Это активно развивающийся проект с двумя неприятными нюансами. Первый - они спокойно ломают обратную совместимость в патчах(не минорах и тем более не мажорах). Но это фигня, кмк, так как с этим жить можно. Ну, почитаешь issues и найдёшь решение. Страшно другое. На сайте есть документация ТОЛЬКО для последней версии. Отстал на пару мажорных версий? Ну, удачи тебе. Будет весело.
- Пример третий. nestjs.com По сравнению с next - тут чуть получше, есть версионирование доки. Но есть 1 нюанс: перейдите по ссылке на migration guide https://github.com/nestjs/nest/releases/tag/v9.0.0. И тут начнётся веселуха, потому что вы попадёте на migration guide с v9 на v10, а не v8->v9. Справедливости ради, он всё же существует. Но они сломали ссылки.
Все эти 3 примера - это проекты с огроменным финансированием, которые не умеют в примитивные вещи. А если у гигантов не получается соблюдать базовый DX, то что говорить о мелюзге? Там вообще всё плохо будет. По этой причине лучше пытаться держать актуальным проект сейчас, а не пытаться через 5-10 лет обновить это устаревшее поделие. Возможно, его будет проще переписать с нуля.
Telegram
Андруша пишет код
Контролировать все пакеты актуальными очень сложно, особенно когда этим никто не занимался. К примеру, у нас этим серьёзно не занимались как минимум год, и мы уже получили такое отставание.
Решение простое: каждое утро лично ты выполняй у себя на проекте…
Решение простое: каждое утро лично ты выполняй у себя на проекте…
👍17❤4🔥1
Релиз новой среды установки+выполнения+тестирования JavaScript!
https://www.youtube.com/watch?v=BsnCpESUEqM
Хайлайты:
- hello world запускается за 4мс
- отлично работает с cjs и mjs
- бесшовный импорт раст файлов
- пишит / читает диск в несколько раз быстрее ноды
- может держать 4x больше RPC чем нода
- 6x больше WS messages чем нода
- большая встроенная стандартная библиотека для фенси DX
- совместимость с большинством node апи, можете попробовать запустить на нем next/nuxt/nest и т.п.
- установка зависимостей в десятки и сотни раз быстрее всех аналогов
- встроенные методы для тестов слизанные с jest
- тесты запускаются и десятки и сотни раз быстрее vitest / jest
Добавлю от себя. Сам JS в Bun работает быстрее чем в Node по моим скромным замерам. Ну SSR по их тестам сильно быстрее. Чекайте https://bun.sh/
https://www.youtube.com/watch?v=BsnCpESUEqM
Хайлайты:
- hello world запускается за 4мс
- отлично работает с cjs и mjs
- бесшовный импорт раст файлов
- пишит / читает диск в несколько раз быстрее ноды
- может держать 4x больше RPC чем нода
- 6x больше WS messages чем нода
- большая встроенная стандартная библиотека для фенси DX
- совместимость с большинством node апи, можете попробовать запустить на нем next/nuxt/nest и т.п.
- установка зависимостей в десятки и сотни раз быстрее всех аналогов
- встроенные методы для тестов слизанные с jest
- тесты запускаются и десятки и сотни раз быстрее vitest / jest
Добавлю от себя. Сам JS в Bun работает быстрее чем в Node по моим скромным замерам. Ну SSR по их тестам сильно быстрее. Чекайте https://bun.sh/
YouTube
Bun 1.0 is here
Bun 1.0 is here!
Bun is an all-in-one JavaScript runtime & toolkit designed for speed, complete with a bundler, test runner, and Node.js-compatible package manager.
https://bun.sh/
Bun is an all-in-one JavaScript runtime & toolkit designed for speed, complete with a bundler, test runner, and Node.js-compatible package manager.
https://bun.sh/
🔥17🤮5👍2❤1😐1
Вот вам самый краткий пример что бы продемонстрировать каким местом Bun повернут к разработчику и как заботиться о его DX. Он реактовские компоненты в консоль выводит в виде JSX!
https://bun.sh/guides/ecosystem/react
https://bun.sh/guides/ecosystem/react
❤10
Сегодня в 15:00 по мск будем сравнивать
Первый очень тесно итегрирован с реактом и позволяет легко описывать сложные фетчинги внутри компонентов. Второй, наоборот, построен вокруг абстрактного менеджера состояния и позволяет максимально легко вынести логику из компонентов.
Ссылки на стримы: https://news.1rj.ru/str/siberiacancode/651 (запись будет)
Напомню, этот стрим ляжет в основу моего доклада на холи: https://holyjs.ru/talks/eec3a942bf6846b5ab1b9c68b2b69f8a
@tanstack/react-query и @reatom/async.Первый очень тесно итегрирован с реактом и позволяет легко описывать сложные фетчинги внутри компонентов. Второй, наоборот, построен вокруг абстрактного менеджера состояния и позволяет максимально легко вынести логику из компонентов.
Ссылки на стримы: https://news.1rj.ru/str/siberiacancode/651 (запись будет)
Напомню, этот стрим ляжет в основу моего доклада на холи: https://holyjs.ru/talks/eec3a942bf6846b5ab1b9c68b2b69f8a
Telegram
SIBERIA CAN CODE 🧊
🍿 АНОНС СТРИМА 8 сентября в 15:00 по мск
youtube — twitch — vk
youtube — twitch — vk
🤡15🔥14❤1
Forwarded from 🧊 siberiacancode x IT-ХОЗЯЕВА
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
🍿 СТРИМ 📦 REATOM vs TANSTACK QUERY делаем запросы правильно
📦 STATE MANAGEMENT - важная часть веб приложения, на данных стримах мы смотрим инструменты для locale и global state management, такие как Redux, Mobx, Recoil, базовые функции React и другие библиотеки.
⚛️ reatom - https://www.reatom.dev/
Контакты Артема…
⚛️ reatom - https://www.reatom.dev/
Контакты Артема…
🔥11🤡9❤2💩1
🧊 siberiacancode x IT-ХОЗЯЕВА
Ребята, стартуем стрим через 5 минут 🥹 youtube — twitch — vk Если вы хотите задать вопрос создателю reatom, вот ссылка для вопросов 🤓
YouTube
🍿 СТРИМ 📦 REATOM vs TANSTACK QUERY делаем запросы правильно
📦 STATE MANAGEMENT - важная часть веб приложения, на данных стримах мы смотрим инструменты для locale и global state management, такие как Redux, Mobx, Recoil, базовые функции React и другие библиотеки.
⚛️ reatom - https://www.reatom.dev/
Контакты Артема…
⚛️ reatom - https://www.reatom.dev/
Контакты Артема…
🔥22🤡3❤1