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: https://github.com/refinedev/refine

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:
https://refine.dev/docs/packages/documentation/inferencer/

Top comments (7)

Collapse
 
omeraplak profile image
Ömer Faruk APLAK

It's a killer feature 🚀

Collapse
 
yildirayunlu profile image
Yıldıray Ünlü

Great 🚀

Collapse
 
civanozseyhan profile image
Civan Özseyhan

The future has come 🚀🚀🚀

Collapse
 
alicanerdurmaz profile image
Alican Erdurmaz

Awesome idea 👊 It's a great time saver 🙏

Collapse
 
yashkapure06 profile image
Yash Kapure

Awesomeee!!🚀🤯✨

Collapse
 
necatiozmen profile image
Necati Özmen

Thanks!

Collapse
 
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 react.dev 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 Dev.to Articles for Your Portfolio

Integrate the articles of your Dev.to 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 Dev.to API: How to Fetch Your Dev.to Articles for Your Portfolio with React