Learning Redux

Injecting rendered React components into the index.html template

In the template code, the server now renders a server/views/index.ejs file instead of the index.html file from the root folder. We will use Embedded JavaScript (EJS) to inject our rendered React components into the HTML template. Later, we will inject the initial Redux store state the same way.

For now, let's inject the rendered components using EJS:

1. To use EJS templates, we will install ejs via npm:

npm install --save ejs

EJS offers the following ways to inject JavaScript code into .ejs template files:

• <% code %>: Code is evaluated but not printed out
• <%= code %>: Code is evaluated and printed out (escaped)
• <%- code %>: Code is evaluated and printed out (not escaped)