Artyom Arutyunyan (artalar)
Artyom Arutyunyan (artalar)
  • Видео 18
  • Просмотров 10 868
Новости X 2024.09.16
Подписывайтесь, ставьте лайки =D
state of ai twitter bubble (new Mistral model) - x.com/airesearch12/status/1833762791578091677
Новый сайт JPEG XL (поделился x.com/jonsneyers) - jpegxl.info
The new 3D models at Apple's website - x.com/hybridherbst/status/1833281592351166901
A wonderful Electron standalone alternative weighting only 96.5KB to bootstrap - github.com/WebReflection/workerful#readme
Вот есть популярная шутка, что во фронтенде якобы каждый день новый фреймворк - x.com/andrey_sitnik/status/1824040266812076420
A sneak peak of what's coming to tan_stack Start Devtools - x.com/aryan__deora/status/1833661460347822381
is this the downfall of the internet? - x.com/Steve8708/status/1833318435...
Просмотров: 232

Видео

Новости X 2024.09.09
Просмотров 1022 месяца назад
Breaking up with Vercel: ruclips.net/video/uv179CTAK-w/видео.html perf(react-router): constant editor performance regardless how large a file based route tree is: github.com/TanStack/router/pull/2243 ChatGPT's new UI has plenty of UX/latency bugs: x.com/josevalim/status/1831698927944360367 Meet the Replit Agent: ruclips.net/video/IYiVPrxY8-Y/видео.html Shame your node_modules type checking spee...
Reatom против debounce и throttle
Просмотров 4592 месяца назад
Отменить нельзя продолжить - habr.com/ru/companies/ruvds/articles/725208/ Документация по concurrent - www.reatom.dev/package/effects/#concurrent Исходники обобщенного delay для общего развития - github.com/artalar/reatom/blob/v3/packages/lens/src/delay.ts
Релиз Reatom devtools
Просмотров 3864 месяца назад
Смотрим на первую версию Reatom devtools для удобного инспектирования даже атомизированных структур. Потыкать: stackblitz.com/edit/github-a8qrs9?file=src/model.ts
Инкрементальные вычисления на примере reatomLinkedList
Просмотров 4806 месяцев назад
Материалы по теме: - код примера: github.com/artalar/reatom/tree/v3/examples/reatom-jsx - signia.tldraw.dev/docs/incremental - portal.gitnation.org/contents/beyond-virtual-lists-how-to-render-100k-items-with-100s-of-updatessec-in-react - github.com/artalar/reatom/blob/d1a557453400021ecea5129dfd7f3907b093544b/packages/jsx/src/index.ts#L53
Как решить главную проблему управления состояния раз и навсегда с Reatom.
Просмотров 1,7 тыс.6 месяцев назад
Разберем как найти золотой баланс между локальными стейтами вьюшки и глобальными стейтами отдельного менеджера состояния. Код: stackblitz.com/edit/reatom-computed-factory-pattern-example?file=src/app.tsx,src/pages/Search.tsx,src/pages/Search/model.ts 0:32 пример модели страницы 4:12 использование onDisconnect 07:30 использование фабрики 13:12 использование компьютед фабрики 17:30 заметка о сасп...
reatom/jsx
Просмотров 2417 месяцев назад
Смотрим на новый релиз reatom/jsx с поддержкой css-prop. www.reatom.dev/package/jsx/ github.com/artalar/reatom/tree/v3/examples/reatom-jsx
Атомизация табличных данных с Reatom
Просмотров 4498 месяцев назад
github.com/artalar/reatom/tree/v3/examples/react-table-atomization
tanstack/react-query ИЛИ reatom/async ?
Просмотров 1,2 тыс.9 месяцев назад
github.com/artalar/reatom/tree/v3/examples/tanstack-vs-reatom
Ключевые слова в JavaScript
Просмотров 315Год назад
Небольшой разбор ключевых слов в JavaScript. t.me/artalog/1005 developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#keywords
Изучаем proposal AsyncContext
Просмотров 100Год назад
Изучаем github.com/tc39/proposal-async-context/ Материалы: Отменить нельзя продолжить (моя статья) - habr.com/ru/companies/ruvds/articles/725208/ The Road to Async Context - James M Snell, Node Congress 2023 - ruclips.net/video/8Tkpxv_DA0Y/видео.html Слайды: docs.google.com/presentation/d/1LLcZxYyuQ1DhBH1htvEFp95PkeYM5nLSrlQoOmWpYEI/ docs.google.com/presentation/d/19P-06rk263L1xcPsjGAx6qld0b62i...
Разработка новой версии stylerun
Просмотров 467Год назад
github.com/artalar/stylerun/tree/next
Работа над reatomDynamicUndo
Просмотров 176Год назад
У нас уже есть пакет для пользовательского таймтревела (истории изменений) @reatom/undo (www.reatom.dev/packages/undo), но withUndo и reatomUndo принимают только статический набор атомов, что не позволяет реализовать историю над атомизацией. Новая утила в 30 строк reatomDynamicUndo решает эту проблему. Попробовать: codesandbox.io/s/reatom-react-atomization-undo-wcu6qu?file=/src/model.ts
Быстрый разбор SharedWorker
Просмотров 1,1 тыс.Год назад
Исходники: github.com/artalar/shared-worker-test Мой канал: t.me/artalog
Асинхронные конкурентные цепочки запросов и Reatom
Просмотров 740Год назад
В этом видео мы в общем разберем насущную для всех веб-разработчиков проблему обработки нескольких асинхронных запросов и расскажем как новая версия Reatom позволяет отказаться от rxjs и redux-saga. Текстом: habr.com/ru/companies/ruvds/articles/725208/ 5:00 - решение с инивидуальной отменой каждого запроса 9:47 - решение с отменой всей цепочки запросов 17:10 - существующие библиотеки 24:30 - до...
Атомизация (reatom)
Просмотров 434Год назад
Атомизация (reatom)
Имя компонента в логах useAtom (reatom/npm-react)
Просмотров 131Год назад
Имя компонента в логах useAtom (reatom/npm-react)
Общее введение в Reatom и экосистему, компонент поиска на React.
Просмотров 2,2 тыс.Год назад
Общее введение в Reatom и экосистему, компонент поиска на React.

