Рубрика «React» - 6
Как сделать двунаправленный бесконечный скролл в React
2026-03-11 в 12:45, admin, рубрики: infinite scroll, javascript, performance, React, tanstack, TypeScript, бесконечный скролл, виртуализация, оптимизацияБольшинство туториалов по бесконечному скроллу покрывают только одно направление: вниз. Ловим конец списка, подгружаем, готово. Но в реальных приложениях нужен скролл в обе стороны: история чата, лог-вьюеры, таймлайны. А скролл вверх создаёт проблему, которой при скролле вниз просто нет.
В этом гайде я покажу, как собрать двунаправленный бесконечный скролл с нуля. Здесь React и @tanstack/react-virtual, но сама техника — просто математика над scroll offset. Работает так же в Vue, Svelte или на ванильном JS.
Небоскребы на болоте: 3 фундаментальные ошибки разработчика на React
2026-02-06 в 8:36, admin, рубрики: frontend-разработка, React, srp, архитектура«Он слишком занят самой жизнью, чтобы еще задумываться над ней».
— Джек Лондон, «Морской волк»
Я не React разработчик. Я прибыл к вам с далёкой планеты с одной целью: внедриться и изучить слабые места вашей архитектуры, ваших подходов, дабы доказать своему народу, что ваша цивилизация слишком хаотична, чтобы создать что-то по-настоящему долговечное.
Но в процессе внедрения, произошло то, чего никто не мог предугадать. Я полюбил вашу технологию. И теперь я здесь, чтобы дать вам шанс исправиться, указав вам на ваши проблемы.
Выставить приложение в плей маркет и быть заблокированным через месяц
2026-02-06 в 7:43, admin, рубрики: expo, React, react native, аналитика приложений, дизайн приложений, мобильная разработка, приложения на ios, приложения на андройдИли наш опыт разработки мобильного приложения для "Взрослых"
План статьи
-
Репрезент проекта
-
Стек технологий
-
Клиентская часть
-
Серверная часть
-
Контент и SMM технологии
-
Трекинг задач
-
-
Первоначальные задачи
-
Разработка первого макета
-
Наброски бизнес логики
-
Административная панель
-
-
Аккаунт разработчика
-
AppStore
-
GooglePlay
-
-
Процесс разработки
-
Разработка и Читать полностью »
-
WebSocket и RTK Query: живое общение в React-приложении
2026-02-04 в 7:26, admin, рубрики: echo, React, redux, redux-toolkit, redux-utils, reduxjs, rtk query, state management, WebSocketАвтор: Станислав Павенко
GitHub-репозиторий💡 Необходимые навыки до начала изучения!
Уметь писать код на
HTML/CSS;Понимать, что такое шифрование данных и чем отличаются
HTTPvsHTTPS;Уметь писать компоненты на
Reactи работать с хуками:useState,useEffect;Использовать Redux Toolkit Query для REST-запросов.
Представьте, что вы смотрите онлайн-трансляцию матча. Счёт меняется — и вы видите это мгновенноЧитать полностью »
Мы запихнули LifeOS в Telegram Mini App: как сделать сложный UI на React + Framer Motion и не сойти с ума
2026-02-03 в 7:15, admin, рубрики: framer motion, javascript, React, rxjs, telegram api, telegram mini app, telegrambotКто за этим стоит?
Нас двое, и этот проект — результат столкновения двух разных подходов к разработке:
-
Дмитрий Спирихин (Я) — System Architecture & Full-stack Development. Я притащил в проект логику из Unity, заставил всё работать на Rx JS и выстроил архитектуру так, чтобы она не рассыпалась под весом десятка модулей.
-
Демиан Авольстийный — Product Vision, Design & Vibe Coding. Демиан отвечал за тот самый «вайб», премиальный дизайн в стиле Apple и тактильность. Его задача была сделать так, чтобы приложением хотелось пользоваться не потому что «надо», а потому что это приятно.
Frontend Status: свежий дайджест фронтенда и AI
2026-01-21 в 4:35, admin, рубрики: angular, css, javascript, React, TypeScript, vuejs, фронтенд
Мои любимые паттерны для full-stack и frontend-проектов
2026-01-19 в 11:45, admin, рубрики: architecture, front-end, patterns, React, TypeScriptПосле работы над множеством фронтенд- и full-stack-проектов (в основном React + TypeScript + какой-нибудь сервер/бэкенд), я постоянно возвращаюсь к одному и тому же небольшому набору паттернов. Они добавляют структуру, снижают когнитивную нагрузку и делают кодовую базу поддерживаемой даже при росте.
Это не революционные идеи — просто прагматичные решения, которые хорошо работают в разных приложениях. Вот текущий набор, который я использую почти всегда.
1. React Query + фабрика ключей запросов (Query Key Factory)
Я использую TanStack QueryЧитать полностью »
Любите ли вы кино, так как люблю его я? От Excel-таблиц к веб-приложению (Next.js, React, FastAPI, PostgreSQL)
2026-01-12 в 12:06, admin, рубрики: fullstack, postgresql, python, React, web-разработка, личный опытСерия 1. Как всё начиналось. Долгий путь к собственному инструменту
1997 год – формирование коллекции
Сначала это были просто видеокассеты с любимыми фильмами — без особой системы, без структуры, без мысли о будущем.
Со временем их становилось всё больше. К началу нулевых, на пике своего размера, коллекция насчитывала около 450 видеокассет. И в какой-то момент возник вполне естественный вопрос: всё это нужно как-то систематизировать, завести хотя бы минимальный учёт.
Самым очевидным и доступным инструментом стал MS ExcelЧитать полностью »