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

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

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

Как с точки зрения памяти эффективно работать с DOM элементами на чистом JS.

https://frontendmasters.com/blog/patterns-for-memory-efficient-dom-manipulation/
8🔥2👍1
Виртуальный DOM на 200 строк JS

Как написать свою собственную реализацию Virtual DOM (и зачем).

https://lazamar.github.io/virtual-dom/
👍6🔥1😁1
SOLID принципы в React приложениях

Повышаем качество кода с применением SOLID принципов в контексте разработки на React.

https://dev.to/vyan/mastering-solid-principles-in-react-elevating-your-code-quality-2c6h
👍61
Forwarded from Habr For Dev
#ruvds_статьи #css

Магия CSS на практике: советы по вёрстке от гика. Часть 3

⭐️◽️◽️◽️◽️

📖 Читать
4👍1
Tarantool vs Redis: что умеют in-memory технологии

Что такое БД в памяти и какие задачи они решают, а также технические особенности и сравнение Tarantool vs Redis.

https://habr.com/ru/companies/vk/articles/550062/
15👍2
Ускоряем работу приложения еще на этапе загрузки

Что присходит с запросом до получения результата и как на это можно повлиять.

https://blog.sentry.io/how-to-make-your-web-page-faster-before-it-even-loads/
🔥4👍1
Деплой в AWS

Туториал по базовой настройке AWS и работе с основным функционалом для деплоя приложений.

https://www.youtube.com/watch?v=U3VSJhaC4kc
👍4🔥1
👩‍💻 Как быстро разобраться в Next.js 14: 5 советов опытного фронтендера

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

https://proglib.io/p/kak-bystro-razobratsya-v-next-js-14-5-sovetov-opytnogo-frontendera-2024-10-24
Please open Telegram to view this post
VIEW IN TELEGRAM
5👍1👌1
👩‍💻 Vite vs CRA: почему разработчики массово переходят на новый инструмент

Почему Create React App теряет позиции и как Vite решает главные проблемы современной React-разработки. Личный опыт миграции и сравнение производительности.

🖥 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🤣3🔥1🤮1
👩‍💻 Игнорирование определённых типов исключений в Laravel

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

🖥 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥1
Значок скрола в DevTools

Теперь стало намного проще находить элементы, у которых присутствует скрол, с новым обновлением DevTools.

https://developer.chrome.com/blog/swe-devtools-scroll-badge
🔥12👍5🤣2
👩‍💻 Глобальная настройка любого компонента в Vue

Эта статья расскажет о переходе от Vuetify к альтернативам, в частности, к Element Plus, который хоть и поддерживает глобальную конфигурацию, но ограничен в настройках отдельных компонентов.

🖥 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥1
👩‍💻 React Native полностью переделан

В статье обсудим обновление React Native до версии 0.76: переписанную архитектуру, сделавшую фреймворк быстрее и стабильнее. Рассмотрим, что это значит для разработчиков и новых возможностей.

🖥 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5👎1🔥1🤔1
👩‍💻 REST API CRUD в Laravel 11 с лучшими практиками

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

🖥 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥2
👩‍💻 10 лучших CSS-библиотек и фреймворков для быстрой разработки фронтенда

В статье собран ТОП-10 CSS-библиотек и фреймворков для ускорения фронтенда. Узнаете, чем хороши Bootstrap и Milligram, их плюсы и когда какой инструмент стоит выбирать для проекта.

🖥 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👍2
Бэкенд для фронтенда: как сделать API, чтобы фронтенд не плакал

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

🖥 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥1
👩‍💻 Svelte 5: меньше кода, больше счастья

В статье расскажем о прорывном релизе Svelte 5: после 18 месяцев работы он стал легче, быстрее и удобнее для всех — от новичков до опытных. Узнаем, что изменилось и как это улучшает код и производительность.

🖥 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4
👩‍💻 React без базы JS? Только если строить дом на песке

В статье выделены 8 важных основ JavaScript, которые нужны перед изучением React. Эти концепции — ваш фундамент для уверенного погружения в React и написания качественного кода.

🖥 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍42
👩‍💻 PHP 8.4 Curl: Новые константы для поддержки HTTP/3

В статье рассматриваются нововведения в PHP 8.4 для поддержки HTTP/3 в расширении Curl: добавлены константы CURL_HTTP_VERSION_3 и CURL_HTTP_VERSION_3ONLY, которые упрощают настройку HTTP-запросов через QUIC.

🖥 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🤯1
👩‍💻 linkedSignal: управлять связанным состоянием теперь ещё проще

В статье обсуждается новый примитив Angular 19 — linkedSignal, который упрощает управление состоянием приложений. Рассматриваются его преимущества перед использованием effect и computed для обновления сигналов при изменении других сигналов.

🖥 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
👩‍💻 React на скорости: как отправить лишние рендеры в нокаут

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

🖥 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍41😁1