Skip to content

Add React SSR demo with Micronaut and GraalJS#42

Open
elhoussnifatimazahra wants to merge 11 commits into
graalvm:mainfrom
elhoussnifatimazahra:fatimazahra/graaljs-react-ssr
Open

Add React SSR demo with Micronaut and GraalJS#42
elhoussnifatimazahra wants to merge 11 commits into
graalvm:mainfrom
elhoussnifatimazahra:fatimazahra/graaljs-react-ssr

Conversation

@elhoussnifatimazahra

Copy link
Copy Markdown
Contributor

This project demonstrates how to implement Server-Side Rendering (SSR) of React.js components within a Micronaut application using GraalJS. It uses the Recharts library to generate interactive charts that are rendered on the server and returned as HTML.

@oracle-contributor-agreement oracle-contributor-agreement Bot added the OCA Verified All contributors have signed the Oracle Contributor Agreement. label Jun 23, 2025
Comment thread graaljs/graaljs-react-ssr/src/main/js/components/SimpleLineChart.js Outdated
Comment thread .github/workflows/graaljs-react-ssr.yml Outdated
@fniephaus fniephaus force-pushed the fatimazahra/graaljs-react-ssr branch from 53a37f9 to b33f6a6 Compare August 20, 2025 08:46
@fniephaus fniephaus requested review from ban-mi and woess August 20, 2025 08:54
ban-mi
ban-mi previously approved these changes Aug 20, 2025

@ban-mi ban-mi left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Minor comments!

# React SSR with Micronaut

This project demonstrates how to render [various Recharts examples](https://recharts.org/en-US/examples) in a [Micronaut](https://micronaut.io/) application.
For this, it uses the [React view feature](https://micronaut-projects.github.io/micronaut-views/latest/guide/#react) in Micronaut that enables Server-Side Rendering (SSR) of React components using [GraalJS](https://www.graalvm.org/javascript/).

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
For this, it uses the [React view feature](https://micronaut-projects.github.io/micronaut-views/latest/guide/#react) in Micronaut that enables Server-Side Rendering (SSR) of React components using [GraalJS](https://www.graalvm.org/javascript/).
It uses the [React view feature](https://micronaut-projects.github.io/micronaut-views/latest/guide/#react) in Micronaut, which enable Server-Side Rendering (SSR) of React components using [GraalJS](https://www.graalvm.org/javascript/).

```

3. Open your browser and go to [http://localhost:8080](http://localhost:8080) to view the Recharts examples.
Since the charts are rendered on the server, they work even with JavaScript disabled in the browser.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Since the charts are rendered on the server, they work even with JavaScript disabled in the browser.
As the charts are rendered on the server, they work even if JavaScript is disabled in your browser.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

OCA Verified All contributors have signed the Oracle Contributor Agreement.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants