from 0 to universal react in production

in 4 months

EZ PZ

AuchanDirect

traditional e-commerce

website

Auchan:D

web app focusing on

customer experience

(react) single page application

web server

web browser

<html>
  <body>
    <div id="app"></div>
    <script src="/app.js"></script>
  </body>
</html>

empty DOM with script tag

huge javascript file

API server

react universal application

web server

web browser

<html>
  <body data-reactid="18">
    <div id="react-root" data-reactid="19">
      <div class="app" data-reactroot="" data-reactid="1" data-react-checksum="-2052352663">
        Hello world!
      </div>
    </div>
    <script src="/client.bundle.js" data-reactid="21"></script>
  </body>
</html>

full DOM with script tag

huge javascript file

API server