Javascript 试图结合我的合作伙伴'；s使用我的节点后端响应代码

标题解释了一切，这里是上下文

因此，我的合作伙伴有一个index.js，他使用

react scripts start

import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, browserHistory} from 'react-router';

import App from './components/App.jsx';
import SignUp from './components/SignUp.jsx';
import SignIn from './components/SignIn.jsx';

ReactDOM.render(
    <Router path="/" history={browserHistory} >
        <Route path="/app" component={App} />
        <Route path="/signup" component={SignUp} />
        <Route path="/signin" component={SignIn} />
    </Router>,
    document.getElementById('root')
);

---

我从下面的教程中学习了一些基本的节点，并且我有点了解React是如何工作的，但是现在我的搭档和我正处于需要合并两个部分的阶段。有人能告诉我需要做什么吗？我愿意根据需要提供更多细节。我们是否需要使用Babel，因为我们有jsx文件？

是的，如果您想在后端呈现React组件并使用Express为其提供服务，则必须使用Babel或其他传输工具传输服务器端代码。然后，您可以使用创建一个HTML字符串，并将其与您的响应一起发送。

您能解释更多吗？我不知道巴贝尔到底是怎么工作的，也不知道如何开始。你给我的链接对我没什么帮助

const express = require('express');
const bodyParser = require('body-parser');

const app = express();

const public_folder = '/public';
// app.use(express.static(__dirname + public_folder));

app.set('trust proxy', 1) // trust first proxy

app.get('/', function (req, res) {
  res.send('hello, world!')
})

require('./server/routes')(app);

app.get('*', function(req, res) {
    console.log("Went into catch all *");
    // res.sendFile(__dirname + public_folder  + '/index.html');
});


module.exports = app;