Привет! На связи снова Дмитрий — React-разработчик, который стремится разобраться, как всё устроено, и делится информацией с вами.В прошлой статье мы подробно разобрали, что такое Proxy и как он работает, поэтому повторяться не будем. Сегодня поговорим о том, как MobX использует Proxy, создавая свою "реактивную магию".Как MobX делает объекты реактивными?MobX превращает обычные объекты JavaScript в реактивные, что позволяет автоматически отслеживать изменения их свойств и обновлять завис…
Исходный код, разобранный в данной статье, опубликован в этом репозиторииДлительный промежуток времени я искал модель, специально заточенную под вызов инструментов для внешних интегираций. Критерием поиска являлось минамальное колличество галлюцинаций при использовании железа с потребительского рынкаhttps://huggingface.co/tripolskypetr/command_r_ggufЕсли десятки миллиардов параметров языковой модели потребуют покупать специлизированную видеокарту стоимостью 5 тысяч долларов, которую ещё нужно п…
Год с небольшим назад я проводил здесь испытания, как поисковики индексируют SPA сайты. На тот момент Google справился на отлично, Yandex - не оченьСейчас Yandex хорошо проиндексировал SPA сайт на Vue 3.Индексация поисковиками была главным аргументом для выбора SSR метафреймворков. Однако теперь не нужно делать отдельный бэк для поисковых ботов, пререндеринг или использовать иные альтернативные подходы.Также интересно, что у Vue SPA лучшие по сравнению с Nust SSR Core Web Vitals судя по этой та…
В этой статье мы продолжим разбирать базовые концепции реактивности на основе идей и примеров, изложенных Райан Карниато (Ryan Carniato), автором SolidJS. Сегодня рассмотрим, как в реактивных системах планируется выполнение изменений производных значений.Большинство разработчиков воспринимают реактивность как систему событий. У вас есть некоторое состояние, которое обновляется, а все зависящие от него данные пересчитываются. В итоге это изменение проявляется через побочные эффекты.let name = st…
Обычное DOM-деревоВ процессе работы с HTML-документами часто возникает необходимость получить доступ к конкретным элементам DOM. Обычно это делается с помощью уникальных идентификаторов, которые присваиваются нужным элементам. Однако существует вероятность, что в большом документе может оказаться несколько элементов с одинаковыми идентификаторами, что может привести к путанице.Чтобы избежать этой проблемы, я разработал библиотеку dom-scope, которая позволяет создавать искусственные области види…
Евгений Жуков (@EvgeniiZhukov) написал статью "Сложить два числа-гиганта: как я прошел квест на собеседовании в Бигтех" https://habr.com/ru/companies/bitrix/articles/891574/Краткое содержание:Сценарий: вы на собеседовании, ожидаете вопросов про React, WebGL или хотя бы про Event Loop. А вместо этого получаете: "Напишите функцию сложения двух чисел в столбик, но числа передаются как массивы."Зачем это вообще кому-то нужно:А интервьюер смотрит, как вы справляетесь с базовой задаче…
У вас есть контент на сайте? Хотели бы редактировать его визуально, без необходимости погружаться в код?Intlayer Visual Editor – это бесплатный инструмент с открытым исходным кодом, который позволяет редактировать контент вашего веб-приложения прямо в визуальном интерфейсе.Почему стоит выбрать Intlayer Visual Editor?Поддержка нескольких языков – Управляйте контентом на разных языках без сложностей.Работает с Markdown – Идеально подходит для статических сайтов и разработчиков.Поддержка внешних ф…
Привет, Хабр! Я уже рассказал, что умею разнообразно писать счётчики. Пришло время сделать шаг вперёд! Сегодня поговорим о том инструменте, который я и миллионы разработчиков используют ежедневно. Речь пойдёт о великом и ужасном ReactJS.Я пишу на React с 2018 года, делаю это, на мой взгляд, более-менее сносно. Мне нравится тезис о том, что профессионализм заключается не только в умении использоваться достоинства инструмента, но и в умении чётко видеть его недостатки. Поэтому возникла идея сдела…
React существует уже довольно давно, и за эти годы вокруг него выросла огромная экосистема библиотек. Разработчики, переходящие с других языков или фреймворков, часто испытывают трудности с выбором библиотек, необходимых для создания веб-приложений с помощью React. React позволяет разработчикам создавать пользовательские интерфейсы (user interfaces, UI) на основе функциональных компонентов. Хотя он предоставляет встроенные решения, такие как хуки (hooks), для управления локальным состоянием,…