Комментарии

  • @bigproduction3999
    @bigproduction3999 24 дня назад

    привет, оч крутой доклад на холи был, не сразу твой канал нашел. отличный формат новостей, мегаимба

  • @АлександрЛебедев-л6ъ

    Как писать свои декораторы наподобие withAbort, withDataAtom и т д?

    • @artalar
      @artalar Месяц назад

      Тут расписали :) www.reatom.dev/recipes/custom-operator/

  • @dalechyn
    @dalechyn Месяц назад

    вкрути пожалуйста громкость погромче, тихо слышно

  • @ОлегСелин-ш9ы
    @ОлегСелин-ш9ы Месяц назад

    Недано пришёл к похожему, хоть и не столь элегантному решению

  • @flair_gc
    @flair_gc Месяц назад

    Есть кучу видео новостей по миру и политике, по филмам и медиаразвлечениям, даже по вебу, но тут чистый фронтед попадание 100%, как раз то что мне интересно, спасибо!)

    • @fr0u1
      @fr0u1 Месяц назад

      ++++

  • @dev_insider
    @dev_insider 2 месяца назад

    Очень крутой дайджест, буду ждать новую серию ❤

  • @antonantonov5974
    @antonantonov5974 2 месяца назад

    Может начнете на комментарии отвечать? Например под статьей о Effector'е которая последняя вышла от вк, от 2 сентября 2024 года

  • @knowledgedose1956
    @knowledgedose1956 4 месяца назад

    очень тихо. можно чуть громче делать, пожалуйста

  • @voffka33
    @voffka33 4 месяца назад

    Квадратные скобки: существуют. Артём: фигурные кавычки

  • @_Black_Mirror_
    @_Black_Mirror_ 6 месяцев назад

    Откуда ростут ноги у страха завязываться на реакт?

    • @artalar
      @artalar 6 месяцев назад

      От того что у него просто нет АПИ для эффективного управления состоянием. Куча избыточных ререндеров лишь мешают дебажить что от чего поменялось и вызывают лишние тормоза. Реакт - библиотека для работы с DOM, остальное - натягивание совы на глобус.

  • @eldr0n
    @eldr0n 6 месяцев назад

    я конечно все понимаю, но столько кода ради 2 ссылок это капец.. куда мы движемся...

    • @artalar
      @artalar 6 месяцев назад

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

  • @dessleonid
    @dessleonid 6 месяцев назад

    И нахуя мне RUclips въебал мне в рекоммендации данный ролик?? Вообще никогда не занимался програмированием, тут вот пожалуйста. Ебанутся!

  • @kaifaty
    @kaifaty 6 месяцев назад

    Классное решение! Спасибо

  • @michailshcherbakov
    @michailshcherbakov 7 месяцев назад

    Что за шрифт используете?

    • @artalar
      @artalar 7 месяцев назад

      Iosevka Term (weight 500) typeof.net/Iosevka/

  • @khmilevoi
    @khmilevoi 8 месяцев назад

    надеюсь ребенок покакал

  • @andreiepachev3897
    @andreiepachev3897 8 месяцев назад

    Подскажи плз название темы в вскоде?

  • @Fs-xj2gu
    @Fs-xj2gu 9 месяцев назад

    почему нельзя это все локально написать в редакторе и залить в репозиторий, зачем этот реплит??) и хотя бы смонтировать видео, обрезать не нужные куски

    • @artalar
      @artalar 8 месяцев назад

      Потому что это все требует времени, которое я лучше потрачу на разработку новых фич :) Реплит на момент записи набирал популярность, но что-то не взлетело, да.

  • @АлександрХохрин-ю3т
    @АлександрХохрин-ю3т 9 месяцев назад

    Спасибо)

  • @TipAnswer
    @TipAnswer 9 месяцев назад

    На 2:42 они давно или не давно, надо чекать сделали пропс notifyChangeProps чтобы можно было подписаться только на то что ты хочешь. Артём ты не раз уже говорил об этом и на стримах у блогеров и не только, что хуки будут вызываться и куча рирендоров, но это пропс решает эту проблему, если я правильно тебя понимаю, чекни сам оно ли это, если да, то больше не говори что это проблема.

  • @kaifaty
    @kaifaty 9 месяцев назад

    keepPreviousData: true и при новом фиче не будет сброса данных

    • @artalar
      @artalar 7 месяцев назад

      Перечитайте документацию ;)

  • @delite378
    @delite378 9 месяцев назад

    а что за браузер

  • @KuberVPN
    @KuberVPN 9 месяцев назад

    Отличное видео! А не подскажите, какая тема используется в VSCode?

    • @artalar
      @artalar 9 месяцев назад

      Тема nord

  • @sno-oze
    @sno-oze 9 месяцев назад

    Не, я точно останусь на react-query, т.к. он мега популярен, а значит куча типичных возникающих проблем уже решена, куча на гитхабе различных примеров, где можно что-то подсмотреть, понять, куча блогов, где есть best practices. Он очень простой в освоении, те, кто видит его первый раз, разбираться там 20 минут. p.s. 1. у нас на проекте с initialdata проблем не возникало, хз почему здесь так. 2. devtools у tanstack - это просто сказка, в сравнении с логами какими-то. 3. для персиста там можно кэш задать infinity, тогда данные не должны обновляться, проблем со стандартным временем кэша не возникало. смотрю, у reatom есть компонет обёртка reatomComponent, который и прокидывает ctx в дочерний компонент, который и содержит всю дату и т.д., т.е. вроде как всё и не в компоненте находится, но вот эта обёртка - это стрёмно (ппц, когда уже избавитесь от этого адового костыля ctx, который пихается везде и всюду). ctx - вообще смотрится как глобальный объект, который содержит все существующие атомы

  • @izzy7541
    @izzy7541 9 месяцев назад

    2 года сидим на react-query, реально неудобно когда надо хуки объявлять по несколько раз в компонентах и прибивать их гвоздями. Реатом интересный, но кажется что потребуется время, чтобы в нём освоиться. Всё таки подходы очень разные, в rq даже обезьяна разберётся. Наверное по этому и так популярен

  • @melodystic
    @melodystic Год назад

    Очень полезно, спасибо!)

  • @sleepstream9433
    @sleepstream9433 Год назад

    Прикольная штука, писал библиотеку для анимаций и это большая проблема, когда один и тот же массив меняет ссылку.

  • @Jhon_2142
    @Jhon_2142 Год назад

    Спасибо большое 🙏)

  • @miloman1995s
    @miloman1995s Год назад

    0:58, а зачем писать анонимную функциб в onChange инпута? это же bad practice, почему не вынести в функцию наверх?

    • @artalar
      @artalar Год назад

      Согласен, на проекте лучше именно так и делать. Тут сыграли три фактора: 1) Для нативных элементов колбеки можно не мемоизировать 2) Если функцию можно записать в одну строку - не страшно сделать это "инлайн" 3) Это код примера

  • @yourfriend-bc1hr
    @yourfriend-bc1hr Год назад

    вау

  • @Мертвыйкомпозитор

    Приятный голос, приятная подача и reatom прекрасен

  • @TheStafflo
    @TheStafflo Год назад

    Здорово 👍

  • @proofit404
    @proofit404 Год назад

    Огнище 🎉

  • @dima-xxxnes1823
    @dima-xxxnes1823 Год назад

    Афигенно! Спасибо :-)

  • @ДмитрийМиронов-т1я

    Привет, если с бека приходит большое состояние, лучше сохранять его целиком через конструкцию withDataAtom и использовать конкретные части атома через ctx.spy в useAtom, или же вместо withDataAtom сохранять респонс в несколько атомов?

    • @artalar
      @artalar Год назад

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

    • @ДмитрийМиронов-т1я
      @ДмитрийМиронов-т1я Год назад

      @@artalar Это понятно, вопрос больше был в том, можно ли использовать атом в качестве слайса, и доставать из него поля используя ctx.spy в качестве селектора?

    • @artalar
      @artalar Год назад

      @@ДмитрийМиронов-т1я конечно!

  • @kusov4748
    @kusov4748 Год назад

    Выглядит интересно. Видно, что немало исследовал. Спасибо!