At a Glance

ReactServe is a React-inspired, component-based framework for building backend HTTP servers.

Hello World

Here is a simple hello world in ReactServe:

tsx

import { App, Route, RouteGroup, Middleware, useRoute, useContext, Response } from "react-serve-js";

<App port={6969}>
  <Route path="/" method="GET">
    {async () => {
      return <Response json={{ message: "Hello ReactServe" }} />;
    }}
  </Route>

  <RouteGroup prefix="/api">
    <Middleware use={authMiddleware} />
    
    <Route path="/users/:id" method="GET">
      {async () => {
        const { params } = useRoute();
        const user = useContext("user");
        return <Response json={{ userId: params.id, currentUser: user }} />;
      }}
    </Route>
  </RouteGroup>
</App>