Рубрика «React»

в 9:01, , рубрики: BroadcastChannel, frontend architecture, npm, open source, React, server-sent events, sse, streaming, TypeScript

Введение

Год назад я строил real-time слой для AI SaaS-платформы. Корпоративные клиенты, AI-чаты со стримингом ответов, несколько вкладок открытых одновременно — типичный сценарий для подобного продукта.

Выбор пал на SSE: в отличие от WebSocket, SSE работает поверх обычного HTTP, хорошо дружит с прокси и балансировщиками, и для однонаправленного стриминга от сервера к клиенту это достаточно.

Нативный EventSource подключил быстро. Потом начались проблемы.

Первая — авторизация. EventSourceЧитать полностью »

в 14:12, , рубрики: frontend-разработка, mobx, mvvm, oop patterns, React, react.js, ReactJS, ооп
MobX или приправа реактивности для JS - 1

Привет!

Меня зовут Сергей Волков, я фронтенд-разработчик в компании VK. Мы используем MobX для работы с реактивными значениями в веб-приложениях, поэтому я хочу познакомить вас с этим инструментом и показать, почему на него стоит обратить внимание.

Читать полностью »

в 6:24, , рубрики: ab-тестирование, Cloudflare Pages, edge computing, HTMLRewriter, React, vite-react-ssg, конверсия лендинга

Проблема. У вас один SSG-лендинг, на который льётся платный трафик из 12 разных рекламных кампаний. Каждая группа объявлений сделана под свою боль ЦА: «AI-сотрудники», «AI-агенты», «стратегическая сессия», «управленческая отчётность». Все ведут на один дефолтный hero «ИИ для бизнеса». Конверсия в заявку проседает на 30–50% по сравнению с разнотемными лендингами под каждую группу. Делать 12 отдельных лендингов — дорого по разработке и убивает SEO. Подменять hero JavaScript-ом на клиенте — FOUC, плохой Core Web Vitals, и Яндекс/Google видят дефолт.

В этой статье — рабочая схема, которую мы поставили в продакшен за один день: Читать полностью »

в 13:01, , рубрики: React, ruvds_перевод, TypeScript, wasp, бэкенд, Программирование, фреймворки для разработки, фронтенд
Спустя 5 лет и $5 миллионов: почему создание нового языка для веб-разработки оказалось ошибкой - 1

Мы разрабатываем фулстек-фреймворк WaspЧитать полностью »

в 11:46, , рубрики: bulletproof, FSD, javascript, React, redux-toolkit, TypeScript, zustand, архитектура, архитектура приложений

Если вы не стыдитесь свой код, написанный полгода назад — значит, вы недостаточно выросли как разработчик — «Дядюшка Боб»

Для кого эта статья?

Для того, кто только начинает и уже чувствует: «что-то здесь не так, но как правильно — никто не объяснил».

А еще — для того парня, которым я был много лет назад. Который только начинал, радостно накидал компонентов в src/components, порадовался, что всё работает, закрыл задачу и пошел пить чай. А через три месяца открыл этот же проект и не узнал собственный код.

Если вы узнали себя — эта статья для вас.

Введение: Проклятие выбора и гибĸости React

Читать полностью »

в 6:16, , рубрики: contenteditable, dom, FSD, React, TypeScript, wysiwyg, архитектура, браузерные API

Мы живём в эпоху когда можно написать в чат «сделай мне CRUD» и получить рабочий код через десять секунд что в принципе удобно. И это, если честно, главная причина почему я периодически намеренно лезу в что-то сложное руками — чтобы не разучиться думать о том что происходит внутри.

ИИ я использую. Но в этом проекте он был исключительно быстрой документацией — особенно когда добрался до selection/range API, про которые до этого знал чуть меньше чем ничего. Реализация все равно была за мной.

Читать полностью »

в 10:15, , рубрики: React, zed

Боль

Открываешь иконочный React-компонент — и привет:

Тот самый GobletIcon.tsx со стеной path-ов

Тот самый GobletIcon.tsx со стеной path-ов

У Zed есть отличный нативный preview для отдельных .svg-файлов. Но для SVG, лежащего внутри JSX, — ничего. Так же, кстати, и в большинстве других редакторов.

Читать полностью »

в 12:12, , рубрики: backend, c++, React, Shine Framework, tauri

Доброго времени суток, уважаемые пользователи Хабра.

Я не то что бы профессиональный разработчик на C++, в основном я занимаюсь геймдевом на UE5 (по крайней мере последнее время). Но последнее время достаточно часто я балуюсь разработкой десктоп приложений под Windows. Для красоты и простоты я задумывался об использовании именно react. Но из выбора что я увидел было 2 варианта:

  1. Tauri - Фреймворк под Rust с отрисовкой фронтенда сделанном на React и т.п.

  2. Electron -  фреймворк для разработки кроссплатформенных настольных приложений с использованием веб-технологий (скопировал описание с гугла)

Читать полностью »

в 18:08, , рубрики: React, supabase, TypeScript, в 15 лет, социальная сеть, учёба в программировании

Меня зовут Арсений, мне 15 лет. У меня 99 пользователей, более 100 SQL‑миграций и приложение на Android и Windows. И, что не менее важно, — команда единомышленников и поддержка тех, кто верил в проект с самого начала.

агора.com (https://агора.com)

агора.com (https://агора.com)

Читать полностью »

в 11:15, , рубрики: front-end, front-end разработка, frontend-разработка, javascript, React, react.js, reactive programming, ReactJS, TypeScript

Всем привет! Думаю, что не ошибусь если скажу, что почти каждому фронтендеру приходится заниматься разработкой сложных форм. Те, кто уже имеют такой опыт знают, что работа с формами доставляет боль и страдания. Необходимо держать в голове все правила валидации и заполнения форм, связи между зависимыми полями, нужно как-то связывать данные формы с UI, при этом избегая лишних ререндеров.

На большом проекте мы писали формы через MobX + MVC, думаю, что это не самый плохой подход для написания форм, однако можно выделить следующие недостатки:

Многое пишем руками

Читать полностью »

123...1020...81
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js