Skip to main content

Radonis - Adonis.js with React



Let me introduce you to Radonis. A library that allows you to use Adonis.js with React.

What is adonis?

Adonis.js is a full-stack framework for Node.js. It is built on top of the Express.js and uses the MVC pattern to organize your code. You can imagine it as a Laravel for Node.js. Also it has full typescript support out of the box making it a great choice for any project.

Learn more about Adonis.js

What is React?

React is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies.

So what on earth is Radonis?

Radonis was build from microeinhundert to make it easier to build React applications with Adonis.js in the backend.

To have an idea of what Radonis is, let's take a look at a this quotes from the developers documentation:

Easily bridge the gap between your React frontend and AdonisJS backend. Get a development experience similar to Remix while having the power of a full MVC framework at your fingertips.

Radonis is similar to Inertia.js, but does not offload all the rendering work to the client. It's like a traditional monolythic application architecture with modern, SPA-like DX.

Source: Documentation

Getting startet


Its recommended to use the the VS Code extension AdonisJS to get the best experience.


To get started with Radonis, you need a fresh adonis.js project. You can create one with the following command:

npm init adonis-ts-app@latest my-project

After the project is created, you can install Radonis and the Radonis server with the following command:

npm install --save @microeinhundert/radonis @microeinhundert/radonis-server

Configure the server provider

node ace configure @microeinhundert/radonis-server

configure the required addons

node ace configure @adonisjs/i18n
node ace configure @adonisjs/session


I hope you enjoyed this introduction to Radonis.

I'll not go into detail about how to use Radonis, because the documentation is very good and you can find everything you need there. So now Its up to you to try it out and see if it fits your needs.