При использовании клиента Apollo может наступить момент, когда вы захотите проверить или внести некоторые изменения в свои запросы GraphQL. Именно здесь в игру вступает Apollo Link. Библиотека устанавливает цепочку действий для каждой операции GraphQL, выполняемой клиентом.

Что такое ссылка и как ее создать и протестировать? Давайте разберемся и посмотрим, что происходит.

#JavaScript #GraphQL

https://dev-gang.ru/article/sozdanie-i-testirovanie-klientskih-ssylok-apollo-6xcblmbtcc/

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

Начнем с Angular проецирования контента.

#JavaScript #Angular

https://dev-gang.ru/article/ovladeite-iskusstvom-proecirovanija-kontenta-angular-og8ss1pzzl/

Недавно я реализовал программу чтения PDF-файлов для журнала на странице, протестировал ее в настольном браузере, и все работало отлично.

Проблема возникла на мобильном телефоне, поскольку после просмотра нескольких страниц pdf сайт полностью завис: «Ошибка приложения: произошло исключение на стороне клиента (дополнительную информацию см. в консоли браузера)».

#React

https://dev-gang.ru/article/ustoiczivaja-arhitektura-v-react-ispolzovanie-granic-oshibok-87ulpbh9hy/

В этом сценарии я буду использовать PostgreSQL и Prisma. Я предполагаю, что вы уже знакомы с созданием приложения NestJS и интеграцией Prisma.

#PostgreSQL #NestJS #Docker

https://dev-gang.ru/article/dokerizacija-prilozhenija-nestjs-i-sohranenie-dannyh-0ulpnuo0j7/

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

В этом разделе вы создадите сервер и клиент WebSocket с использованием Python. Вы будете использовать библиотеку веб-сокетов Python для создания сервера и клиента.

#Python

https://dev-gang.ru/article/sborka-servera-i-klienta-websocket-s-ispolzovaniem-python-045o94paf8/

Turtle Graphics - это удобный для начинающих способ изучения концепций программирования и создания визуального дизайна с помощью простой графической библиотеки. Свое название она получила благодаря концепции "черепахи" с пером, которая перемещается по холсту и рисует фигуры. Черепашка может быть управляема с помощью набора команд, что позволяет создавать рисунки, узоры и даже простые игры.

#Начинающим #Python

https://dev-gang.ru/article/czto-takoe-python-turtle-graphics-psfbkl7nci/

Создание приложения Express с помощью TypeScript и его компиляция может показаться сложной задачей, особенно для новичков.

В этом сообщении блога мы стремимся упростить процесс, предоставив шаблон для приложения Express с использованием TypeScript и скомпилировав его с помощью SWC.

#TypeScript #Express

https://dev-gang.ru/article/sozdanie-ekspressprilozhenija-s-pomosczu-typescript-i-swc-mpgvtygk0j/

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

#JavaScript #CSS #React

https://dev-gang.ru/article/kak-sdelat-adaptivnuu-kartoczku-s-emodzi-ts-react-i-chakra-ui-z9q3vsw4em/

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

Мои первые мысли? Давайте переместим все действия по созданию/редактированию/удалению в очередь и уведомим пользователей об успешности их действий или нет через WebSocket.

#JavaScript #NodeJS #NestJS

https://dev-gang.ru/article/umnyi-sposob-sozdanija-masshtabiruemyh-vebsoketov-v-nestjs-5xv7lwyln5/

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

В этой статье мы рассмотрим процесс создания динамической системы звездного рейтинга с помощью React. Этот интерактивный компонент позволяет пользователям легко оценивать что-либо по звездной системе и даже выбирать количество звезд.

#JavaScript #React

https://dev-gang.ru/article/sozdanie-dinamiczeskoi-sistemy-ocenki-po-zvezdam-v-react-x8sdpgxt6w/

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

#JavaScript #React

https://dev-gang.ru/article/-luczshih-bibliotek-vsplyvausczih-okon-dlja-react-tkk078tz5s/

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

#CSS #HTML

https://dev-gang.ru/article/kak-sozdat-vypadausczee-menu-s-pomosczu-html-i-css-s7dj8o63ae/

Существует множество моделей управления доступом, однако в данном руководстве мы сосредоточимся на управлении доступом на основе ролей (RBAC) и способах его реализации в Django.

Мы будем использовать встроенную в Django систему аутентификации для разрешения (или запрета) пользователям доступа к ресурсам или выполнения действий в зависимости от прав, связанных с назначенными им ролями.

#Python #Django

https://dev-gang.ru/article/realizacija-rolevogo-upravlenija-dostupom-v-django-tixt06m326/

Сегодня мы собираемся создать модальный компонент, используя собственный dialog элемент HTML, а также React и TailwindCSS.

#JavaScript #React #HTML

https://dev-gang.ru/article/ukrosczenie-dialog-html-s-pomosczu-react-i-tailwindcss-bq6y06vm5h/

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

#Python

https://dev-gang.ru/article/bezopasnoe-upravlenie-paroljami-python-heshirovanie-i-shifrovanie-z551yq6pu5/

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

#JavaScript #React

https://dev-gang.ru/article/useref-dlja-izbezhanija-povtornogo-renderinga-komponenta-zu2ucu0u3c/

В этом уроке я шаг за шагом покажу вам процесс выполнения вызовов API в JavaScript. К концу этой статьи вы получите четкое представление о том, как взаимодействовать с API в ваших проектах JavaScript.

#JavaScript

https://dev-gang.ru/article/kak-vyzvat-api-v-javascript--s-primerami-0iv332178h/

В этом уроке я буду использовать Svelte для написания простого приложения с двумя вкладками, которое можно легко расширить для управления большим количеством вкладок.

#Svelte

https://dev-gang.ru/article/sozdanie-vkladok-v-svelte-fqujzhy5zf/

Раньше я пару раз устанавливал Prettier и Eslint для проектов с открытым исходным кодом, но с этого времени я полностью понял, как использовать форматтер и почему он необходим для многих проектов с открытым исходным кодом.

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

#Prettier #Eslint

https://dev-gang.ru/article/dobavljaem-prettier-i-linter-5osqt5xf1m/

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

#JavaScript #Начинающим

https://dev-gang.ru/article/hitrosti-javascript-ie7fiwwfg8/

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

#Angular

https://dev-gang.ru/article/poluczit-dannye-marshruta-s-pomosczu-funkcii-preobrazovatelja-v-angular-25ajdqi2k3/