DevGang
Авторизоваться
Полина Родионова

Полина Родионова

Изменение языка html в layout.tsx из дочернего компонента с помощью Nextjs useContext

Хук useContext() в React позволяет функциональным компонентам получать доступ к значению контекста для объекта контекста. Он принимает объект контекста в качестве единственного аргумента и возвращает текущее значение контекста, переданное ближайшим поставщиком контекста.

Этот способ использованияContext изменяет html lang='vi' на lang='en' в layout.tsx.

Упрощение управления состояниями с помощью Provider в Flutter

В этой статье мы рассмотрим, как реализовать управление состояниями с помощью пакета Provider во Flutter. В качестве иллюстрации мы создадим приложение Voting Age Calculator. Это приложение поможет пользователям определить, имеют ли они право голосовать, исходя из их возраста.

Создайте свой собственный API-детектор токсичных комментариев!

В этой статье я покажу, как построить API-детектор токсичных комментариев с помощью FastAPI.

Из приведенного ниже изображения видно, что API отреагировал на текст "trash stuff" с ответом "toxic comment" и степенью токсичности комментария.

Использование заголовков политики безопасности содержимого в React & emotion

Заголовки Content Security Policy (CSP) добавляют еще один уровень безопасности, запрещая небезопасные действия, такие как установление соединений с произвольными доменами, использование eval, inline-скриптов и др. В данной статье речь пойдет о директиве style-src и ее использовании с emotion.

Полное руководство по CSS-переключателям с использованием CSS

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

Создавать переключатели очень просто. Сегодня я расскажу о том, как создать CSS-переключатели.

Ваш первый API с Bun, Express и Prisma

Вы уже увидели новую, классную и быструю среду разработки для JavaScript и задаетесь вопросом, как начать разрабатывать веб-приложения? Возможно, эта статья поможет вам. Мне нравится видеть новые способы создания приложений, которые привносят инновации в экосистему JS, а Bun привносит в нее нечто большее. Здесь, без дополнительных библиотек, вы можете создать свой API, протестировать его, собрать в пакет и даже использовать собственную интеграцию SQLite, и все это в быстрой и простой в использовании среде выполнения. В ней даже уже есть некоторые фреймворки, но это - наработки на будущее.

Правильный способ клонирования JavaScript-объектов

Клонирование JS-объекта - довольно распространенная задача в нашей повседневной жизни. Обсудим методы ее решения.

PS. Для правильного клонирования используйте structuredClone, так как теперь он доступен в родном JS.

Детские шаги к мгновенному улучшению проекта React

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

Использование CSS для управления преобразованием текста в речь

При использовании программы чтения с экрана / преобразования текста в речь для чтения текста вслух веб-сайты часто звучат как старинные научно-фантастические роботы.

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

Как анимировать заставки Fire TV с помощью React Native и Lottie

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

Lottie - это анимационная библиотека с открытым исходным кодом, созданная компанией Airbnb для визуализации сложных анимаций на мобильных устройствах в реальном времени. Она отлично подходит для создания интерактивных анимаций как для Android, так и для iOS. Поскольку Fire OS основана на проекте Android с открытым исходным кодом AOSP, мы можем использовать Lottie для создания сложных анимированных заставок в приложениях для Fire TV с помощью React Native.

Лучшие CSS-утилиты для проектов на React: Практические фрагменты стилизации

В этой статье я хочу поделиться с вами некоторыми из наиболее полезных CSS-утилит, которые я использую в своих проектах на React. Думаю, что многие из них помогут вам не только сэкономить время, но и пригодятся в ваших проектах. Все эти функции и фрагменты можно найти в папке css в пакете ui в репозитории ReactKit.

Генерация миниатюр видеороликов с помощью API ApyHub

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

Создание устанавливаемого  приложения для ПК с помощью Python, PyQt и Py2app

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

Возможно, вам не нужен TypeScript Enum

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

Получение основных данных в React

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

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

Полная настройка TypeScript - с нуля до героя

Добро пожаловать, разработчики! Если вы только начинаете осваивать TypeScript или хотите оптимизировать процесс разработки, это руководство - ваш золотой билет. Мы расскажем обо всем: от инициализации проекта до выполнения тестов и отладки.

Навигационное меню Stripe, построенное на основе React

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

Сортировка Pandas DataFrame: 6 способов с примерами

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

Кнопка с эластичными границами для React Native

Простой компонент React Native для создания в приложении причудливой кнопки с эластичной границей.

Зависит от библиотек react-native-reanimated, react-native-gesture-handler и react-native-svg.

Интерфейсы и внедрение в Golang (Go)

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

1. Интерфейсы в Go:

Создание настраиваемого списка выбора с помощью CSS

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

Обычно мы добавляем выпадающие элементы на веб-страницу с помощью собственного элемента HTML <select>. Однако из-за сложности его внутренней структуры добиться единообразного оформления этого элемента в различных браузерах довольно сложно.

Вычисление времени в пути с помощью React Native Maps Directions

Привет, сообщество dev-gang! Сегодня я покажу вам, как с помощью react-native-maps-directions получить примерное время в пути между двумя точками. Это может быть очень удобно при создании приложений, связанных с путешествиями или передвижением.

Angular Signals: Реактивный способ управления состоянием

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

Освоение итераторов JavaScript для эффективного написания кода

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

Создание простой веб-игры за 10 шагов

Когда вы начинаете заниматься веб-разработкой, перед вами встают многоуровневые задачи, и покорение javascript - одна из них! По моему опыту, изучать javascript лучше всего на практике. Можно просмотреть тонну обучающих видео, думать, что все понял, а в итоге получить очень неправильный код.

В этой статье мы рассмотрим пример создания простой игры на JS с нуля. В этой задаче вам предстоит отработать некоторые начальные и основные принципы программирования на javascript. В качестве бонуса вы даже получите небольшой урок по HTML и CSS.

Генерация изображений на основе искусственного интеллекта с помощью Quarkus и OpenAI DALL.E

В этой статье мы рассмотрим, как интегрировать OpenAI API с Quarkus. Мы создадим приложение Quarkus, используя новый REST-клиент Reactive для вызова API OpenAI DALL.E.

Ползунок изменения размера шрифта

Вот что я имею в виду, когда говорю о слайдере размера шрифта. В основном это означает, что мы создаем вход с типом диапазона и даем ему некоторую магию javascript, чтобы заставить этот слайдер регулировать свойство font-size в CSS:

Gonull: Пакет Go для удобной работы с нулевыми значениями

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

Шаблон MV3 Chrome Extension: Supabase Auth, Plasmo, Tailwinds CSS & Shadcn UI

Для начала работы мы настроим Plasmo, Tailwinds и Shadcn-UI.

Настройка Plasmo

pnpm create plasmo
# OR
yarn create plasmo
# OR
npm create plasmo

Установление соединения с PostgreSQL с помощью Prisma в NestJS: исчерпывающее руководство с примером API-закладок

В современной веб-разработке установка надежного и эффективного соединения с базой данных имеет решающее значение для создания масштабируемых и поддерживаемых приложений. NestJS, популярный бэкенд-фреймворк для Node.js, предлагает обширную экосистему для создания API и микросервисов. В сочетании с Prisma, продвинутым набором инструментов для работы с базами данных, и Docker, платформой для контейнеризации приложений, можно получить оптимизированную среду разработки для приложений, управляемых базами данных. В этом руководстве мы рассмотрим процесс создания соединения с PostgreSQL с помощью Prisma на базе NestJS в среде Docker. Для демонстрации реализации мы также создадим API-закладку в качестве примера.