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

Изучив статью, узнаете, как работать с компонентами, которые постоянно повторяются, способом, отличным от того, который уже предлагается React.js. Представьте, что вы создаете законченную форму, используя всего одну строку кода? Это то, что нам предоставит Builder.

#JavaScript #NodeJS #React #TypeScript
🔥3👍2👏2
Легко создавайте красивые анимированные презентации — визуализируйте идеи с помощью кода с использованием веб-технологий.

Animotion — это презентационная среда для создания красивых слайдов и визуализации идей с помощью кода с использованием Svelte, Reveal.js и Tailwind CSS. Animotion (GitHub Repo) был создан Joy of Code (Matia) и его командой. Читайте нашу новую статью.

#JavaScript #Дизайн
👍4👏2🔥1
FastAPI — это известный и любимый современный, быстрый, асинхронный веб-фреймворк для создания API на Python.

Моей команде очень понравился процесс разработки приложений с помощью FastAPI, и она нашла в нем полезный опыт обучения. Однако один из моментов оказался немного сложным: когда дело дошло до тестирования производительности, мы столкнулись с неожиданно низкими значениями запросов в секунду (RPS), что побудило нас к более глубокому исследованию, которое, привело нас к подробному изучению FastAPI Middlewares.

Цель этой заметки — изучить влияние BaseHTTPMiddleware и ASGIMiddleware на производительность FastAPI-приложений и поделиться нашими выводами. Пройдите по ссылке, чтобы узнать подробности.

#Python #FastAPI
👏4🔥2👍1
Next.js — это современный фреймворк React, который упрощает создание веб-приложений, предоставляя набор условностей и встроенных функций.

Одним из ключевых аспектов Next.js является система маршрутизации, которая позволяет разработчикам создавать страницы и осуществлять перемещение между ними.

Благодаря руководству по типизации маршрутов Next.js повышает эффективность разработки, обеспечивая безопасность типов маршрутизации, особенно при использовании TypeScript.

#TypeScript #NextJS
👍4🔥2🆒1
Управление сессиями — важнейший аспект разработки веб-приложений, обеспечивающий безопасность, бесперебойность и персонализацию взаимодействия с пользователем.

NestJS, платформа для создания эффективных и масштабируемых приложений Node.js, в сочетании с Redis, хранилищем данных в памяти, предлагает мощное решение для управления сеансами.

В этом руководстве мы углубимся в освоение управления сессиями с помощью NestJS и Redis, охватывая все — от настройки до масштабирования.

#Redis #NestJS
🔥4👀1🆒1
JSON (JavaScript Object Notation) обеспечивает легкий и простой способ обмена данными, широко используемый в современных системах, включая разработку приложений в Dart.

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

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

#Dart #JSON
👍4🔥3👏2
Важная новость, React Native 0.74 вышел с крупными обновлениями и вот что туда включено.

Интеграция Yoga 3.0

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

- Поддержка для position: static
- Поддержка для align-content: space-evenly
- Улучшения корректности макета
- Привязки Yoga для JavaScript теперь распространяются как модуль ES
- Исправлено несколько сбоев в привязках Java
- Некоторые существующие API Yoga были удалены

Ознакомьтесь с нашей статьей для подробностей.

#Новости #Интересное
🔥4👍2👏21
Сегодня мы поделимся тем, как реализовать многоязычную поддержку в ваших приложениях Next.js с помощью пакета next-i18next. Этот подход улучшает пользовательский опыт за счет предоставления контента на разных языках, что имеет решающее значение для глобального охвата.

Эффективное использование next-i18next позволит вашим приложениям Next.js легко работать по всему миру, охватывая более широкую и разнообразную аудиторию. Полная статья доступна по ссылке.

#NextJS #JavaScript
👍2🔥2🫡1
Многие функции, над которыми я работаю, используют массивы точек (GPS-треков) []float64{lng,lat} для статистического анализа. Отдельные треки могут содержать более 50 000 точек, описывающих реальное путешествие из пункта А в пункт Б.

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

#Golang
👍2🔥2👏2
GraphQL Yoga - это надежный фреймворк, который позволяет легко интегрировать загрузку файлов в рабочий процесс GraphQL API благодаря поддержке спецификации GraphQL Multipart Request Specification. Используя эту возможность, вы можете эффективно работать с загрузкой файлов и обрабатывать бинарные данные в резолверах GraphQL через HTTP.

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

