Форум программистов, компьютерный форум, киберфорум
React
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
Старый
Чат на React, Node.js и TailwindCSS: Синхронизация, валидация, шифрование, демо-приложение
Запись от Reangularity размещена 01.10.2025 в 20:43 / Vue/React/Angular/Svelte notes
Показов 3568 Комментарии 0

Нажмите на изображение для увеличения
Название: Чат на React, Node.js и TailwindCSS Синхронизация, валидация, шифрование, демо-приложение.jpg
Просмотров: 342
Размер:	84.3 Кб
ID:	11252
Часть 1 - Чат на React, Node.js и TailwindCSS: Протоколы и сервер
Часть 2 - Чат на React, Node.js и TailwindCSS: Фронт

Синхронизация состояния: подводные камни



WebSocket создает иллюзию простоты - отправил событие, получил ответ, обновил UI. На практике между этими шагами куча точек отказа, и каждая может привести к рассинхронизации...
Аватар для Reangularity
Старый
Чат на React, Node.js и TailwindCSS: Фронт
Запись от Reangularity размещена 01.10.2025 в 20:42 / Vue/React/Angular/Svelte notes
Показов 3090 Комментарии 0

Нажмите на изображение для увеличения
Название: Чат на React, Node.js и TailwindCSS Фронт.jpg
Просмотров: 331
Размер:	63.4 Кб
ID:	11251
Часть 1 - Чат на React, Node.js и TailwindCSS: Протоколы и сервер
Часть 3 - Чат на React, Node.js и TailwindCSS: Синхронизация, валидация, шифрование, демо-приложение

React на клиенте: компоненты без фанатизма



React для чата - естественный выбор, но я видел проекты где разработчики строили архитектуру уровня Facebook Messenger для обмена десятком...
Аватар для Reangularity
Старый
Чат на React, Node.js и TailwindCSS: Протоколы и сервер
Запись от Reangularity размещена 01.10.2025 в 19:13 / Vue/React/Angular/Svelte notes. Обновил(-а) Reangularity 01.10.2025 в 19:21
Показов 3321 Комментарии 0

Нажмите на изображение для увеличения
Название: Чат на React, Node.js и TailwindCSS.jpg
Просмотров: 279
Размер:	74.0 Кб
ID:	11249
Я открываю GitHub и вижу еще пятьдесят репозиториев с чат-приложениями. Зачем создавать новое? Вопрос резонный, но давайте разберемся по честному. Большинство туториалов по чатам делятся на два лагеря. Первые показывают игрушечные примеры на двадцать строк кода, которые в продакшене развалятся от первой сотни пользователей. Вторые сразу погружают в энтерпрайз-архитектуру с микросервисами, Kubernetes и базами данных, когда тебе надо просто добавить...
Аватар для Reangularity
Старый
ИИ-автозаполнение в React с OpenAI
Запись от Reangularity размещена 14.08.2025 в 20:56 / Vue/React/Angular/Svelte notes
Показов 4991 Комментарии 0

Нажмите на изображение для увеличения
Название: ИИ-автозаполнение в React с OpenAI.jpg
Просмотров: 468
Размер:	124.1 Кб
ID:	11055
Представьте, что вы пишете сообщение, и приложение не просто предлагает вам следующее слово, а формирует целые осмысленные предложения, учитывая контекст вашей переписки. Или, что еще круче, вы начинаете набирать код в редакторе, и он не только автоматически закрывает скобки, но и предлагает логически верное продолжение функции, учитывая архитектуру вашего проекта.

В React интеграция подобных возможностей становится реальностью...
Аватар для Reangularity
Старый
Svelte или React?
Запись от Reangularity размещена 31.07.2025 в 21:27 / Vue/React/Angular/Svelte notes
Показов 3213 Комментарии 0

Нажмите на изображение для увеличения
Название: Svelte или React.jpg
Просмотров: 310
Размер:	41.4 Кб
ID:	11025
Когда мне задают вопрос "React или Svelte?", я обычно отвечаю встречным: "А для чего именно?". Выбор фреймворка - это не религия, а прагматичное решение под конкретные задачи. Меня всегда удивляли ожесточенные холивары, где технические аргументы подменялись эмоциями и перетягиванием каната.

React появился в 2013 году и произвел настоящую революцию с концепцией компонентного подхода...
Аватар для Reangularity
Старый
Оптимизация Docker Image: скорость, размер, безопасность
Запись от Mr. Docker размещена 28.07.2025 в 21:28 / Docking everything, K8s anything
Показов 3235 Комментарии 0

