Despite competition, jQuery is still ubiquitous. Transcrypt and jQuery wear well together.
Code in jquery_demo/jquery_demo.html:
Code in jquery_demo/jquery_demo.py:
The React library makes it possible to create fast reacting interactive GUI's, by modifying a virtual DOM first and then adapting the real DOM in a minimal way. This example shows how it can be used in combination with Transcrypt.
Code in react_demo/react_demo.html:
Code in react_demo/react_demo.py:
Code in pong/pong.html:
Code in pong/pong.py:
D3.js is a graphics library that offers data driven animation of the DOM. Using Python's 'classical' object orientation, D3.js programs are easy to comprehend and maintain.
Code in d3js_demo/d3js_demo.html:
Code in d3js_demo/d3js_demo.py:
Web Apps for iOS are full screen iOS browser applications that have a hidden address bar, while zooming and scrolling are blocked. By including a so called "cache manifest", they are cached on your iOS device, they don't need an internet connection to function. Also they can access the user's location. Starting them up happens by clicking a customized icon on your home screen. In other words: They behave like an app, but without the hassle. Rather than requiring admission to the app store, they can be downloaded from any site. With Transcrypt you just program them in Python. As an extra, they also feel at home in any browser, not just running under iOS.
Code in ios_app/ios_app.html:
Code in ios_app/ios_app.py:
Code in ios_app/cache.manifest:
The Riot library also uses a virtual DOM, just like React. It works with custom tags that define structure, style and behaviour of reusable components.
Code in riot_demo/riot_demo.html:
Code in riot_demo/color.py:
Code in riot_demo/riot_tag.py:
Code in riot_demo/riot_demo.py:
To achieve presentation quality results, plotly.js uses WebGL for its 3D graphs, something not all browsers currently support. The compiled Transcrypt code to use plotly.js is tiny and fast, but the plotly.js library itself has a large download and performs a lot of time consuming arithmetic. So loading the example page below may take quite some time.
Code in plotly_demo/plotly_demo.html:
Code in plotly_demo/plotly_demo.py: