Обертывание компонентов пользовательского интерфейса для инкапсуляции настраиваемого поведения — распространенная практика при создании собственной библиотеки пользовательского интерфейса, особенно в более крупных командах, где общая библиотека используется среди множества приложений.

Основным преимуществом этого подхода является отделение зависимости от сторонней библиотеки, поскольку приложения-потребители вместо этого зависят от общей библиотеки.

#Vue.js

https://dev-gang.ru/article/sozdaite-svou-sobstvennuu-biblioteku-polzovatelskogo-interfeisa-vue-s-pomosczu-unstyled-primevue-core-i-tailwind-css-36697pgsq1/

В этом сообщении блога мы рассмотрим несколько примеров того, как использовать dangerouslySetInnerHTML и как безопасно очистить HTML перед настройкой с помощью dangerouslySetInnerHTML.

#JavaScript #React #HTML

https://dev-gang.ru/article/kak-bezopasno-ispolzovat-reactlysetinnerhtml-v-react-2t395bn11w/

При определении подкласса существуют разные способы вызова метода init родительского класса. Давайте начнем с базового класса и рассмотрим каждый из этих методов.

#Python #Django #Flask

https://dev-gang.ru/article/python-super-protiv-metoda-baseinit-ud71pxggb8/

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

В этом посте мы рассмотрим, как работает кэш сборки Docker, и поделимся стратегиями его эффективного использования для оптимизации ваших Dockerfiles и сборок образов.

#Golang #Docker

https://dev-gang.ru/article/sozdavaite-obrazy-docker-bystree-ispolzuja-kesh-sborki-58m9sc2xih/

В этой статье мы поговорим о React SVG и о том, как он делает процесс добавления и обработки изображений на современных веб-сайтах более универсальным и увлекательным.

#React #JavaScript

https://dev-gang.ru/article/ispolzovanie-svg-v-react-zs6dwxs90w/

Когда мы перевели наше приложение с Node.js (Express) на Go, нам удалось уменьшить размер образа Docker с 2,8 ГБ до 400 МБ, что изначально нас устраивало. Однако, стремясь к более эффективному использованию ресурсов и более быстрому развертыванию, мы поняли, что все еще есть возможности для дальнейшего уменьшения размера изображения, поэтому мы решили попробовать новый подход.

#Golang #Docker

https://dev-gang.ru/article/optimizacija-obrazov-docker-s-pomosczu-mnogoetapnyh-sborok-i-bezdistributivnogo-podhoda-459pgm9ahk/

Проблема "undefined this keyword variable" в JavaScript обычно возникает при попытке доступа к свойству или методу с использованием this в функции, но контекст этого потерян или установлен неправильно. Есть несколько способов решения этой проблемы.

#JavaScript

https://dev-gang.ru/article/problema-undefined-this-keyword-variable-v-javascript-24ggyttm54/

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

#PostgreSQL #Docker #Next.js

https://dev-gang.ru/article/sozdanie-lokalnoi-sredy-razrabotki-zapusk-polnofunkcionalnogo-prilozhenija-nextjs-s-postgresql-i-minio-s-s-ispolzovaniem-docker-465fxeldo4/

Конкурентный режим (Concurrent Mode) и suspense - это две функции, меняющие правила игры, которые были представлены в последних версиях React. Они позволяют создавать более отзывчивые и производительные приложения, раскрывая возможности параллельного рендеринга и приостановленной загрузки.

В этом руководстве мы подробно рассмотрим обе функции и дадим практические советы о том, как эффективно использовать их в ваших собственных приложениях React.

#React #JavaScript

https://dev-gang.ru/article/kak-pobedit-parallelnyi-rezhim-i-ozhidanie-v-react-t244fmyxh6/

React предоставляет мощный способ создания пользовательских интерфейсов, но иногда вы сталкиваетесь с ситуациями, когда вам необходимо визуализировать компоненты за пределами обычного дерева React. Вот тут-то и пригодятся порталы.

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

#JavaScript #React

https://dev-gang.ru/article/sozdanie-portalov-v-react-s-pomosczu-huka-useportal-cyrn8xwy0v/

Создание шахматной игры в ReactJS включает в себя создание компонентов шахматной доски, фигур и управление состоянием игры. Вот упрощенный пример, который поможет вам начать работу.

#JavaScript #React

https://dev-gang.ru/article/kak-postroit-shahmatnuu-partiu-v-reactjs-0rkxs51z0j/

