Если у вас есть большое устаревшее веб-приложение, реализация темы темного режима — довольно сложная идея. Особенно, когда ваш CSS разбросан повсюду и вам нужно беспокоиться о ряде сторонних компонентов.

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

#CSS

https://dev-gang.ru/article/primenenie-vizualnyh-tem-s-pomosczu-scss-rorahmma6v/

«Взлом CPU» подразумевает разблокирование возможности непрерывной обработки данных и переоценки состояния.
Вы действительно можете сделать это с помощью CSS, даже не прикасаясь к JS, я покажу вам, как!

#CSS

https://dev-gang.ru/article/ekspert-css-hak-processora-ye8j554o7y/

Привет, технолюбопытные реалмеры! Вы когда-нибудь переставали работать хотя бы на секунду, смотрели на свой терминал MacBook и думали: «Я крутой программист/хакер; почему мой терминал такой мужицкий?» Если да, то вы попали на пост в блоге, посвященный повышению крутизны вашего MacBook как минимум на +10

#MacOS

https://dev-gang.ru/article/iterm-obnovlennyi-terminal-vashego-mac-xcf0r32hdc/

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

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

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

#DataScience #TypeScript

https://dev-gang.ru/article/kak-sproektirovat-shemu-surrealdb-i-sozdat-bazovyi-klient-dlja-typescript-lgkcc3k0jr/

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

#CSS #HTML

https://dev-gang.ru/article/-sposoba-perekluczenija-vidimosti-mobilnoi-navigacii-v-css-c3a1trfo5j/

В этом уроке я покажу, как упаковать приложение Go для пользовательского репозитория Arch Linux (AUR). Мы откроем учетную запись AUR, пройдемся по шаблону PKGBUILD и будем следовать рекомендациям Arch Wiki для Go. К концу руководства вы сможете загрузить свой собственный пакет Arch, использующий Go в AUR

#Golang #Linux #OpenSource

https://dev-gang.ru/article/rukovodstvo-po-upakovke-go-dlja-arch-linux-lk5qokhan5/

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

Если вы раньше не слышали о параллельной маршрутизации и не использовали ее, проверьте это.

#NestJS

https://dev-gang.ru/article/ustranenie-nepoladok-parallelnoi-marshrutizacii-v-nextjs-epcnwolapb/

В динамичном мире DevOps мы наводнены множеством инструментов для улучшения нашего конвейера. Но мы здесь не для того, чтобы говорить о норме, мы здесь для того, чтобы обсудить Экскалибур мониторинга и оповещения: Prometheus.

https://dev-gang.ru/article/ispolzovanie-sily-prometeja-monitoring-pokazatelei-na-steroidah-m4a1k47abz/

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

#CSS #React

https://dev-gang.ru/article/ispolzovanie-vozmozhnostei-scss-v-react-kompleksnoe-rukovodstvo-po-strukturirovaniu-i-stilizacii-vashego-proekta-fuuuai4glw/

Resend — это платформа для эффективной отправки электронной почты, гарантирующая прямую доставку в ваш почтовый ящик, а не в папку со спамом.
React Email — это библиотека компонентов с открытым исходным кодом, созданная той же командой, что и Resend. Эту библиотеку можно использовать для создания различных современных адаптивных шаблонов электронной почты.
В этом руководстве вы узнаете, как отправлять электронные письма с подтвержденного домена с помощью React-Email, Next.js и Resend.

#NestJS #React

https://dev-gang.ru/article/otpravka-pisem-react-s-ispolzovaniem-nextjs-i-resend-sdk-om91pc5kvb/

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

https://dev-gang.ru/article/ponimanie-strategii-perezapuska-processa-perehodnye-vremennye-i-postojannye-pdxc1dcs3j/

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

#NodeJS

https://dev-gang.ru/article/povyshenie-nadezhnosti-api-dobavlenie-taimautov-v-nodejs-fetch-ynp5awity1/

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

https://dev-gang.ru/article/prevratite-luboi-api-v-mehanizm-upravljaemyi-sobytijami-hp61vq7qqs/

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

#JavaScript #NodeJS #React

https://dev-gang.ru/article/pravilnyi-sposob-klonirovanija-javascriptobektov-insrt6b6es/

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

#Express

https://dev-gang.ru/article/vash-pervyi-api-s-bun-express-i-prisma-ver7khltx8/

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

#CSS #HTML

https://dev-gang.ru/article/perekluczenie-po--sostojanijameto-ne-slozhno-polnoe-rukovodstvo-po-cssperekluczenijam-s-ispolzovaniem-tolko-css-vrljz9a2ri/

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

#CSS #HTML

https://dev-gang.ru/article/iskusstvo-sozdanija-dostupnoi-ssylki-g2popldh6b/

Мечта каждого разработчика — писать меньше кода и возможно сделать его многоразовым.
В React это означает знание того, как правильно отделить логику компонента от его представления.
Легче сказать, чем сделать, не так ли?

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

#JavaScript #React

https://dev-gang.ru/article/react-advanced-pravilnoe-razdelenie-komponentov-tfvl2bqk5e/

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

#PostgreSQL #SQL

https://dev-gang.ru/article/ustanovka-postgresql--v-ubuntu--wxrqcb2vro/

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

#Security #React

https://dev-gang.ru/article/ispolzovanie-zagolovkov-politiki-bezopasnosti-soderzhimogo-v-react--emotion-wc2ikh9tzw/

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

#JavaScript

https://dev-gang.ru/article/debouncing-v-javascript-86xhzib4b2/