DevGang
122 subscribers
1.99K photos
1.6K links
Статьи по программированию и не только!
Публикуем горячие новости, статьи и переводы из мира IT.
Сайт проекта: https://dev-gang.ru
Download Telegram
Хук useContext() в React позволяет функциональным компонентам получать доступ к значению контекста для объекта контекста. Он принимает объект контекста в качестве единственного аргумента и возвращает текущее значение контекста, переданное ближайшим поставщиком контекста.

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

#React #HTML #NextJS

https://dev-gang.ru/article/nextjs-usecontext-dlja-izmenenija-jazyka-html-v-layouttsx-iz-doczernego-komponenta-a7l25mtged/
Bramus показал нам умный Space Toggle на основе анимации прокрутки, который позволяет нашим стилям реагировать в зависимости от того, может ли элемент прокручиваться или нет.

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

https://dev-gang.ru/article/css-fix-kogda-justifycontent-prostranstvo-ravnomerno-perepolnjaetsja-razcentriruite-soderzhimoe-p8nl0adf7r/
Я создал среду разработки с использованием MapLibre GL JS и ключевой функции Amazon Location Service API. 🎉

Созданная среда доступна на GitHub. Пожалуйста, используйте её!

#AWS #JavaScript

https://dev-gang.ru/article/sozdanie-kartograficzeskogo-prilozhenija-s-ispolzovaniem-maplibre-gl-js-i-kluczevyh-funkcii-amazon-location-service-api-9wa7b3jimi/
В этом уроке вы узнаете, как создать магазин по продаже цифровых товаров (например, электронных книг) с помощью Next.js и Medusa.

1. Мы будем использовать стартовый шаблон Medusa Next.js и рецепт цифровых продуктов, чтобы приступить к работе.
2. Мы обновим страницы продуктов для поддержки цифровых продуктов

#JavaScript #NestJS

https://dev-gang.ru/article/sozdanie-magazina-cifrovyh-tovarov-s-pomosczu-nextjs-i-medusa-330q2ce7j0/
Ошибки могут как раздражать, так и расстраивать. Часто эти исключения возникают из-за неправильной реализации или использования.

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

#Python

https://dev-gang.ru/article/kak-realizovat-obrabotku-oshibok-v-python-s-pomosczu-blokov-tryexcept-tgp7s2fkco/
В мире мастерства работы с командной строкой каждое нажатие клавиши имеет значение. Именно здесь на помощь приходят алиасы Bash, повышающие эффективность вашей командной строки и помогающие глубже погрузиться в экосистему Linux. В этом блоге мы рассмотрим, как псевдонимы Bash могут ускорить ваши повседневные задачи, улучшить ваше понимание Linux и предложить удобный фрагмент для упрощения создания алиасов.

#Bash #Linux

https://dev-gang.ru/article/povyshenie-proizvoditelnosti-i-znanii-linux-s-pomosczu-aliases-bash-twxneazero/
Давайте посмотрим, как использовать обещания, асинхронность и ожидание JavaScript в ReScript, используя Bun v1, чтобы быстро запустить и увидеть наши изменения.

#JavaScript

https://dev-gang.ru/article/promisy-asinhronnost-i-ozhidanie-v-rescript-s-bun-626h9xygbk/
На прошлой неделе я создал приложение Flutter для запуска генератора наборов Julia на сервере Python gRPC. В этом примере проекта обсуждается интеграция Flutter и Python. У меня было предубеждение по поводу того, что Python очень медленный. Удивительно, но, используя Numba и внося несколько изменений (@njit(parallel=True) и prange()) в исходный код Python, я добился прироста производительности примерно в 350 раз, измеряемого в кадрах в секунду (FPS) в пользовательском интерфейсе.

#Flutter #Python

https://dev-gang.ru/article/efficient-dart-optimizacija-nagruzki-na-processor-vo-flutter-bez-propuska-kadra-xh7yct9pp6/
Push-уведомления - это, безусловно, очень интересная функция. Чем больше вы с ней работаете, тем удобнее ее реализовывать. Обратите внимание, что вы можете отправлять push-уведомления непосредственно из панели Firebase, не взаимодействуя с бэкендом. Это в основном для целей разработки и тестирования. Она также используется во время работы приложения для отправки широковещательных уведомлений нескольким пользователям. Однако в данной статье речь идет об использовании бэкенда node.js, поскольку он отвечает потребностям большинства разработчиков.

#NodeJS #Flutter #Android #IOS

https://dev-gang.ru/article/pushuvedomlenija-s-ispolzovaniem-firebase-nodejs-flutterdart-dcyy9r67um/
Одним из требований к моему выпускному проекту в Flatiron School было включение в него того, что ранее не изучалось в рамках учебного курса. Из-за своей любви к красивому дизайну я выбрал загрузку изображений для выполнения этого требования. Продумав цикл "запрос - ответ", мне нужно было научиться выбирать изображение через файловый браузер, загружать его через запрос POST или PATCH, хранить в базе данных и возвращать изображение с помощью запроса GET.

#JavaScript #React

https://dev-gang.ru/article/zagruzka-izobrazhenii-v-react-4qor1frj77/
В современном веб-дизайне взаимодействие с пользователем имеет первостепенное значение. Компоненты-аккордеоны, представляющие собой аккуратные раскрывающиеся и сворачивающиеся секции, широко используются для оптимизации пространства и улучшения пользовательского опыта. В этом руководстве мы расскажем вам о том, как создать реагирующий компонент аккордеона на React. Мы разберем код шаг за шагом, объясняя логику, лежащую в основе каждой секции. Давайте погрузимся в работу!

