Web / ReactJS Interview questions
What is ReactDOMServer?
The ReactDOMServer object enables you to render components to static markup. Typically, its used on a Node server. This object is mainly used for server-side rendering (SSR).
// ES modules import ReactDOMServer from 'react-dom/server'; // CommonJS var ReactDOMServer = require('react-dom/server');
The following methods can be used in both the server and browser environments:renderToString() and renderToStaticMarkup().
import { renderToString } from 'react-dom/server' import HomeComponent from './HomeComponent' app.get('/', (req, res) => { res.write('<!DOCTYPE html><html><head><title>My Page</title></head><body>') res.write('<div id="content">') res.write(renderToString(<HomeComponent/>)) res.write('</div></body></html>') res.end() })
More Related questions...