Рубрика «React»
1000 объектов, React и Claude: как я сделал интерактивную карту завода не будучи программистом
2026-03-19 в 13:29, admin, рубрики: gis, Leaflet, qgis, React, вайбкодинг, карта завода, сезон heavy digital, цифровизацияЯ написал мессенджер с серверами и голосовыми каналами. Один. Рассказываю зачем и как
2026-03-13 в 5:45, admin, рубрики: Discord, electron, nodejs, Prisma, React, TypeScript, voip, WebRTC, WebSocket, мессенджерКогда в октябре 2024-го заблокировали Дискорд, я сидел в голосовом канале с друзьями. Связь оборвалась, все полезли за впн-ками, кто-то ушёл в Телеграм, кто-то просто пропал. Серверы, которые мы строили годами, с каналами, ролями, ботами, в один момент стали недоступны.
Я фрилансер, пишу на React и Node.js. В тот вечер подумал: а насколько сложно вообще сделать свой мессенджер с серверной структурой? Не чат на вебсокетах из туториала, а нормальный. С серверами, каналами, ролями, голосовыми комнатами, ботами. Такой, чтобы можно было перетащить своё сообщество и не чувствовать разницы.
Оказалось, сложно. Но я всё равно сделал.
Читать полностью »
Как сделать двунаправленный бесконечный скролл в 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 и тактильность. Его задача была сделать так, чтобы приложением хотелось пользоваться не потому что «надо», а потому что это приятно.
