Dusk

📦 Components 💡 Custom Features ⚡️ Optimized distribution

Dusk is build to be a progressive framework for people to use and build interfaces & web applications. Dusk 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.

npm:

npm i duskjs

Examples

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

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

Dusk 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 DuskComponent = require("../../../lib/component/duskComponent");

class ExampleComponent extends DuskComponent {
    Render(){
        return "<d-row> <d-card> Welcome to Dusk </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

0.2.0 goals

• [] Serve is runned without making a build first
• [] Add custom css to dusk elements
• [] Implement the availibility of adding your own Javascript functionality to a component
• [] Add states to a component
• [] When served, reflect changes in files on local host