/React-Query-Editor

Primary LanguageJavaScript

🚀 REACT SQL Editor

This is a React-SQL-Editor (RSE) built using ReactJs and TailwindCSS.

👨‍💻 Demo available at

https://rsqle.netlify.app/

👨‍🔧 Tech Stack

React TailwindCSS

✍️ Predefined SQL Queries

  • select * from customers
  • select * from categories
  • select * from employee_territories
  • select * from order_details
  • select * from orders
  • select * from products
  • select * from regions
  • select * from shippers
  • select * from suppliers
  • select * from territories

⏱ Page Load Time

Page Load time of this website in desktop is in the range of 0.4 s to 0.6s.

🪜 Steps I took to optimize the page load time

  • In order to render large data : Use code-splitting i.e. showing small amount of data at a time and other data can be seen using pagination.