/ / Как да използвам react.js с многостранен уебсайт (Non SPA)? - javascript, laravel, reactjs, браузър

Как да използвате react.js с уеб сайт с много страници (Non SPA)? - javascript, ларавел, реакция, браузър

Имам приложение за laravel. За страници с такава маршрутизация: /admin/entity/ Искам да използвам реагиращи компоненти с реагиращ рутер, за да се справя /admin/entity/:id маршрут.

Ако използвам браузър за свързване на всички компоненти в един файл, нямам достъп до всеки компонент, за да го визуализирам отвън, тъй като браузърът го обвива за затваряне. По този начин имам няколко въпроса:

  • Трябва ли да създам отделен файл bundle.js за всяка страница и да визуализирам компоненти изрично в този файл?
  • Или трябва да компилирам всеки компонент от jsx към js и да го направя в реално *.blade.php файл?
  • Има ли смисъл да включвам библиотека с реакции към bundle.js или мога да я заредя изрично от изглед?

    Отговори:

    1 за отговор № 1

    Ето моите становища:

    • Трябва да групирате React и целия си код във всички страници, които ще имат каквато и да е част, предоставена от React компоненти (От това, което събирам, /admin/entity).
    • Вашият React компонент винаги трябва да бъде представен на конкретен елемент (например празен <div>) и трябва да има нещо като Реагирайте маршрутизатора конфигуриран така, че да игнорира /admin/entity но рендерира /admin/entity/:id, Вашето предизвикателство е, че всички връзки, които сочат към различно :id URL адресът трябва оптимално да бъде в компонентите на React, като се използва Link компоненти. Това автоматично ще свърже вашия рутер.

    Вашите маршрути вероятно ще изглеждат така:

    <Route path="admin/entity/:id" handler={Entity} />
    

    Вярвам в това, когато ти run рутерът, ако URL адресът на браузъра не е в очаквания формат, React няма да всъщност направи нищо.