https://github.com/drsounds/spider

React.JS like reactive UI framework for Python
https://github.com/drsounds/spider

gtk3 gtk4 python reactjs

Last synced: 22 days ago
JSON representation

React.JS like reactive UI framework for Python

• Host: GitHub
• URL: https://github.com/drsounds/spider
• Owner: drsounds
• License: mit
• Created: 2023-12-04T14:10:36.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2023-12-04T19:10:39.000Z (12 months ago)
• Last Synced: 2024-10-10T22:02:56.483Z (about 1 month ago)
• Topics: gtk3, gtk4, python, reactjs
• Language: Python
• Homepage:
• Size: 14.6 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Spider

A React.JS inspired reactive UI framework for Python 3.10.x inspired by React.JS. Library is work in progress

# Example

Spider intends to be a Python equivalent for the popular JavaScript/TypeScript framework React but for Python. It intends to be an

abstraction layer for a native UI library like Gtk+. Therefore, the framework is splitted across multiple packages where each

GUI backend has an own package.

# Example

The code below demonstrates a React like component but in Python

````python

from spider import use_state, create_element

def hello_world(**props):

    [clicks, set_clicks] = use_state(0)

    [clicks_2, set_clicks_2] = use_state(2)

    print(f"Clicks {clicks}")

    def handle_click(event):

        set_clicks(clicks + 1)

        print("Handle click")

        

    def handle_click_2(event):

        set_clicks_2(clicks_2 + 1)

        print("Handle click")

    return create_element(

        'vbox',

        dict(

            key="vbox"

        ),

        create_element(

            'button',

            dict(

                on_click=handle_click,

                key="button_1",

            ),

            f"Clicks {clicks}"

        ),

        create_element(

            'button',

            dict(

                on_click=handle_click_2,

                key="button_2",

            ),

            f"Clicks 2 {clicks_2}"

        )

    )

````

In an app file you would do that

````python

import os

import gi

from spider import use_state

gi.require_version('Gtk', '4.0')

gi.require_version('Adw', '1')

from gi.repository import GLib, Gtk, Adw

from spider_gtk.widgets import SpiderWidget

from spider import create_element, use_state

class SpiderExampleWindow(Gtk.Window):

    __gtype_name__ = "MainWindow"

 

    def __init__(self, *args, **kwargs):

        Gtk.ApplicationWindow.__init__(self, **kwargs)

        self.spider_widget = SpiderWidget()

        self.set_child(

            self.spider_widget

        )

        self.spider_widget.render(hello_world)

class SpiderExampleApplication(Gtk.Application):

    def __init__(self, *args, **kwargs):

        super().__init__(*args, **kwargs)

        GLib.set_application_name('Spider Example')

    def do_activate(self):

        window = SpiderExampleWindow(application=self, title="Spider Example")

        window.present()

````

# License

MIT