Code Monkey home page Code Monkey logo

araldhafeeri / zenaura Goto Github PK

View Code? Open in Web Editor NEW
7.0 1.0 0.0 8.38 MB

Zenaura is a Python library built on top Pydide, PyScript, designed to empower Python developers to create light-weight, performant, stateful, component-based Single Page Applications (SPAs). By leveraging a virtual DOM implementation, Zenaura optimizes the performance, reactivity, responsiveness, and interactivity of web applications.

License: MIT License

Python 100.00%

zenaura's Introduction

Zenaura

Alt text

Zenaura is a Python library built on top Pydide, PyScript, designed to empower Python developers to create light-weight, performant, stateful, component-based Single Page Applications (SPAs). By leveraging a virtual DOM implementation, Zenaura optimizes the performance, reactivity, responsiveness, and interactivity of web applications. This allows developers to build high-performance, dynamic web applications using familiar Python concepts and syntax.

Documentation

Zenaura documentation and API reference

note: hot-reloading is still under-development, it works, however working with cli, zenaura build after every change is better.

Installing zenaura

prerequisits:

  • Python 3.12 or above.
  • pip
  • devolopment server requirements:
    • flask==2.3.3
    • watchdog==4.0.1
    • flask-sock==0.7.0
pip install zenaura flask==2.3.3 watchdog==4.0.1 flask-sock==0.7.0

This command will install zenaura library, client and server, CLI.

Creating your first zenaura app

In this example we will go over creating your first zenaura application, go over basic concepts as well.

Once you installed the library, the library, it comes with simple CLI tool.

CLI Commands:

- init: Will create simple zenaura application
- build : Will build the application
- run : Will run the development server 

First let's initials a basic zenaura application:

zenaura init 

This command will auto generate basic zenaura application with the needed files auto generated for you, so you can get up to speed with the library.

Auto generated files from init command:

  • build.py : used for building zenaura application.
  • index.py : simple zenaura server.
  • public/components.py: single zenaura component.
  • public/presentational.py: few zenaura presentational components created using builder interface.
  • public/main.py : main file where we import components, create pages and configure the client router.
  • public/routes.py : where your client side routes lives.
  • public/main.css : the main css file.
  • public/config.json: pyscript pydide configuration.

Building zenaura

zenaura build

This command will build index.html.

Running zenaura

zenaura run

This command will run the development server. Now open browser tab and go to localhost:5000.

zenaura's People

Contributors

araldhafeeri avatar

Stargazers

Adam Twardoch avatar  avatar Neal Fultz avatar Felix Baron avatar  avatar  avatar Abdur-Rahmaan Janhangeer avatar

Watchers

 avatar

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.