FastUI & Pydantic - Build Interactive UIs with Declarative Python code

In this video, we'll see how to use FastUI - a new package in Python for building interactive UIs without writing JavaScript, and which integrates nicely with Pydantic and FastAPI (and other Python web frameworks)

FastUI is a project released by the creator of Pydantic, and as such is very nicely tied together with Pydantic model classes and functionality.

☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲:
To support the channel and encourage new videos, please consider buying me a coffee here:

𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮:

📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:

#python #webdevelopment #fastapi #pydantic

[jefralston]

More videos on this framework please. You do a fantastic job in all of your videos. I love the way you explain things line by line.

[walterj]

I'm really happy to see this project become a thing. I've been looking at how to add a simple UI on top of the API's I've been making in FastAPI. There just wasn't much that tied in well with FastAPI without reimplementing code for another framework.

Essentially I was just getting into writing a Streamlet program that just calls the API from FastAPI behind the scenes. I wasn't the most thrilled with that solution. This is a much better direction.

[mattmarshall]

This was a great tutorial. You have a great presentation style. I had never heard of this UI framework until I randomly saw it here on your profile. Please do more with FastUI.

[malteplath]

Excellent video!
I share the concern of abstraction overload: Using React to create a simple UI seems overkill, plus you are adding a whole ecosystem of unknown bugs/constraints.
But as a reasonably simple interface for declarative definition of simple UIs, it looks very promising.

[dhariri]

Very interesting. I wonder why they chose to be generating a React application as the underlying browser technology (and not just HTML and bound event handlers on the generated tags)

[mikeckennedy]

Nice intro to something really different for python UIs.

[seydinaoumarsamabaly]

Wow always surprising us with new stuffs. Thank you so much Master !

[mastajigga]

Yes, I'm very interest in this fastUI library. Please could you go and show us what it is capable of ?

[pleabargain]

FWIW, I used GPT4 to rewrite the basic app to manipulate a different data set. Another video on how to digest a different API and generate a UI for that API would be very interesting.

[stannylou]

Great vid please do more on this FastUI like add css or something of that nature, thanks.

[adhd_arti]

as always, best content I could find on the internet!

[alexandremondaini]

it would be nice to have a pagination example with db in the backend. so as the user clicks on the page a new query is issued per page on the db. If there is a lot of data how one would return a table effciently ?

Kudos to you dude, your videos are top quality.

[JOHNSMITH-verq]

Totes. I’d love to see the build of a sophisticated app with this.

[alexy.]

Interesting library, but that's about it. Going with HTMX, Phoenix Framework or Blazor makes more sense than a Python library that abstracts HTML even further by using.... React of all libraries.

[artemshumeiko]

Great video! How do you find out about new libraries like this? Thanks

[RoandDesign]

Great video, FastUI has some potential. However basic functions like a multi-column layout seem to still be missing.

[fabsync]

your videos are always great! It will be fantastic if you create a tutorial on django, postgres and flet like a todo app...!!

[MCUlfang]

Cannot import FormResponse because is not part of FastUI.forms no more

[hoangphamkhanhnhat]

Thank you very much, the video is very nice.

I just wondering that: When we type "localhost:8000/api/" to address bar of browser, can it show the page that we design instead of json or raw data?