"If a worker wants to do his job well, he must first sharpen his tools." - Confucius, "The Analects of Confucius. Lu Linggong"
Front page > Programming > SQL to React Components in seconds

SQL to React Components in seconds

Published on 2024-08-27
Browse:185

Can you imagine being able to write an SQL clause and not worry about your backend or servers?

From this

SELECT * FROM users LIMIT 100;

To this

const View = () => {
  return ;
};

Or even being able to create a complete flow for your application with short clauses:

-- 
SELECT * FROM users LIMIT 100;
-- 
SELECT * FROM users WHERE id = :userId;
-- 
UPDATE users SET name = :name, image = :image WHERE id = :userId;
-- 
DELETE FROM users WHERE id = :userId;

And if you didn't have to worry about developing the backend, deploying, connecting to a database, etc., how quickly could you develop and iterate your product?

Presenting to Blokay

Blokay is an open-source tool that allows developers to create backend code blocks, and it automatically generates the frontend for the component.

SQL to React Components in seconds

  • Connect your favorite frontend framework
  • SQL to (React, Vue, etc) components
  • Generate Cron Job in seconds
  • Generate Charts, APIS, components
  • AI Prompt to features

How does it work?

Blokay allows developers to create complete workflows and then progressively integrate them into their own applications.

LLM Generation

Prompt: Show a table of the created users

It should generate something like this:

const fn = async function (args: Args) {
  let sql = `SELECT * FROM users ORDER BY id DESC LIMIT 100`;
  let results = await args.query(sql);
  return args.table(results);
};

and consequently a ready-to-use React, Vue, Angular, etc. component.

const View = () => {
  return ;
};

Start now

You can create a free account at blokay.com and start your project instantly.

Release Statement This article is reproduced at: https://dev.to/fosebad/sql-to-react-components-in-seconds-457l?1 If there is any infringement, please contact [email protected] to delete it
Latest tutorial More>

Disclaimer: All resources provided are partly from the Internet. If there is any infringement of your copyright or other rights and interests, please explain the detailed reasons and provide proof of copyright or rights and interests and then send it to the email: [email protected] We will handle it for you as soon as possible.

Copyright© 2022 湘ICP备2022001581号-3