Статті для тих, хто
виводить стек у прод
Матеріали про React, Node.js, TypeScript і AI. Перекладений текст показується, якщо він є. Якщо ні — ви бачите англійський текст і примітку про це.
Тег: Frontend Architecture
Прогнозований базовий проект на React з використанням TypeScript, Zustand та типованих сервісів.
Невеликий скелет проекту на React, TypeScript та Zustand, який розділяє сховища даних, типовані сервіси API та компоненти, а також містить конвенції щодо структури, асинхронного стану та тестування.
5 хв читанняSvelte 5 Runes та SolidJS Signals: оновлення інтерфейсу без повторної рендеризації
Дізнайтеся, як Svelte 5 компілює руни та SolidJS під’єднує сигнали для прямої зміни DOM, у чому це відрізняється від React та Angular, і коли варто змінити фреймворк.
8 хв читанняНезмінний конструктор запитів на основі клоузур для Angular HttpClient
Замініть повторюваний шаблон HttpParams на невеликий конструктор запитів, заснований на клоузурах та підключений через InjectionToken, який залишається незмінним, має типизацію та є простим у тестуванні.
9 хв читанняПроєктування фронтендів, орієнтованих на роботу без інтернету, як копій: черги, повторні спроби, конфлікти
Дізнайтеся, чому підхід «спочатку офлайн» перетворює браузер на копію даних, та як місцеві сховища, стійкі черги змін, ідемпотентні спроби та правила конфліктів взаємодіють між собою.
12 хв читанняБорг фронтенду як витрати на зміни: діагностика зростаючої бази коду React
Дізнайтеся, як розпізнавати складні рішення, які роблять великі додатки на React, Redux, TypeScript та Next.js дорогими для змін, та як поступово погашати цей борг.
18 хв читанняРозкомпонування надвеликих компонентів React без регресій у продакшені
Поетапний підхід до безпечного розбирання великих компонентів React: визначення обов’язків, виділення чистої логіки, керування станом та поступове впровадження змін.
17 хв читанняБезблокуюче запускання Angular: завантаження конфігурації за допомогою rxResource замість іншого методу
Дізнайтеся, чому використання BLOCKING APP_INITIALIZER залишає користувачів Angular на порожній сторінці, та як rxResource, а також інструменти app shell та route resolvers завантажують конфігурацію без нього.
5 хв читанняЗберігайте гачки без голівки: розділення поведінки сповіщень від їх відображення
Дізнайтеся, чому хук React, який повертає JSX, приховує частину дерева компонентів та поєднує поведінку з візуалізацією, а також як переписати його так, щоб він відображав стан.
5 хв читанняVue 3 на практиці: композаблі, типовані контракти та пропорційний стан
Як Composition API у Vue 3, типовані параметри та сигнали, Pinia та поступове впровадження дозволяють додатку розвиватися лише настільки, наскільки це необхідно, та визначати момент, коли Vue є неправильним вибором.
12 хв читання
Про ці статті
Оцінка за 24 години
Потрібен такий стек в операторському шарі? Надішліть бриф — оцінка за 24 години.