draw-core v0.1.0
📦 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;
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
2 years ago