/ Ako používať reak.js s viacstranovou webovou stránkou (Non SPA)? - javascript, laravel, reakjs, browserify

Ako používať reak.js s viacstranovou webovou stránkou (Non SPA)? - javascript, laravel, reakjs, browserify

Mám aplikáciu laravel. Pre stránky s takýmto smerovaním: /admin/entity/ Chcem používať reagovať komponenty s reagovať router spracovať /admin/entity/:id trasa.

Ak používam prehliadač, aby som zoskupil všetky súčasti v jednom súbore, nemôžem pristupovať k ľubovoľnému komponentu, aby ho vykresľoval zvonku, pretože prehliadač ho obopína, aby ho zatvoril.

  • Mám vytvoriť samostatný súbor bundle.js pre každú stránku a vykresliť komponenty explicitne v tomto súbore?
  • Alebo by som mal predkompilovať každú zložku z jsx do js a vykresliť ju z inline *.blade.php súbor?
  • Má zmysel zahrnúť reaktívnu knižnicu na bundle.js alebo ju môžem načítať explicitne z pohľadu?

    odpovede:

    1 pre odpoveď č. 1

    Tu je môj názory:

    • Mali by ste baliť React a celý kód na všetkých stránkach, ktoré budú mať časť vykresľované komponentami React (Z čoho som zhromaždil, /admin/entity).
    • Vaša zložka React by mala byť vždy vykreslená na určitý prvok (napr. Prázdny <div>) a mal by mať niečo ako Reagujte smerovač konfigurovaný tak, aby ignoroval /admin/entity ale vykresľuje /admin/entity/:id, Vašou výzvou je, aby všetky odkazy, ktoré odkazujú na iný :id Webová adresa by mala byť optimálne v rámci komponentov React pomocou Link komponenty. Toto automaticky spojí váš smerovač.

    Vaše trasy pravdepodobne vyzerajú takto:

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

    Verím, že keď vy run smerovač, ak adresa URL prehliadača nie je v očakávanom formáte, React nebude v skutočnosti nič robiť.