Category : javascript

javascript
Mobx: библиотека глобальных сторов (state manager)

Что такое Mobx?Mobx — это библиотека, дающая разработчикам инструмент для глобального использования переменных и методов между разными компонентами.Mobx простая и понятная в использовании библиотека, использующая в своей реализации Context API и, по сравнению с Redux, требующая минимум шаблонного кода для инициализации стора.Mobx сторы хорошо масштабируются и для каждого стора можно определить его область видимости, помещая соответствующие компоненты внутрь провайдеров стора.Зачем использовать…

  • пятница, 14 июля 2023 г. в 00:00:17
javascript
Динамический импорт remote компонента Module Federation на Vue 3

Информация в чистом виде - это не знание. Настоящий источник знания - это опыт.Приветствую всех читателей, что забрели на эту страницу. Вероятно, вы тоже как и я, не нашли должной информации по этой теме, поэтому наслаждайтесь, ведь тут будет вся нужная информация для корректной работы runtime импорта!Небольшая предыстория, для чего написана эта статьяПогрузившись в работу с Module Federation, я столкнулся с такой проблемой, как отсутствие информации для продвинутых разработчиков. Большинство …

  • четверг, 13 июля 2023 г. в 00:00:16
javascript
Манипулируй DOM правильно

Зачастую, когда я наталкиваюсь на информацию о работе с DOM в Angular, в них присутствуют упоминания об одном или нескольких из этих классов: ElementRef, TemplateRef, ViewContainerRef. Именно упоминания, ведь общее  представление достаточно сложно сложить, даже тщательно изучив документацию Angular. Поэтому я решил подробно сформулировать, как это работает и для чего нужно.Когда-то давно, как может показаться сейчас, была такая вещь как AngularJs. Нам он сейчас нужен лишь для воспоминаний о то…

  • среда, 12 июля 2023 г. в 00:00:17
javascript
Как настроить Node.js Express сервер для React

React - это библиотека JavaScript для разработки пользовательских интерфейсов. Она позволяет создавать эффективные и масштабируемые веб-приложения, основанные на компонентной архитектуре.Express.js - это минималистичный и гибкий веб-фреймворк для Node.js, который облегчает разработку веб-приложений и API. Он предоставляет простой интерфейс и набор функций, позволяющих быстро создавать серверы и маршрутизировать запросы.ВведениеЭто руководство поможет вам разработать простое приложение на React…

  • вторник, 11 июля 2023 г. в 00:00:17
javascript
Не наступил ли у React момент переписывания Angular.js на Angular?

В 2012 году Angular.js серьёзно поменял frontend-разработку. Фреймворку от Google тогда очень быстро удалось снискать популярность у разработчиков.И вот уже буквально через два года его разработчики решили объявить о выходе новой версии под именем Angular 2. Версия оказалось написанной полностью с нуля и не имела совместимости с предыдущей даже близко. Большинство разработчиков, не исключая и вашего покорного слугу, идея переписывать их приложения явно не прельщала. Писать приложения на старой…

  • вторник, 11 июля 2023 г. в 00:00:16
javascript
[React] Разбираем useId( ) хук под микроскопом

Всем привет!Уже давно я заприметил относительно новый хук useId, с которым давно хотел разобраться для чего он нужен, как он работает и конечно же обязательно нужно заглянуть в исходники. И теперь потыкав этот хук палкой, почитав React документацию, пролистав несколько статей и изучив парочку видео на YouTube. Я готов этим с вами поделиться. Поехали! (Данная статья является расшифровкой видео)Что такое useId( ) ?И так, что же делает хук useId()? Он возвращает нам уникальный id, который выгляди…

  • вторник, 11 июля 2023 г. в 00:00:16
javascript
Какие технологии использует Российская медицина? (ручка/клей/оборотка) Часть первая

Я врач хирург, работаю в одной из гос клиник России, и попробую Вам изложить, есть ли электронные карты пациентов, базы данных с мкб, есть ли клинические рекомендации, и как помогает компьютер в жизни штатного врача стационара и поликлиники.midjorney collab - "medicine future"Начнем с самого начала, В России хранение данных в больницах и других медицинских учреждениях до сих пор реализуется основным образом в ручном режиме с использованием бумаги. Это происходит потому, что у многих б…

  • вторник, 11 июля 2023 г. в 00:00:15
javascript
Как я использую React Hook Form

Приветствую, уважаемые читатели! Сегодня я хочу поделиться своим опытом использования одной из самых популярных библиотек для создания форм на React - React Hook Form. Когда я только начинал использовать эту замечательную библиотеку, я совершил несколько ошибок, которые я надеюсь, вы сможете избежать. Используемые библиотекиReact 18.2.0React Hook Form v7.45.1Material UI v5.13.7Axios v1.4.0JSON server v0.17.3Создание и заполнение формыВ этой статье мы создадим форму для добавления и редактиров…

  • понедельник, 10 июля 2023 г. в 00:00:10
javascript
AbortController для отмены запросов при смене страницы (SPA)

Существует довольно распространенная проблема, когда пользователь заходит на страницу, для этой страницы начинают запрашиваться различные данные, но вдруг пользователь быстро переходит на другую страницу, а запросы с предыдущей страницы продолжают выполняться, все еще используя ресурсы сети и выполняя ненужную работу.Особенно неприятно это становится тогда, когда у пользователя медленный интернет и каждый лишний запрос еще больше замедляет работу вебсайта. К слову, про оптимизацию SPA я писал …

  • воскресенье, 9 июля 2023 г. в 00:00:11