В этом посте я опишу паттерн обработки ошибок, который показался мне довольно элегантным при написании REST, gRPC и других сервисов на Go.

#Golang

https://dev-gang.ru/article/obrabotka-oshibok-v-vebprilozhenijah-na-go-dolzhna-byt-udobnee-tihiczdkfj/

Задача охранника — защищать что-то или кого-то и перехватывать потенциальные взаимодействия с объектом, который он охраняет.

Здесь мы поговорим об охраннике, чья работа — защищать объект JavaScript! И использование этого охранника бесплатно! Ну, давайте перейдем к делу.

#JavaScript

https://dev-gang.ru/article/zasczita-obektov-js-s-pomosczu-proksi-5xzpjbkbo9/

Вы когда-нибудь загружали в Интернет фотографию с лицами других людей и задавались вопросом, как сохранить их конфиденциальность? Обнаружение и размытие лиц — важная функция конфиденциальности, которую должны иметь все приложения.

В этом блоге я покажу вам живую демонстрацию и то, как вы можете реализовать это в своем приложении NextJS/React, используя мощные API-интерфейсы компьютерного зрения PixLab.

#JavaScript #NextJS

https://dev-gang.ru/article/obnaruzhenie-i-razmytie-czeloveczeskih-lic-s-pomosczu-iskusstvennogo-intellekta-v-nextjs-wgyrdjt709/

Добро пожаловать в мир веб-разработки, где базы данных являются основой динамических приложений. Если вы только начинаете свой путь и ищете мощное, но удобное для новичков решение, Prisma может стать вашим путем к упрощенному взаимодействию с базами данных.

В этом руководстве мы рассмотрим процесс создания базы данных фильмов с использованием Prisma, Express и MongoDB, предлагая практический подход для новичков.

#MongoDB #NodeJS #Express

https://dev-gang.ru/article/sozdanie-bazy-dannyh-filmov-s-pomosczu-prisma-express-i-mongodb-rukovodstvo-dlja-naczinausczih-xculvlcldi/

В этой статье мы рассмотрим, как реализовать файл-функцию в Node.js приложении. Это позволит вам структурировано писать и поддерживать кода.

#NodeJS

https://dev-gang.ru/article/ispolzovanie-node-file-router-dlja-marshrutizacii-na-osnove-failov-v-nodejs-3uybk6ffo8/

Функция FIRST_VALUE() в SQL Server извлекает первое значение из указанного столбца. Она работает вместе с предложением ORDER BY для определения последовательности и, если нужно или необходимо, предложением PARTITION BY для создания разделов данных перед получением первого значения.

#SQL

https://dev-gang.ru/article/funkcija-firstvalue-v-sql-server-yvaqr2g3fd/

Как вы, возможно, уже знаете, в JavaScript существует два различных способа совместного использования функций: экспорт по умолчанию и экспорт по имени. Экспорт по умолчанию используется для экспорта одного значения из модуля, в то время как именованный экспорт позволяет экспортировать несколько значений из модуля.

#JavaScript

https://dev-gang.ru/article/izbegaite-ispolzovanija-eksporta-po-umolczaniu-gcz2sdkvck/

Мы часто слышим термины: неизменяемый и неизменяемость. Но что они означают, и почему нас, разработчиков, это должно волновать?

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

#JavaScript

https://dev-gang.ru/article/neizmenjaemost-v-javascript--objasnenie-na-primerah-pryj921bt6/

Итак, в этом руководстве моя цель — упростить сложные операции поиска MongoDB для вас, как нового пользователя MongoDB.

Я надеюсь, что эта статья ответит на ваши животрепещущие вопросы и поможет вам разобраться в операциях запросов MongoDB.

#MongoDB

https://dev-gang.ru/article/kak-optimizirovat-poiskovye-zaprosy-v-mongodb-xo78yqzfvr/

В JavaScript вы можете манипулировать содержимым веб-страницы, используя объектную модель документа (DOM). Но как написать код, который будет читабельным, простым в обслуживании и не подверженным проблемам с производительностью?

Это то, что мы рассмотрим в этой статье. Я расскажу о некоторых важных передовых практиках, которые помогут вам уверенно манипулировать DOM.

#JavaScript #HTML

https://dev-gang.ru/article/luczshie-praktiki-js-dom-manipulirovanija--s-primerami-swbzd5fqzi/