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

# Setting up the proxy server
Since the development web server built into the Parcel bundler does not currently support acting as a proxy for another web service such as Flask on its own, we need to utilize a web server that can support that capability. The Express.js web framework for Node.js fits this requirement nicely and is very lightweight. Along with that, we will also utilize the **http-proxy-middleware** JavaScript library, which lets us cleanly integrate with the Parcel web server.

Most of the time, our back-end web server will have some kind of a RESTful API that accepts a request from a web client and responds by sending back JSON data. One assumption we will make is that the request URL for the back-end REST service has an endpoint that can be differentiated from requests for the front-end via a regex filter. For example, it’s common for a REST API to have a URL that starts with `/api/`, whereas requests going to the front-end web server start with something else besides that. The proxy middleware can use this pattern to know when to respond to the request locally, and when to forward it onto the back-end web server.

Next, we need to have a script to do the routing for the proxy service. Since it runs in Node.js, it will have to be a JavaScript file, but it’s pretty straightforward:

Make an Express proxy server that proxies to a Flask server. 

Proxy Service

Make an Express proxy server that proxies to a Flask server.

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

Proxy Service

Setting up the proxy server