quickscript-react

It is a tool that simplifies the process of typing long code strings in React projects by breaking those strings into a single React component during the developement stage of the React application. QuickScript makes it easier to read the code you are writing and therefore helps you maintain clean and readable code.

Before using quickScript

export default function App() {
  return (
    <div className="App">
      <h1>Hello World</h1>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim adipisicing amet dolor ad excepteur mollit voluptate reprehenderit amet Lorem. Consequat aliquip aute incididunt est dolore deserunt culpa. Lorem deserunt sit proident consectetur duis. Laborum eu laboris proident est consectetur laboris in nulla commodo enim fugiat ad occaecat. Quis anim non ullamco dolore Lorem mollit culpa eiusmod Lorem laboris elit enim nulla ad. Dolore nulla nisi ut cillum consequat nulla irure. Magna ut ut eiusmod irure do voluptate tempor sit consequat officia Lorem.
    </div>
  );
}

After using quickScript

export default function App() {
  return (
    <div className="App">
      <h1>Hello World</h1>
      <Quick slug="157171" />
    </div>
  );
}

Installation

$ npm i quickscript-react

$ yarn add quickscript-react

Import the component to React Page

import { Quick } from "quickscript-react";

Use the component in React Page

<Quick slug="157171" />

Check out the demo video