GitHub Repo: https://github.com/webcrumbs-community/webcrumbs

This week I’ve published a quick guide on how to do Server-Side Rendering (SSR) of React Components:

React Server-Side Rendering without Next.js

OpenSource for Webcrumbs ・ Dec 11 '23

#react #webdev #javascript #tutorial

Turns out that wasn’t for nothing. It is exactly what we’ve been studying for WebCrumbs (the WordPress for the modern stack).

For me, this is the best part. To experiment and learn something new everyday.

If you are up for a good challenge, here comes one that will both strengthen your game in SSR and let you contribute to this awesome open source project:

Get started

1. Star/Fork/Clone https://github.com/webcrumbs-community/webcrumbs ⭐️
2. Go to webcrumbs/core/experiment-5
3. Read the README.md in this directory to learn how to run the experiment.

The challenge

You’ll see that this experiment loads components from a remote source, render them in the server and then hydrate them in the client.

Can you make the host (admin) pass props to the components (plugins)?

Prove that the props are passed both to server and client renderings of the component.

Got it?

Congratulations!

Send us a Pull Request and join the hall of fame of WebCrumbs.

We also encourage you to publish the solution in a blog like dev.to.

Let’s share the knowledge!

Follow me for more!
I usually write about JavaScript, WebDev and Webcrumbs ❤️.

OpenSourceFollow

Let's build together