Web Stack
4.61K subscribers
802 photos
5 videos
1.77K links
Дайджест web разработчика: статьи, туториалы, практики и полезные инструменты.

Админ: @jem_jem
Реклама: https://bit.ly/2wZeIPj

👉 Дайджест мобильной разработки @mobile_dvlp
Download Telegram
Применение принципов дизайна в React

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

https://blog.openreplay.com/applying-design-principles-in-react/
❤‍🔥4
Что такое система управления базами данных

Краткое введение в СУБД и их разновидности

https://www.hackerrank.com/blog/what-is-dbms-introduction/
🔥4
Разработка на Deno: пишем REST API

Туториал по созданию Rest API на Deno.

https://blog.openreplay.com/getting-started-with-deno--building-a-rest-api/
👍5
Автоматическая генерация CHANGE log и изменение версий для релиза

Утилита для подготовки релизного PR от Google.

https://www.npmjs.com/package/release-please
❤‍🔥3👍1💩1
SurrealDB

В чем особенность базы данных SurrealDB и как с ней работать?

https://dev.to/sebastian_wessel/surrealdb-the-magic-database-to-keep-on-your-radar-4a22
👍2🔥1
Forwarded from Habr For Dev
#accessibility #html

Очередной ответ на вопрос: «Зачем нужна семантика?»

Этот вопрос преследует меня всю мою карьеру, начиная с 2013 года. Одни разработчики отвечают, потому что так правильно. Другие говорят про SEO. Третьи — ничего не говорят. А я считаю, что атрибут role является отличным ответом на этот вопрос!

⭐️◽️◽️◽️◽️

📖Читать
🔥3
Техника загрузки изображений-плейсхолдеров в низком качестве.

Для того чтобы страница не выглядела пустой при загрузке, можно предзагружать картинки плохого качества в качестве плейсхолдеров. О том, как это реализовать и как это повлияет на Web Vitals оценки, читайте в статье.

https://csswizardry.com/2023/09/the-ultimate-lqip-lcp-technique/
👍3
Разбираемся с WebRTC

Вводная статья о принципах работы и сферах применения

https://www.sitepen.com/blog/getting-started-with-webrtc
3
Полный обзор функционала VSCode

Как использовать все возможности IDE чтобы быть максимально продуктивным

https://youtu.be/heXQnM99oAI
❤‍🔥4
Разработка Photoshop для веба

Или как теперь дебажить web assembly в DevTools

https://web.dev/ps-on-the-web/
👍21
React Testing Library против Jest

Сравниваем 2 популярных инструмента для тестировния React приложений.

https://medium.com/simform-engineering/react-testing-library-vs-jest-2a204f521b97
👍4
Введение в Web Preferences API

Новый API, доступный через свойство navigator.preferences, позволяющий взаимодействовать с настройками предпочтений пользователя (например цветовой схемы и контраста).

https://blog.logrocket.com/introduction-web-preferences-api/
👍2🔥2
Ошибки выбора MongoDB в качестве основной БД в стартапе

О подводных камнях использования MongoDB (и не только), которые следует учитывать на старте проекта.

https://habr.com/ru/articles/692736/
👍3
10 продвинутых git команд

Rebase, Grep, Rev-List, Reflog и другие.

https://earthly.dev/blog/advanced-git-commands/
🔥31
Оптимизируем импорт пакетов в NextJs

https://vercel.com/blog/how-we-optimized-package-imports-in-next-js
🔥5🤮1
Ускоряем ответы сервера с помощью HTTP streaming

Короткая заметка о том, как стримить данные на NodeJS и как принимать их на клиенте на примере разработки приложения с OpenAI.

https://austingil.com/ai-for-web-devs-streaming/
3👍1
10 способов спрятать элементы с помощью CSS

https://www.sitepoint.com/hide-elements-in-css/
👍31
Работа с переменными окружения в NodeJS

Способы задания и обработки переменных окружения.

https://www.sitepoint.com/node-js-environment-variables-how-to-set-them-properly/?utm_source=rss
👍4💩1
Astro Web Framework Crash Course

Краткий курс по Astro от freeCodeCamp.

https://www.youtube.com/watch?v=e-hTm5VmofI
👍4
Оптимизируем длинные задачи

Как выполнить тяжелую задачу и не заблокировать основной поток в браузере.

https://web.dev/articles/optimize-long-tasks?hl=en
❤‍🔥7👍1