Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/giosil/wux
Wrapped User Experience - A Javascript library to build component based user interface.
https://github.com/giosil/wux
javascript javascript-applications javascript-components javascript-framework javascript-frameworks javascript-frontend javascript-library typescript user-interface web web-ui web-ui-framework wux
Last synced: 6 days ago
JSON representation
Wrapped User Experience - A Javascript library to build component based user interface.
- Host: GitHub
- URL: https://github.com/giosil/wux
- Owner: giosil
- License: apache-2.0
- Created: 2019-11-18T17:26:28.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2024-05-07T13:53:48.000Z (6 months ago)
- Last Synced: 2024-05-07T14:57:02.760Z (6 months ago)
- Topics: javascript, javascript-applications, javascript-components, javascript-framework, javascript-frameworks, javascript-frontend, javascript-library, typescript, user-interface, web, web-ui, web-ui-framework, wux
- Language: TypeScript
- Homepage:
- Size: 3.15 MB
- Stars: 3
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# WUX - Wrapped User Experience
A Javascript library to build component based user interface.
## Build
- `git clone https://github.com/giosil/wux.git`
- `npm install typescript -g`
- `tsc --declaration --project ./ts/wux/tsconfig.json`
## Gulp
### Gulp global installation
- `npm install gulp -g`
- `npm install gulp-debug -g`
- `npm install gulp-rename -g`
- `npm install gulp-sourcemaps -g`
- `npm install gulp-typescript -g`
- `npm install gulp-uglify -g`
- `npm install merge-stream -g`
- `npm list -g --depth 0`
### Gulp local installation
- `npm link gulp`
- `npm link gulp-debug`
- `npm link gulp-rename`
- `npm link gulp-sourcemaps`
- `npm link gulp-typescript`
- `npm link gulp-uglify`
- `npm link merge-stream`
- `npm link typescript`
- `npm list --depth 0`
- `gulp --verify`
### Gulp build
- `gulp`
## Example
```typescript
class HelloWorld extends WUX.WComponent {
protected render() {
return '
Hello world
';
}
}
```
```html
WUX
WuxDOM.render(new HelloWorld(), 'view-root');
```
## Documentation
- [Tutorial (English)](wux_tutorial-en.pdf)
- [Tutorial (Italiano)](wux_tutorial-it.pdf)
## SVG Logo
```xml
{µ}
micro-wux
```
## License
[](https://opensource.org/licenses/Apache-2.0)
## Contributors
* [Giorgio Silvestris](https://github.com/giosil)