Simple, Fast, Fun

📦 Components 💡 Custom Features ⚡️ Optimized distribution

Draw is build to be a progressive framework for people to use and build interfaces & web applications. Draw tries to take React.component & Vue tag ideas to create a new and orignal format from scratch. Combining these ideas, an attempt is made to remove unused functionalities from production and tries to generate a optimized output as end result.

Examples

Draw uses its own html tag called the . This will give your HTML pages styling in a easy way. Its as simply:

<d-card>
    Welcome
</d-card>

Draw also has the abillity to use components! The way these are created is as followed:

npm run component
#Component Name: Example
#Starting generation component...
#Component created successfully

In this example you have created the component: ExampleComponent.

This component will be placed inside the component folder. There will be a folder with the name of the component you just created. Inside the folder there is a .js file. You can create html components like:

const DrawComponent = require("../../../lib/component/drawComponent");

class ExampleComponent extends DrawComponent {
    Render(){
        return "<d-row> <d-card> Welcome to Draw </d-card> </d-row>";
    }
}
module.exports = ExampleComponent;

Testing & Development

Requirements

• [x] A install of Node.js
• [x] Working clone of the repo, or the npm install of the project
• [x] Execution of the npm install command

These commands are work in progress and will be implemented in a custom format.

# To create a component:
npm run component
# Compiles the files inside the dist:
npm run compile
# Starts the project locally without setup:
npm run execute
# Sets the files up for compilling:
npm run disting
# To launch the application:
npm run serve