How does server side rendering integrate with client side react / preact?

#react #preact #ssr #serversiderendering

I would like to build a web app with server side rendered HTML (ideally using preact on the backend) and then have preact progressively take over the interface in a lazy fashion to control onClick bindings and other events.

The main point is I don't want the loading of javascript libraries to have any impact on initial rendering speed.

What are some best practices and examples of this being done?

I am aware http://dev.to does this with rails but not sure how the integration level between preact and the HTML happens.

Thanks 🙏

Oldest comments (0)

Top Posts from the React Ecosystem

1. Changes In The Official React Documentation

The former React Docs Beta has been officially released as the updated React documentation at react.dev after years of hard work and refinement. Check out the brand new React Docs: What’s New in the Updated React Docs

2. CRA's Time is Over

React developer team has removed create-react-app (CRA) from official documentation rendering it no longer the default setup method for new projects. The bulky setup, slow, and outdated nature of CRA led to its removal: create-react-app is officially dead

3. How to Fetch Dev.to Articles for Your Portfolio

Integrate the articles of your Dev.to profile into your personal portfolio with either React, Vue, or Next.js by following these simple steps. It outlines how to include frontend to pull the information and correctly utilizes the Dev.to API: How to Fetch Your Dev.to Articles for Your Portfolio with React

DEV Community

How does server side rendering integrate with client side react / preact?

Oldest comments (0)

Top Posts from the React Ecosystem

Read next

How to dynamically render forms from a schema using React, Typescript and React Hook Form

Build an EMI Calculator with Next.js, TypeScript, Tailwind CSS, Recoil and Recharts

Day 2: Web Development

"Function makes the dependencies of useEffect Hook change on every render" warning in React