Drag to look around · Click an object for detailsVinyl grooves, a tonearm and silver dials in a quiet listening corner.Individual glass panes, lead seams and a floral border.Open pages, a cup of tea and a quiet moment to read.
1982 · A room, a record Drag to orbit · Pinch to zoomDrag to orbit · Scroll to zoom · Esc to exit
Как создать свою собственную операционную систему
6 минArch Linux придерживается минимализма, позволяя пользователям самостоятельно создавать любые желаемые функции. В этом руководстве мы рассмотрим процесс установки Arch Linux на реальном оборудовании. Вам понадобятся: компьютер, USB-накопител...
Глубокое понимание Hydration: «необходимое зло» современных фронтенд-фреймворков?
3 минСерверный рендеринг (SSR) ускоряет первоначальную загрузку, но вместе с ним появляются Hydration и связанные с ней издержки. Что это такое? Почему возникает «задержка интерактивности»? И какие альтернативы исследует сообщество?
Как WebAssembly (WASM) меняет фронтенд-разработку
3 минJavaScript больше не единственный «игрок» в браузере. WebAssembly (WASM) обеспечивает производительность, близкую к нативной, и переносит в Web сложные приложения настольного уровня, такие как Photoshop и Figma.
Создание плавных переходов между страницами с помощью View Transitions API
3 мин«Белая вспышка» при переходе между страницами давно ухудшает пользовательский опыт. Теперь браузеры предлагают нативный View Transitions API, позволяющий создать кинематографичные переходы всего несколькими строками кода.
Глубокое понимание React Server Components
2 минReact Server Components (RSC) — один из важнейших сдвигов парадигмы React за последние годы. В статье подробно рассматриваются основные идеи RSC, решаемые ими проблемы и то, как они меняют подход к созданию приложений.
Прощай, process.env.UNDEFINED: типобезопасные переменные окружения в проекте
3 минОтсутствующие или неверно оформленные переменные окружения часто вызывают ошибки во время выполнения. С библиотекой валидации вроде Zod можно при запуске убедиться, что все переменные существуют и имеют правильный тип, и полностью устранить этот класс проблем.
Обновление Vue 3.4: более лаконичный v-bind и ещё выше производительность
2 минВышла Vue 3.4 «🏀 Slam Dunk»: более эффективная переработанная система реактивности и стабильный API defineModel значительно улучшают разработку компонентов с двусторонней привязкой.
Прощай, Rome, здравствуй, Biome: новый универсальный набор фронтенд-инструментов
2 минИдея набора инструментов Rome когда-то вдохновила множество разработчиков. После неудачи коммерческого проекта сообщество продолжило его дело под именем Biome. Сможет ли этот универсальный набор на Rust стать следующим инструментом в нашем арсенале?
Bun 1.0 вышел: универсальная среда выполнения бросает вызов Node.js
2 минВ сентябре 2023 года выпуск Bun 1.0 вызвал большой отклик в сообществе JavaScript. Созданный с нуля набор инструментов официально бросил вызов господству Node.js благодаря поразительной скорости и универсальному дизайну.
Нативная вложенность CSS наконец появилась!
2 минМы ждали десять лет! Вложенность селекторов, одна из ключевых функций Sass/Less, наконец получила нативную поддержку в основных браузерах. Попрощайтесь с препроцессорами и встречайте более ясный и интуитивный способ писать CSS.
Расцвет Utility-First CSS на примере Tailwind CSS
2 минМожно ли забыть о проблемах BEM и CSS-in-JS? Подход Utility-First CSS и его главный представитель Tailwind CSS в последние годы охватили фронтенд-сообщество. В чём их привлекательность?
Новое поколение E2E-тестирования: руководство по Playwright
3 минУстали от нестабильных E2E-тестов? Playwright от Microsoft становится новым ориентиром автоматизации благодаря кроссбраузерности, автоматическому ожиданию и мощным средствам отладки.
Signals: новая волна реактивности во фронтенде
3 минОт SolidJS и Qwik до Preact и Svelte 5 — Signals становятся центральной парадигмой высокопроизводительных реактивных обновлений в современных фронтенд-фреймворках. В статье подробно рассматриваются принципы их работы и влияние на экосистему.
Прощай, документация API: сквозная типобезопасность приложений с tRPC
3 минКак синхронизировать контракт данных фронтенда и бэкенда в full-stack-проекте на TypeScript? Без генерации кода и промежуточных схем tRPC обеспечивает настоящую сквозную типобезопасность.
Знакомство с Astro: создан для сайтов, ориентированных на контент
2 минВ эпоху повсеместных одностраничных приложений (SPA) Astro идет другим путем и сосредоточен на максимальной производительности контентных сайтов. В чем сила его «островной архитектуры»?
Официальный выпуск SvelteKit 1.0: новый способ создания Web-приложений
2 минПосле более чем двух лет разработки SvelteKit 1.0 наконец вышел в декабре 2022 года. Его называют будущим создания Web-приложений любого масштаба; познакомимся с ключевыми возможностями и философией проектирования.
Эволюция управления состоянием в React: от Props Drilling до Zustand
3 минУправление состоянием в React прошло путь от раннего «протаскивания props» через единый подход Redux к современному многообразию лёгких библиотек вроде Zustand. В статье рассматривается эта увлекательная история.
От Webpack к Vite: путь плавной миграции
2 минВаш проект на Webpack запускается минуту, а горячее обновление занимает больше десяти секунд? Пора переходить на новое поколение инструментов фронтенд-сборки. В статье описаны процесс и выводы миграции с Webpack на Vite.
CSS-in-JS без runtime: удобство разработки и максимальная производительность
2 минCSS-in-JS обеспечивает отличный опыт разработки, но его расходы во время выполнения давно вызывают споры. CSS-in-JS без runtime извлекает стили в статические CSS-файлы при сборке, объединяя преимущества обоих подходов.
Обзор возможностей ES2022: Top-Level Await, .at() и не только
2 минECMAScript 2022 (ES2022) официально выпущен и включает ряд практичных новых возможностей. В статье кратко рассматриваются самые заметные обновления, включая Top-Level await и метод .at().
Прощай, шаблонный код Redux? Подробно о лёгком менеджере состояния Zustand
2 минВас отпугивает громоздкость Redux? Zustand предлагает минималистичное управление состоянием React на основе Hooks. В статье рассматриваются его основные приёмы и философия проектирования.
Управление проектом Monorepo с помощью Turborepo
2 минПо мере усложнения проектов Monorepo становится популярным способом организации кода. Но как решить связанные с ним проблемы производительности сборки? Turborepo — высокопроизводительная система сборки, созданная именно для этого.
SolidJS: по-настоящему реактивный JavaScript-фреймворк
2 минОн похож на React, но в нём нет виртуального DOM. Благодаря инновационной системе мелкозернистой реактивности SolidJS достигает нового уровня производительности. Разберёмся, как он работает.
Вы действительно умеете пользоваться Fetch? Отмена запросов с AbortController
2 минВ современной Web-разработке Fetch API стал стандартом для выполнения HTTP-запросов. Но знаете ли вы, как корректно отменить запрос, который больше не нужен? Ответ — AbortController.