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

Нажмите на изображение для увеличения
Название: Чат на React, Node.js и TailwindCSS Синхронизация, валидация, шифрование, демо-приложение.jpg
Просмотров: 158
Размер:	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
Показов 2055 Комментарии 0

Нажмите на изображение для увеличения
Название: Чат на React, Node.js и TailwindCSS Фронт.jpg
Просмотров: 156
Размер:	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
Показов 2355 Комментарии 0

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

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

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

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

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

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

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

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

Нажмите на изображение для увеличения
Название: Проблемы с KotlinWasm при создании игры.jpg
Просмотров: 307
Размер:	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
Показов 3834 Комментарии 0

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

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

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

Нажмите на изображение для увеличения
Название: b6852454-f04b-470e-8304-3cfc71a40580.jpg
Просмотров: 168
Размер:	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...
Показов 2258 Комментарии 0
Метки angular, react, typescript, vue

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

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

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

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

В статье использована библиотека unified и экосистема плагинов для работы с markdown и html, поверхностно опишем работу с синтаксическими деревьями, создадим процессор подключив несколько плагинов для обработки контента html и markdown, напишем собственный плагин, а для нетерпеливых можно сразу попробовать демо приложение.
Аватар для mr_dramm
Молодой техлид)
Новые блоги и статьи
И решил я переделать этот ноут в машину для распределенных вычислений
Programma_Boinc 09.11.2025
И решил я переделать этот ноут в машину для распределенных вычислений Всем привет. А вот мой компьютер, переделанный из ноутбука. Был у меня ноут асус 2011 года. Со временем корпус превратился. . .
Мысли в слух
kumehtar 07.11.2025
Заметил среди людей, что по-настоящему верная дружба бывает между теми, с кем нечего делить.
Новая зверюга
volvo 07.11.2025
Подарок на Хеллоуин, и теперь у нас кроме Tuxedo Cat есть еще и щенок далматинца: Хочу еще Симбу взять, очень нравится. . .
Инференс ML моделей в Java: TensorFlow, DL4J и DJL
Javaican 05.11.2025
Python захватил мир машинного обучения - это факт. Но когда дело доходит до продакшена, ситуация не так однозначна. Помню проект в крупном банке три года назад: команда data science натренировала. . .
Mapped types (отображённые типы) в TypeScript
Reangularity 03.11.2025
Mapped types работают как конвейер - берут существующую структуру и производят новую по заданным правилам. Меняют модификаторы свойств, трансформируют значения, фильтруют ключи. Один раз описал. . .
Адаптивная случайность в Unity: динамические вероятности для улучшения игрового дизайна
GameUnited 02.11.2025
Мой знакомый геймдизайнер потерял двадцать процентов активной аудитории за неделю. А виновником оказался обычный генератор псевдослучайных чисел. Казалось бы - добавил в карточную игру случайное. . .
Протоколы в Python
py-thonny 31.10.2025
Традиционная утиная типизация работает просто: попробовал вызвать метод, получилось - отлично, не получилось - упал с ошибкой в рантайме. Протоколы добавляют сюда проверку на этапе статического. . .
C++26: Read-copy-update (RCU)
bytestream 30.10.2025
Прошло почти двадцать лет с тех пор, как производители процессоров отказались от гонки мегагерц и перешли на многоядерность. И знаете что? Мы до сих пор спотыкаемся о те же грабли. Каждый раз, когда. . .
Изображения webp на старых x32 ОС Windows XP и Windows 7
Argus19 30.10.2025
Изображения webp на старых x32 ОС Windows XP и Windows 7 Чтобы решить задачу, использовал интернет: поисковики Google и Yandex, а также подсказки Deep Seek. Как оказалось, чтобы создать. . .
Passkey в ASP.NET Core identity
stackOverflow 29.10.2025
Пароли мертвы. Нет, серьезно - я повторяю это уже лет пять, но теперь впервые за это время чувствую, что это не просто красивые слова. В . NET 10 команда Microsoft внедрила поддержку Passkey прямо в. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru