Rasengan.js: A modern, high-performance React framework
Based on modern tools, Rasengan.js will help you to create high-quality web applications with the benefit of React components.
File-based Routing
Config-based Routing
index.ts
main.tsx
app.router.ts
layout.tsx
index.page.tsx
jsximport"@rasenganjs/image/css";import"@/styles/index.css";exportdefaultfunctionApp({Component, children }:AppProps){return<Component>{children}</Component>;}
Type-safe
We prioritize type safety, seamless IntelliSense, and built-in auto-imports for an exceptional developer experience.
Easy to Learn
Rasengan.js is designed with Simplicity in mind and backed by well-structured documentation.
Fast - Wherever it matters
Performance is the key point of Rasengan.js. It is designed to be fast and efficient.
What is Rasengan.js ?
A feature-rich framework for the frontend.
Routing
Define routes using either config-based or file-based routing, giving you full control over your app structure.
Image Optimmization
Built-in lazy loading and responsive support for faster performance and better user experience.
Data Fetching
Flexible data loading with support for server-side and client-side fetching using a simple loader function.
CSS Support
Use any styling method—CSS Modules, Sass, Less, Stylus, TailwindCSS or plain CSS—without extra configuration.
Client & Server Rendering
Choose between client-side rendering (CSR) and server-side rendering (SSR) per page to balance speed and SEO.
SSG
Build static sites with the SSG (Static Site Generation) feature and unlock the power of simplicity.
Lazy Loading
Lazy load routes to improve performance and reduce initial bundle size.
Utility packages
Rasengan.js is an ecosytem that brings a lot of utility packages to make your development experience better.