How to use React on specific pages ?
Just bought Wave, really loving the product so far. Best Saas Kit I've ever seen.
I have a couple of custom pages that I'm likely going to build in react, due to them being highly interactive
I know there's a way to use react in fresh Laravel projects using 'artisan preset'
Are there any recommended best practice you'd suggest for using React in Wave? Thanks!
Hi, I'm looking for some help on this as well. When I run "php artisan ui react", artisan fails due to missing /resources/js/bootstrap.js
Regards, Andy
Ah, I got it working!
Can't quite remember the exact steps, but this should get you started:
Go to /resources/views/themes/<theme> npm install npm install react react-dom
In the assets/js/app.js file for your theme, add the following:
import React from 'react'; import ReactDOM from 'react-dom';
ReactDOM.render(
<h1>Hello, world!</h1>, document.getElementById('reacthere') );Then add a DIV element with ID of 'reacthere' to your blade template.
Go back to /resources/views/themes/<theme>
Run 'npm run dev'
I had to also update node-sass, which seems to be a continual PITA.
That's got me up and running.
Hope it helps!
Andy
1
