DEV Community

Cover image for Open-source React code generator component for CRUD apps based on your API on the fly
Necati Özmen for refine

Posted on


Open-source React code generator component for CRUD apps based on your API on the fly

We are running an open source React-based framework for building CRUD apps rapidly.

🚀Source code:

We have built a new component called "Inferencer". It generates full working CRUD page codes by analyzing the API response.

You can bootstrap a complete CRUD app within seconds if you have your API ready.

The aim is to reduce the amount of time spent on creating views for resources by generating the code automatically that can be customized easily.

Inferencer support is available for Ant Design, Material UI, Mantine UI, and Chakra UI.

Refer to the Inferencer documentation for examples and details:

Top comments (7)

omeraplak profile image
Ömer Faruk APLAK

It's a killer feature 🚀

yildirayunlu profile image
Yıldıray Ünlü

Great 🚀

civanozseyhan profile image
Civan Özseyhan

The future has come 🚀🚀🚀

alicanerdurmaz profile image
Alican Erdurmaz

Awesome idea 👊 It's a great time saver 🙏

yashkapure06 profile image
Yash Kapure


necatiozmen profile image
Necati Özmen


slhozdemir profile image
Salih Özdemir


Top Posts from the React Ecosystem

1. Changes In The Official React Documentation

The former React Docs Beta has been officially released as the updated React documentation at after years of hard work and refinement. Check out the brand new React Docs: What’s New in the Updated React Docs

2. CRA's Time is Over

React developer team has removed create-react-app (CRA) from official documentation rendering it no longer the default setup method for new projects. The bulky setup, slow, and outdated nature of CRA led to its removal: create-react-app is officially dead

3. How to Fetch Articles for Your Portfolio

Integrate the articles of your profile into your personal portfolio with either React, Vue, or Next.js by following these simple steps. It outlines how to include frontend to pull the information and correctly utilizes the API: How to Fetch Your Articles for Your Portfolio with React