A lightweight JavaScript library to support you in creating amazing component-based websites and applications.
See the CONTRIBUTING.md document.
JetBrains WebStorm is the official IDE employed for developing this project.
zuix.js is a JavaScript library for creating component-based websites and applications.
Home Page: https://zuixjs.org
License: Apache License 2.0
A lightweight JavaScript library to support you in creating amazing component-based websites and applications.
See the CONTRIBUTING.md document.
JetBrains WebStorm is the official IDE employed for developing this project.
Hi there,
I have read through the contributing guidelines and issues here and i thought that i would post a question regarding how to use zuixjs with a rest api endpoint.
I have looked through the various pwa applications that are linked from this project and looked throgh the various tutorials however I have not been able to understand how to get data from an endpoint, manipulating the result and insert it into a template.
This might be due to the fact that I have not done much javascript before, and this might even be so simple that it is self explanatory. however I still try to ask here and hope for a positive answer.
Can you direct me towards some simple one page examples on how this is done using zuixjs?
Btw: the zuixjs library looks like a really nice lib for making simple js,html, css PWAs. thank you for making this project available.
I don't like the loose slides that can be accidentally scrolled pass
Can there be some kind of snapping? The examples don't show it but the concept in mobile (android/material design/ios) has evolved to snapping
What I really liked about zuix:
<script src="https://genielabs.github.io/zuix/js/zuix.min.js"></script>
I love this!!
I don't know what is wrong with everyone else, why do i need npm, and a ton load of npm commands and a gazillion dependencies just to run your javascript library.
Please keep it this way.
I love the following:
<div data-ui-include="https://genielabs.github.io/zuix/site/common/links"></div>
but can I have pages without .html
for example /api/v1/generateContent/100/200
?
is this possible:
<div data-ui-include="{someVariable}"></div>
and then use something like an onclick
onClickHandler(){
someVariable = "/api/v1/etc/etc";
}
I imagine with the help of lazy loading, it would be really easy to create a wiki or documentation without using crazy things like static site generators. This would be a killer static website making framework!! If it is already possible, may be some example would be nice. I know about the Hacker News thing. But would love a much more bare bones stripped down version.
So far, I liked the framework because it does makes things simpler!!! Thanks for this!!
Drop the use of gulp and related dependencies.
Rewrite all build scripts found in build/gulp folder.
Love the idea of loading components from external servers and lazy loading stuff.
It is a simple and awesome library.
I've been fed up with overly abstracted JS frameworks and would like to try out this one.
Although I had a few years experience with Backend, I am beginner at Frontend and Javascript stuff.
Would love to dig into sources and understand implementation details more and it would help a lot if there were any overview explanation about library architecture, source structures, etc.
Hi,
I wanted to test zuix so I ran the following command: npx zuix new my-appname
.
And I got this result:
WARNING: No configurations found in configuration directory:/home/sylvain/projects/distorsion/config
WARNING: To disable this warning set SUPPRESS_NO_CONFIG_WARNING in the environment.
/home/sylvain/.npm/_npx/e326020e254dca45/node_modules/config/lib/config.js:179
throw new Error('Configuration property "' + property + '" is not defined');
^
Error: Configuration property "zuix" is not defined
at Config.get (/home/sylvain/.npm/_npx/e326020e254dca45/node_modules/config/lib/config.js:179:11)
at Object.<anonymous> (/home/sylvain/.npm/_npx/e326020e254dca45/node_modules/zuix/commands/generate.js:36:25)
at Module._compile (node:internal/modules/cjs/loader:1165:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1219:10)
at Module.load (node:internal/modules/cjs/loader:1043:32)
at Function.Module._load (node:internal/modules/cjs/loader:878:12)
at Module.require (node:internal/modules/cjs/loader:1067:19)
at require (node:internal/modules/cjs/helpers:103:18)
at Object.<anonymous> (/home/sylvain/.npm/_npx/e326020e254dca45/node_modules/zuix/zuix.js:33:18)
at Module._compile (node:internal/modules/cjs/loader:1165:14)
Node version: v16.19.0
as the document. we know
use view to load html and css file of component. but I just want load the html file. how can I to do?thanks
Currently studying zuix and looking at the zuix-web-flix project, I find that the generation of the Top rated on Web Flix list in the project is somewhat incomprehensible. The service is requested in the controllers/movie_db structure, but only one data is applied at a time? I think it's better for the parent component to get data and pass it on to the child component, but there are no relevant examples. In addition, there are many APIs that are not mentioned in the document. Many APIs don't know what the specific role is.
create a specific README.md file for zuix distributable also to include in zuix-dist npm package.
Add link to CodePen examples in the README.md file.
Add some ZUIX-TypeScript code example.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.