UIs visually, backend in Python

📰 Dev.to · Ramiro Medina

Learn how to build UIs visually and backend in Python using FastAPI and Vue, and explore the future of data apps

intermediate Published 8 May 2023

Action Steps

Build a data app using FastAPI and websockets to enable real-time communication
Create a visual editor using Vue and integrate Monaco for code edition
Use Pydantic to define data models and validate user input
Run the user app in a separate process and communicate via multiprocessing pipe
Explore the data apps space and discuss future trends and directions

Who Needs to Know This

This micro-lesson is suitable for backend developers, full-stack developers, and data scientists who want to build data apps with a visual interface. It can be used by teams working on data-intensive projects who need to create interactive and user-friendly applications.

Key Insight

💡 FastAPI and Vue can be used together to build fast and interactive data apps with a visual interface

Key Takeaways

Learn how to build UIs visually and backend in Python using FastAPI and Vue, and explore the future of data apps

Full Article

Title: UIs visually, backend in Python

URL Source: https://dev.to/ramedina86/uis-visually-backend-in-python-1i18

Published Time: 2023-05-08T15:53:19Z

Markdown Content:
[Skip to content](https://dev.to/ramedina86/uis-visually-backend-in-python-1i18#main-content)

[![Image 1: DEV Community](https://media2.dev.to/dynamic/image/quality=100/https://dev-to-uploads.s3.amazonaws.com/uploads/logos/resized_logo_UQww2soKuUsjaOGNB38o.png)](https://dev.to/)

[Powered by Algolia](https://www.algolia.com/developers/?utm_source=devto&utm_medium=referral)

[Log in](https://dev.to/enter?signup_subforem=1)[Create account](https://dev.to/enter?signup_subforem=1&state=new-user)

## DEV Community

![Image 2](https://assets.dev.to/assets/heart-plus-active-9ea3b22f2bc311281db911d416166c5f430636e76b15cd5df6b3b841d830eefa.svg)0 Add reaction

![Image 3](https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg)0 Like ![Image 4](https://assets.dev.to/assets/multi-unicorn-b44d6f8c23cdd00964192bedc38af3e82463978aa611b4365bd33a0f1f4f3e97.svg)0 Unicorn ![Image 5](https://assets.dev.to/assets/exploding-head-daceb38d627e6ae9b730f36a1e390fca556a4289d5a41abb2c35068ad3e2c4b5.svg)0 Exploding Head ![Image 6](https://assets.dev.to/assets/raised-hands-74b2099fd66a39f2d7eed9305ee0f4553df0eb7b4f11b01b6b1b499973048fe5.svg)0 Raised Hands ![Image 7](https://assets.dev.to/assets/fire-f60e7a582391810302117f987b22a8ef04a2fe0df7e3258a5f49332df1cec71e.svg)0 Fire

0 Jump to Comments 0 Save Boost

Copy link

Copied to Clipboard

[Share to X](https://twitter.com/intent/tweet?text=%22UIs%20visually%2C%20backend%20in%20Python%22%20by%20Ramiro%20Medina%20%23DEVCommunity%20https%3A%2F%2Fdev.to%2Framedina86%2Fuis-visually-backend-in-python-1i18)[Share to LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fdev.to%2Framedina86%2Fuis-visually-backend-in-python-1i18&title=UIs%20visually%2C%20backend%20in%20Python&summary=I%27ve%20been%20working%20on%20a%20data%20apps%20platform%2C%20an%20alternative%20to%20Streamlit%20and%20Dash.%20It%20uses%20FastAPI%2C...&source=DEV%20Community)[Share to Facebook](https://www.facebook.com/sharer.php?u=https%3A%2F%2Fdev.to%2Framedina86%2Fuis-visually-backend-in-python-1i18)[Share to Mastodon](https://s2f.kytta.dev/?text=https%3A%2F%2Fdev.to%2Framedina86%2Fuis-visually-backend-in-python-1i18)

[Share Post via...](https://dev.to/ramedina86/uis-visually-backend-in-python-1i18#)[Report Abuse](https://dev.to/report-abuse)

[![Image 8: Ramiro Medina](https://media2.dev.to/dynamic/image/width=50,height=50,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1079052%2F02759f20-9d57-413e-976a-5927eea433a5.jpeg)](https://dev.to/ramedina86)

[Ramiro Medina](https://dev.to/ramedina86)
Posted on May 8, 2023

# UIs visually, backend in Python

[#python](https://dev.to/t/python)[#vue](https://dev.to/t/vue)[#indie](https://dev.to/t/indie)[#opensource](https://dev.to/t/opensource)

[![Image 9: Screenshot](https://res.cloudinary.com/practicaldev/image/fetch/s--24shWOEt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/en92q0e04f6cssp71i4l.png)](https://res.cloudinary.com/practicaldev/image/fetch/s--24shWOEt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/en92q0e04f6cssp71i4l.png)

I've been working on a data apps platform, an alternative to Streamlit and Dash. It uses FastAPI, websockets and Pydantic. It runs the user app in a separate process and communicates via multiprocessing pipe.

It's faster and has a visual editor, which I built from scratch using Vue. I integrated Monaco for code edition.

It'd be great to discuss where you think the data apps space is going. Keen to hear all types of feedback. Also more than happy to discuss the technical details if you're building something similar/rela

Read full article → ← Back to Reads

UIs visually, backend in Python

Key Takeaways

Full Article

Related Videos