#JavaScript #React

https://dev-gang.ru/article/kak-postroit-menuakkordeon-v-react-s-nulja-iqb2qr7nlr/
Предположим, я хочу создать Arduino Hubs с исполнительными механизмами и датчиками, но управлять ими нужно дистанционно.
Пожалуйста, имейте в виду, что приведенный здесь код, даже для кода "мигания", более многословен, чем в проекте для начинающих. Поэтому это не для тех, кто только начинает работать с Arduino. Вы не увидите pinMode, analogRead... потому что этим занимается библиотека.

https://dev-gang.ru/article/distancionnoe-upravlenie-arduino-5vgsmabctv/
Круговая диаграмма, широко используемый тип диаграмм, но в то же время вызывающий множество споров тут и там, прочно заняла свое место в сфере визуализации данных. При правильном использовании она дает интуитивное представление о составе данных, причем каждый кусочек пирога представляет собой отдельный компонент. В этом руководстве я проведу вас по простому пути создания интерактивных круговых диаграмм с помощью JavaScript.

#JavaScript #Data Science

https://dev-gang.ru/article/kak-sozdat-krugovuu-diagrammu-na-javascript-pobeditel-ipl-08th7qbjtg/
Pandas — это библиотека анализа и обработки данных на Python, которая позволяет пользователю читать и работать с различными типами данных. Для хранения данных и управления ими Pandas использует DataFrames. DataFrames в Pandas — это двумерные изменяемые табличные структуры, содержащие строки и столбцы, очень похожие на электронную таблицу. В этой статье мы сосредоточимся на замене нескольких значений в DataFrame на Pandas, а также на некоторых примерах.

#Python #Pandas

https://dev-gang.ru/article/zamenite-neskolko-znaczenii-v-dataframe-s-pomosczu-pandas-awds8ug537/
DataFrames — это хорошо известная структура данных, предоставляемая библиотекой Python Pandas. Их можно использовать для хранения данных в двумерной табличной форме, что удобно для визуализации и манипулирования различными типами данных. Поскольку DataFrames являются двухмерными, они содержат строки и столбцы. В этой статье мы рассмотрим 3 различных метода подсчета строк и столбцов в DataFrame, а также несколько примеров.

#Pandas

https://dev-gang.ru/article/poluczenie-koliczestva-strok-i-stolbcov-v-kadre-dannyh-pandas--metoda-evmmb1b3mr/
Numpy предоставляет нам множество функций для выполнения различных типов операций с массивами Numpy, одна из них — функция numpy.min(). Функция numpy.min() используется для поиска минимального значения в массивах. В этой статье мы рассмотрим три способа найти минимальный элемент массива с помощью этой функции.

#Python #Pandas

https://dev-gang.ru/article/numpymin-v-python-poluczit-minimalnoe-znaczenie-v-massive-ap14zab62o/
В этой статье мы рассмотрим одну из важнейших функций Pandas — query(), которая позволяет нам фильтровать и отображать определенные записи из DataFrame в соответствии с нашими потребностями, аналогично использованию системы базы данных с языком запросов. Мы рассмотрим запрос к DataFrame с помощью query() с некоторыми примерами.

#Python #Pandas

https://dev-gang.ru/article/metod-pandas-query-zapros-dataframe-v-python-7fz3yfomkc/
В этой статье мы добавим эффект свечения трассировки мыши к компонентам React.
Эффект свечения будет работать только при использовании мыши в качестве указателя. События касания не вызовут его.

#React

https://dev-gang.ru/article/dobavte-effekt-sveczenija-s-trassirovkoi-myshi-k-komponentam-react-9ch41e7yu8/
В этой статье мы рассмотрим базовый метод обработки изображений, который включает преобразование изображений RGB (красный, зеленый, синий) в изображения в оттенках серого (черно-белые). Для этого мы воспользуемся Matplotlib, популярной библиотекой Python, известной своими возможностями создания графиков и визуализации данных. Кроме того, мы рассмотрим несколько практических примеров преобразования изображений RGB в оттенки серого с помощью Matplotlib.

#Python #Matplotlib

https://dev-gang.ru/article/preobrazovanie-izobrazhenii-rgb-v-ottenki-serogo-s-pomosczu-matplotlib-poshagovoe-rukovodstvo-6xwczifsuv/
Давайте углубимся в то, как работает перехватчик Axios и как обеспечить остановку выполнения кода после ответа 401.

#VueJS

https://dev-gang.ru/article/kak-ostanovit-vypolnenie-koda-posle-otveta--v-axios-cngojcmlr2/
В огромном пространстве JavaScript многие мощные функции часто остаются незамеченными. Одной из таких скрытых жемчужин является WeakSet, невоспетый герой языка, который может помочь вам оптимизировать код и более эффективно управлять памятью. В этой статье мы углубимся в WeakSet, раскроем их потенциал и узнаем, как эффективно использовать их в наших проектах JavaScript.

#JavaScript

https://dev-gang.ru/article/raskroite-vozmozhnosti-javascript-weakset-osvoite-skrytuu-zhemczuzhinu-l09s2faq1f/