Нажмите на изображение для увеличения
Название: Оптимизация Docker Image скорость, размер, безопасность.jpg
Просмотров: 403
Размер:	191.5 Кб
ID:	11017
За последние пять лет Docker превратился из крутой новой технологии в стандарт де-факто для упаковки и деплоя приложений. Практически каждый инженер, с которым я работал за эти годы, использует контейнеры, и все системы, которые я создавал в последнюю половину десятилетия, работают именно в них. Легкость в изучении, быстрота деплоя и возможность безболезненных откатов делают Docker незаменимым инструментом в арсенале современной DevOps-команды.

Но популярность...
Аватар для Mr. Docker
Старый
ИИ-чатбот на React с OpenAI и LangChain.js
Запись от Reangularity размещена 17.07.2025 в 21:52 / Vue/React/Angular/Svelte notes
Показов 5859 Комментарии 0

Нажмите на изображение для увеличения
Название: ИИ-чатбот на React с OpenAI и LangChain.js.jpg
Просмотров: 368
Размер:	160.7 Кб
ID:	10988
React давно стал для меня золотым стандартом фронтенд-разработки. Его компонентная структура, виртуальный DOM и однонаправленный поток данных идеально подходят для создания динамичных интерфейсов чат-приложений. Но что делать с "мозгами" нашего бота? Тут на помощь...
Аватар для Reangularity
Старый
Проблемы с Kotlin и Wasm при создании игры
Запись от GameUnited размещена 03.07.2025 в 21:23 / The biggest game world
Показов 7755 Комментарии 0

Нажмите на изображение для увеличения
Название: Проблемы с KotlinWasm при создании игры.jpg
Просмотров: 509
Размер:	241.4 Кб
ID:	10953
В современном мире разработки игр выбор технологии - это зачастую балансирование между удобством разработки, переносимостью и производительностью. Когда я решил создать свою первую веб-игру, мой выбор пал на Kotlin/Wasm и Compose Multiplatform - перспективные технологии, обещающие возможность писать код на любимом языке с запуском на любой платформе.

Kotlin/WebAssembly (или Kotlin/Wasm) - экспериментальная технология, компилирующая код на Kotlin в бинарный...
Аватар для GameUnited
Старый
Рейтинг: 5.00. Голосов: 1.
Использование Keycloak со Spring Boot и интеграция Identity Provider
Запись от Javaican размещена 01.07.2025 в 21:07 / Making Java great for ever
Показов 5712 Комментарии 0

Нажмите на изображение для увеличения
Название: Использование Keycloak со Spring Boot и интеграция Identity Provider.jpg
Просмотров: 407
Размер:	267.5 Кб
ID:	10947
Два года назад я получил задачу, которая сначала показалась тривиальной: интегрировать корпоративную аутентификацию в микросервисную архитектуру. На тот момент у нас было семь Spring Boot приложений, каждое со своей системой входа. Пользователи жаловались на необходимость помнить семь паролей, а администраторы тратили часы на синхронизацию доступов...
Аватар для Javaican
Старый
Контейнеризация React приложений с Docker
Запись от Reangularity размещена 03.04.2025 в 16:47 / Vue/React/Angular/Svelte notes
Показов 3270 Комментарии 0

Нажмите на изображение для увеличения
Название: 04d8c9bd-05b9-4681-9423-c250dd73b7e2.jpg
Просмотров: 242
Размер:	169.7 Кб
ID:	10520
Контейнеризация позволяет упаковать приложение со всеми его зависимостями в автономный контейнер, который можно запустить на любой платформе с установленным Docker. Это существенно упрощает процессы разработки, тестирования и развёртывания.

React-приложения особенно выигрывают от контейнеризации. Сборка клиентской части обычно требует множества npm-пакетов и специфической...
Аватар для Reangularity
Старый
Next.js для разработки React: преимущества серверного рендеринга
Запись от Reangularity размещена 20.03.2025 в 15:11 / Vue/React/Angular/Svelte notes
Показов 1900 Комментарии 0
Метки next.js, react, ssr