#GraphQL
🔥4👏3👍2
В этом руководстве вы пройдете пошаговый процесс создания RESTful CRUD API, начиная с настройки среды разработки проекта и заканчивая подключением к базе данных MongoDB, определением модели данных с помощью Mongoose, которая будет взаимодействовать с кластером баз данных MongoDB, реализацией CRUD–функций с помощью маршрутов Express и, наконец, тестированием конечных точек API. Вы также узнаете, как обрабатывать валидации и ошибки.

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

#JavaScript #NodeJS
👍32🔥2
Бесконечная прокрутка — это распространенная стратегия на платформах с большим количеством контента, которая отдает приоритет разбиению на страницы при разработке API. Эта стратегия загружает большие наборы данных постепенно небольшими управляемыми фрагментами, улучшая UX, особенно для медленных интернет-соединений.

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

#NextJS
👍3🔥2👏2
Я работал над приложением с функцией планирования, и мне нужна была система всплывающих уведомлений, чтобы информировать пользователей о некоторых сроках. Есть несколько разных способов достижения этой цели.

Мой путь к реализации проекта: читайте в новой статье.

#Django #Python #JavaScript
🔥3👍2👌1
Платформа GitVerse получила значительные обновления, ускоряющие разработку и добавляющие новые возможности.

Новые инструменты для ускорения разработки:
- Автоматизированные инструменты сборки и доставки кода, позволяющие экономить время и повышать эффективность.
- Оповещения об обновлениях кода для запуска внешних сервисов, расширяющие возможности автоматизации.

Читайте полную статью в блоге DevGang, вы узнаете об улучшениях AI-ассистента GigaCode, о функциях для организаций и планах на 2024 год,

#Новости #Интересное #Git
🔥3😍2👏1
Django — это высокоуровневый фреймворк на Python, который способствует быстрой разработке и предлагает понятный и прагматичный дизайн.

React — это универсальная библиотека JavaScript для создания расширенных пользовательских интерфейсов.

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

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

#Django #React #Python #JavaScript
👍2🔥2👏1
Vfox (version-fox) — это популярный инструмент общего управления версиями, написанный на Go, а механизм подключаемых модулей использует Lua для достижения расширяемости.

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

Если вы использовали asdf для управления и поддержки нескольких версий Erlang и Elixir, то vfox также станет для вас хорошим выбором.

Эта статья покажет вам, как установить и управлять несколькими версиями Erlang и Elixir через vfox.

#vfox #Erlang #Elixir
👍2🔥2🆒1
С тех пор как я начал работать с NestJS, я искал надежный способ управления базой данных с помощью TypeORM. Сегодня я расскажу о своем пути и шагах, которые я предпринял, чтобы всё это настроить.

TypeORM — это инструмент объектно-реляционного отображения (ORM), который упрощает работу с базами данных в приложениях на Node.js и TypeScript.

NestJS — это прогрессивный фреймворк Node.js, предназначенный для создания эффективных, надежных и масштабируемых приложений на стороне сервера.

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

#NestJS #TypeScript
🔥4👍2👌1
Недавно передо мной была поставлена задача реализовать функцию, позволяющую пользователям беспрепятственно редактировать контент, например, изменять абзацы или заголовки.

Я исследовал различные подходы к решению этой задачи, начиная от переключения текстовых элементов в элементы ввода по щелчку мыши или событиям onBlur и заканчивая использованием свойства editable в библиотеке Ant Design.

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

#JavaScript #React #Начинающим
4👏2🔥1
Возможно, вы сталкивались со случаями, когда ваш сервер перегружен, тормозит и не может обрабатывать входящие запросы.

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

Сегодня я расскажу, как реализовать Docker + Nginx для создания балансировки нагрузки с распределением входящих запросов. Как реализовался данный проект, читайте в статье.

#NestJS #Nginx #Docker
👍4🔥2👏1
Я хотел настроить среду разработки Express с современными пакетами NPM. Но я столкнулся с некоторыми проблемами.

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

Полную статью читайте в нашем блоге.

#Express
👍3🔥2🆒1
В этом руководстве мы рассмотрим процесс создания веб-токенов JSON (JWT) с нуля в PHP, который является более совершенной и более безопасной схемой аутентификации.

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

#JSON #PHP
🔥3👍2🆒1