[bug]: Workaround for react ssr

[amaankulshreshtha]

Is there a workaround to adding react as a templating engine?

In my server.js file, I have the following code:

const { createUpwardServer } = require('@magento/upward-js');

createUpwardServer({
    upwardPath: 'spec.yml',
    bindLocal: true,
    logUrl: true,
    port: 8080,
    before: (app) => {
        app.set('view engine', 'jsx')
        app.engine('jsx', require('express-react-views').createEngine());
        console.log(app);
    }
});

And in the spec file i have the following code

 body:
          resolver: template
          engine:
              resolver: inline
              inline: 'jsx'
          template:
            resolver: file
            file:
              resolver: inline
              inline: './templates/hello-world.jsx'
          provide:
              title:
                  resolver: inline
                  inline: 'This is the page title'

Yet I am facing TemplateResolver issue

Error: Template engine 'jsx' unsupported

Can you tell me what is it that I am missing here as well

PS: I already went through this part of the readme and it didn't help

Please let us know what packages this bug is in regards to:

• [ ] venia-concept
• [ ] venia-ui
• [ ] pwa-buildpack
• [ ] peregrine
• [ ] pwa-devdocs
• [x] upward-js
• [ ] upward-spec
• [ ] create-pwa

[m2-assistant[bot]]

Hi @AmaanKulshreshtha. Thank you for your report. To help us process this issue please make sure that you provided sufficient information.

Please, add a comment to assign the issue: @magento I am working on this

---

• Join Magento Community Engineering Slack and ask your questions in #github channel.

[sirugh]

Is jsx a valid template engine?

https://github.com/expressjs/express/wiki#template-engines

[amaankulshreshtha]

I installed express-react-views, and got the jsx template engine from there

[amaankulshreshtha]

any updates on this?

[sirugh]

Have you tried asking in the slack channel? You may find help there :)

[amaankulshreshtha]

I actually did, but no luck there as well...

[evan-burrell]

The engine that its referring to I believe comes from https://github.com/magento/pwa-studio/blob/develop/packages/upward-js/lib/resolvers/TemplateResolver.js#L6, where mustache is the only resolve supported by upward out of the box

[amaankulshreshtha]

I am trying to add react as a templating engine, by creating ReactTemplate.js inside https://github.com/magento/pwa-studio/tree/develop/packages/upward-js/lib/compiledResources. Feel free to float any ideas regarding the implementation as well 😄

[sirugh]

Closing as Stale