API REFERENCE

Layout Convention naming

In Rasengan.js, to create a layout, you have to create a file that follow the following name pattern:

Layout

txt[name].layout.js

A layout is UI that is shared between routes.

Example

TypeScript

JavaScript

app.layout.tsx

tsximport { LayoutComponent, Outlet } from "rasengan";
 
/*
 * This AppLayout is located inside the app.layout.tsx file
 */
const AppLayout: LayoutComponent = () => {
  return (
    <div>
      <h1>App Layout</h1>
 
      <Outlet />
    </div>
  )
}
 
AppLayout.path = "/";
 
export default AppLayout;

Based on the convention, we have juste replace the [name] by app in the convention name and we got app.layout.jsx.

renderApp

[name].page.tsx