Skip to content

Commit 6a5e63a

Browse files
committed
Revise README.md.
1 parent d51b1d0 commit 6a5e63a

File tree

1 file changed

+10
-15
lines changed

1 file changed

+10
-15
lines changed
Lines changed: 10 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,31 @@
1-
# React.js SSR with Micronaut
1+
# React SSR with Micronaut
22

3-
This project demonstrates how to implement **Server-Side Rendering (SSR)** of **[React.js](https://reactjs.org/)** components within a **[Micronaut](https://micronaut.io/)** application using **[GraalJS](https://www.graalvm.org/latest/reference-manual/js/)**. It uses the **[Recharts](https://recharts.org/en-US/)** library to generate interactive charts that are rendered on the server and returned as HTML.
3+
This project demonstrates how to render [various Recharts examples](https://recharts.org/en-US/examples) in a [Micronaut](https://micronaut.io/) application.
4+
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/).
45

56
## Prerequisites
67

7-
Before you begin, make sure you have the following installed:
8+
Before you begin, make sure you have the following:
89

9-
* A bit of time to explore and experiment 🙂
10+
* A bit of time to explore and experiment
1011
* Your favorite text editor or IDE
1112
* JDK 21 or later
12-
* Maven 3.9.9 or later
1313

14-
## Installation Steps
14+
## Run the Application
1515

16-
1. **Clone the repository:**
16+
1. Clone the repository:
1717

1818
```bash
1919
git clone https://github.com/graalvm/graal-languages-demos.git
2020
cd graaljs/graaljs-micronaut-react-ssr
2121
```
2222

23-
2. **Build and run the Micronaut application:**
23+
2. Build and run the Micronaut application:
2424

2525
```bash
2626
./mvnw mn:run
2727
```
2828

29-
---
30-
31-
## Result
32-
33-
Open your browser and go to [http://localhost:8080](http://localhost:8080) to view the server-rendered React charts. The charts are generated on the server and returned as HTML, providing fast initial page load and improved performance.
34-
35-
---
29+
3. Open your browser and go to [http://localhost:8080](http://localhost:8080) to view the Recharts examples.
30+
Since the charts are rendered on the server, they work even with JavaScript disabled in the browser.
3631

0 commit comments

Comments
 (0)