Integrate a React app inside the current application

[ferreiro]

Once we have the react app set up, we need to start adding our first components to it. Also, we need to hydrate those components with data from the backend. In order to achieve this we have to do updates to the template views to pass data.

Acceptance criteria

• Creating a new dummy react app inside ferreiro-client.
• Add a new task to Gulp (or use webpack?) that will get as the source the react app folder, will transpile it using babel and put it in the server dst folder.
• Update the app scripts to import this generated new asset and make sure we can load the react app.

Some resources

• https://reactjs.org/docs/add-react-to-a-website.html

[ferreiro]

Hey @kwelch for creating the react app, do you recommend to use create-react-app script? I think w will need to update the gulp task in any case to transpile the react app and all of this and put it on the server.

What alternatives do we have?

[kwelch]

Create react app is always my go to for starting out. You will have to update gulp to call your yarn build for the react app. It should be very minimal add in theory.

[ferreiro]

This looks promising! In a hackathon I attended, I come up with the solution to make this work https://github.com/ferreiro/facebook-hackathon/tree/94761cb653a597c6782c2ba769f89d5b36d45c69

So the idea is to integrate that into this project :)