Как мне интегрировать React с Rails?

Я знаю, что есть много похожей информации, но я не смог найти ничего конкретного для моего варианта использования ...

Я на рельсах 5.2, использую webpack, и реакция установлена ​​(и работает). Я пытаюсь обновить имеющуюся у меня полусложную страницу фильтра, которая функционирует как очень большой фильтр флажков с множественным выбором (используя form_for с remote = true). Когда пользователь устанавливает флажок, выполняется вызов AJAX для rails и отображаются новые данные. Форма создается динамически на основе данных в моей базе данных postgres.

У меня есть базовый компонент фильтра реакции, уже созданный с использованием статических данных, и он отлично обновляет мое состояние (все еще работает над созданием фактического запроса). Мне просто нужно какое-то направление с ЛУЧШИМ (например, `` наиболее правильным, что вы сделали бы для компании, в которой вы работаете, даже если он более сложен и занимает больше времени '') способ передать данные моему компоненту реакции и отобразить их динамические данные.

Я видел основные способы сделать это. Первый (который кажется ужасной идеей) - это визуализировать фиктивный элемент div с атрибутами данных, а затем прочитать его в компоненте реакции. Второй - «сделать это в контроллере» или «использовать API». Означает ли это настройку вашего проекта rails с конечной точкой api и его вызов через компонент реакции? Означает ли это использование существующих маршрутов контроллера и выполнение вызовов таким образом?

edit: я также видел несколько используемых драгоценных камней, таких как webpacker-react, react_on_rails

Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
0
60
1

Ответы 1

В итоге я пошел по маршруту API. Однако с рендерингом на стороне сервера Rails я получал два запроса на получение, один раз через HTML и когда компонент монтировался и снова выполнял вызов API. В итоге я переключил весь интерфейс на React из-за этого ...

Должен быть более простой способ с этим справиться ...

Другие вопросы по теме