Нажмите на изображение для увеличения
Название: b6852454-f04b-470e-8304-3cfc71a40580.jpg
Просмотров: 233
Размер:	221.8 Кб
ID:	10474
Next.js решает классическую проблему React-приложений: медленную первоначальную загрузку и плохую индексацию поисковиками. Вместо того чтобы заставлять браузер пользователя выполнять всю работу по рендерингу, Next.js формирует готовую HTML-страницу на сервере. В результате пользователь видит контент практически мгновенно.

Сравнивая Next.js с другими решениями для SSR,...
Аватар для Reangularity
Старый
Перечисления в TypeScript: использование и лучшие практики
Запись от run.dev размещена 18.03.2025 в 08:50 / JavaScript, TypeScript etc...
Показов 2613 Комментарии 0
Метки angular, react, typescript, vue

Нажмите на изображение для увеличения
Название: 101b7dac-a2b9-4616-a931-29f09fce5413.jpg
Просмотров: 331
Размер:	143.0 Кб
ID:	10446
Пишете код и устали от разбросанных по проекту "волшебных" строк и чисел? Знакомая ситуация: где-то в глубине кода притаилась строка "ADMIN", а в другом месте используется "admin". И вот уже пользователь с правами администратора не может войти в систему, а вы тратите часы на отладку. TypeScript предлагает решение этой проблемы – перечисления или enum. По сути, это специальный класс,...
Аватар для run.dev
Старый
Предотвращение XSS, CSRF и SQL-инъекций в JavaScript
Запись от run.dev размещена 13.03.2025 в 09:19 / JavaScript, TypeScript etc...
Показов 4644 Комментарии 0

Нажмите на изображение для увеличения
Название: 90ac2e90-4586-4386-8411-367d8a42a553.jpg
Просмотров: 276
Размер:	165.7 Кб
ID:	10381
JavaScript занимает первые позиции среди языков веб-разработки, но его распространенность делает его привлекательной целью для злоумышленников. Межсайтовый скриптинг (XSS), межсайтовая подделка запросов (CSRF) и SQL-инъекции — три наиболее опасные уязвимости, которые могут...
Аватар для run.dev
Старый
Рейтинг: 5.00. Голосов: 1.
Конвертируем markdown в html и подключаем компоненты React с Unified это просто
Запись от mr_dramm размещена 22.12.2022 в 08:14
Показов 1559 Комментарии 0
Метки html, react

Моя первая большая статья!

Ссылка на мой сайт - тут есть интерактивное оглавление, нет комментариев, надеюсь скоро будут
Ссылка на habr

В статье использована библиотека unified и экосистема плагинов для работы с markdown и html, поверхностно опишем работу с синтаксическими деревьями, создадим процессор подключив несколько плагинов для обработки контента html и markdown, напишем собственный плагин, а для нетерпеливых можно сразу попробовать демо приложение.
Аватар для mr_dramm
Молодой техлид)
Новые блоги и статьи
Нейросеть на алгоритме "эстафета хвоста" как перспектива.
Hrethgir 06.05.2026
На десерт, когда запущу сервер. Статья тут https:/ / habr. com/ ru/ articles/ 1030914/ . Автор я сам, нейросеть только помогает в вопросах которые мне не известны - не знаю людей которые знали-бы. . .
Асинхронный приём данных из COM-порта
Argus19 01.05.2026
Асинхронный приём данных из COM-порта Купил на aliexpress термопринтер QR701. Он оказался странным. Поключил к Arduino Nano. Был очень удивлён. Наотрез отказывается печатать русские буквы. Чтобы. . .
попытка написать игровой сервер на C++
pyirrlicht 29.04.2026
попытка написать игровой сервер на плюсах с открытым бесконечным миром. возможно получится прикрутить интерпретатор питон для кастомизации игровой логики. что есть на текущий момент:. . .
Контроль уникальности выбранного документа-основания при изменении реквизита
Maks 28.04.2026
Алгоритм из решения ниже разработан на примере нетипового документа "ЗаявкаНаРемонтСпецтехники", разработанного в КА2. Задача: уведомлять пользователя, если указанная заявка (документ-основание). . .
Благородство как наказание
Maks 24.04.2026
У хорошего человека отношения с женщинами всегда складываются трудно. А я человек хороший. Заявляю без тени смущения, потому что гордиться тут нечем. От хорошего человека ждут соответствующего. . .
Валидация и контроль данных табличной части документа перед записью
Maks 22.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .
Отчёт о затраченных материалах за определенный период с макетом печатной формы
Maks 21.04.2026
Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .
Отчёт о спецтехнике находящейся в ремонте
Maks 20.04.2026
Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru