FediScanner

#react

← Back

Working on a team page for your next React or Next.js project?

Shadcn Space has 8+ ready-to-use team sections, including creative showcases, leadership layouts, modern team grids, and an interactive Swing Line Team design.

Preview the layouts and copy the code to customize them for your project.

🔗 shadcnspace.com/blocks/marketi

Show Original PostReport

От AJAX до React: как мы полностью изменили архитектуру разработки фронтенда ВКонтакте

Привет, Хабр! Меня зовут Егор Смирнов, я руководитель команды Backend for Frontend в VK. Одна из зон нашей ответственности — поддержка и развитие инфраструктуры для фронтенда ВКонтакте. Веб-версии ВКонтакте в 2026 году исполнилось 20 лет. За это время наш фронтенд прошёл путь от AJAX до современного веб-приложения. Раньше мы вручную манипулировали DOM, сборка иконок превращалась в приключение, а деплой и откат занимали по полчаса. К середине 2026 года мы выстроили масштабируемую архитектуру, в которой компоненты, сборка и деплой работают как единая система. Как мы полностью переработали архитектуру ВКонтакте за три последних года, расскажу в этой статье.

habr.com/ru/companies/vk/artic

#ajax #производительность #архитектура #проектирование #performance #деплой #фронтенд #react #bff #ssg

Show Original PostReport

URL на два режима, modal поверх списка и SEO detail page в Next.js App Router

Карточка в каталоге обычно ведёт на detail page. Для прямого перехода нужен отдельный URL вроде /events/123 . Для просмотра нескольких карточек подряд удобнее оставить список на экране и открыть detail поверх него. Если modal хранится только в useState , адрес страницы не меняется. Прямую ссылку на открытый объект получить нельзя. После reload остаётся список, а поисковый робот видит только исходную страницу. App Router поддерживает другую схему. Один detail URL открывается как modal при client-side переходе из списка и как обычная страница при прямом запросе или reload. Для этого используются Parallel Routes и Intercepting Routes. Next.js описывает тот же паттерн для modal поверх gallery или другого списка. В учебном EventMap этот маршрут используется для событий.

habr.com/ru/articles/1093950/

#seo #canonical #routing #typescript #react #nextjs #server_components #app_router #parallel_routes #intercepting_routes

Show Original PostReport

„Faceți-l în React, că WordPress se sparge.” Am verificat mitul pe fapte.

Doar în 2025: o breșă în Next.js care ocolea autentificarea, viermele Shai-Hulud în sute de pachete npm și React2Shell, gravitate 10/10, exploatat activ.

Nicio tehnologie nu e imună. Diferența o face întreținerea.

webfixer.ro/site-ul-facut-in-r

Show Original PostReport

LandTS или новый ответ на старые вопросы о разработке фронтенда

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

habr.com/ru/articles/1092154/

#css #javascript #компоненты #frontend #frontendразработка #typescript #react

Show Original PostReport