React renderer which works without DOM and does not render anything anywhere
Since React components encapsulate logic nicely and compose seamlessly, it starts being a pain to write headless (DOM-less) runtimes without it. This renderer allows writing general application logic (Node.js apps, Electron main process) as React components with JSX used for composition.
function App({ process }) {
useEffect(() => {
console.log('App started')
return () => {
console.log('App terminated')
}
}, [])
return (
<>
<Server port={process.env['PORT']} />
</>
)
}
function Server({ port }) {
useEffect(() => {
const server = http.createServer()
server.listen(port)
console.log(`Server starting on port ${port}`)
return () => {
server.close()
console.log('Server stopped')
}
}, [port])
return null
}
ReactMemory.render(
<App />,
ReactMemory.createRoot()
)- class and functional components
- fragments
- hooks
- mounting (the full lifecycle)
- rerendering of the root
- multiple root nodes
Please report anything you encounter.
MIT