GAID

Please enter the google analytics ID for appData file.

Delve into using Transcrypt to seamlessly translate Python code to JavaScript for coherent web projects, unifying Python's back-end strengths with JavaScript's front-end flexibility.

tarball.tar.gz

ch02

ch03

ch04

ch05

ch06

ch08

ch09

ch10

ch01

ch12

ch13

ch14

ch15

ch16

ch17

ch18

ch19

ch20

ch21

ch24

ch10-2

ch06-exercise

ch12-jsx

ch19-2

ch25-copy

Python is already used in the back-end of most web-based applications. However, it does not work with the front-end of web browsers in those applications. This is where Transcrypt comes in. Transcrypt can help create more coherent web-based projects where Python is used to write the back-end and front-end. This course is primarily about using a transpiler called Transcrypt. It translates our Python code to JavaScript and then executes that JavaScript, letting us enjoy the neatness of Python with the front-end flexibility of JavaScript.

Using the Python Transcrypt Transpiler for Front-end Coding

# Introduction

The focus of Transcrypt is on applications that run in web browsers and not desktop applications. It is intended to be used more with JavaScript libraries rather than Python libraries. As such, it does not have a full set of standard Python modules available to it. However, in addition to supporting most of Python’s built-ins, a few standard Python modules have been added to the Transcrypt distribution that can be imported into our Python module.


# Standard library

This list is bound to grow over time as the Transcrypt project matures, but for now, we only have these modules from the standard library available to us:

- `math`
- `cmath`
- `time` (does not have sleep function for web browser use) 
- `datetime`
- `itertools`
- `logging`
- `warnings`
- `random` (partially)
- `re` (partially)
- `turtle`

In addition to the above, there is also a separate project called Numscrypt under development that is porting the  Python NumPy library as well.

Python `dataclasses` is one language construct that works really well with React for storing component state. Though while being syntactically supported none of the methods like `replace()` or `asdict()` for `dataclasses` have been implemented in Transcrypt yet. So if we want to use them, we’ll have to provide that additional functionality ourselves for now.

# Built-in functions

Despite the limitations of not having full Python standard library functionality, we’ll find that most of the other Python-related language constructs have been implemented. Working with standard Python objects like lists, dictionaries, strings, and more will feel just like Python should. There are only a few Python built-ins that have yet to be implemented, namely `exec` and `eval`, which are likely not needed in a web browser environment anyway. Then there are a few others like `bin`, `oct`, and `hex` for converting numbers, but those can easily be replaced with the `toString(radix)` method in JavaScript:



Learn which libraries and built-in functions can be used with Transcrypt.

Standard Library & Built-in Functions

Introduction

The Setup

Write a “Hello, World” Application

JavaScript Functions

Sourcemaps

External JavaScript Libraries

Intro to React

React Concepts

Cleaner Code

Managing JavaScript Packages

Package Bundler

Text Input

Lists

Forms

React Components

JavaScript Examples

CSS

Material-UI

Parcel Web Proxy

Asynchronous Requests

React Context Hook

Transcrypt Miscellany

Application Versioning

Google Analytics

Developer Tools

Appendix

Standard Library & Built-in Functions

Introduction

Standard library