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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Настройка Plasmo

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

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