express - Is it possible to render a part of a website, using vanilla JavaScript instead of react.js?

Question

I am learning web development, and I found that to render a change in a web-site, we will have to make a request to the server (say it's built using express.js), and the server will render the new page, from the EJS templates provided. But in this case, whenever a change has to be reflected on the client-side, the entire web-page must be received and rendered in the browser.

I want to know if there is a way in the vanilla JS, through which I can render only a part of the page, instead of rendering the complete page again and again?

Thank you!

Answer 1

Yes, you can. Check this video. It's an ecommerce tutorial using javascript only in a ...react-kinda-way. The same guy has another one where he builds the exact same project but with React. So you can compare both methods.

Basic structure is

const layoutComponent = {
render: async () => {
...function content
}
return `
<div> things </div>
and html stuff
`

https://www.youtube.com/watch?v=N3FDyheHVMM&t=8349s