Giter VIP home page Giter VIP logo

zuix's Introduction

zuix's People

Contributors

genemars avatar lukasdrgon avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

zuix's Issues

Question on how to connect to REST endpiont

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.

Viewpager with snap

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

A little Review/Questions/Suggestion etc

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!!

Revisit zuix build system

Drop the use of gulp and related dependencies.
Rewrite all build scripts found in build/gulp folder.

Any overview explanation for source structure / architecture

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.

First execution error: Configuration property "zuix" is not defined

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

How to circulate data from parent component to child component?

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.
image

dist/README.md

create a specific README.md file for zuix distributable also to include in zuix-dist npm package.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.