Go ProSign in

This Lesson is for Members

Subscribe today and get access to all lessons! Plus direct HD download for offline use, enhances transcripts, member comment forums, and iTunes "podcast" RSS feed. Level up your skills now!

Unlock This Lesson

Already subscribed? Sign In

Configure Express / React / Babel to Work with React Universal Component

We’ll make the configuration changes needed in our express server, babel configuration, and react app code to get universal components working. We'll go from typical configurations to a "universal" configuration. We'll need our express app to use the webpack hot server middleware to serve our custom html. We'll use the flushChunks method to discover which javascript and css files actually need to be sent down to the client on initial render. We need to add the stage-2 babel plugin so that we can use the import function. And we can't forget to hydrate our React app on the client after we receive the serverside-rendered html.

You must be a Member to view code