Mesop - Python-based UI framework from Google!
Vložit
- čas přidán 2. 08. 2024
- Mesop looks promising but has a long way to go.
GitHub: github.com/google/mesop
Documentation: google.github.io/mesop/
Newsletter
- High Signal AI Newsletter: highsignalai.substack.com/
- High Signal AI Instagram: / highsignal_ai
Roadmap
- Roadmap video: • How to become an AI En...
- Roadmap GitHub (don't forget to leave a star): github.com/dswh/ai-engineer-r...
Social Media & Discord Server Invitation
Follow me for more AI Engineering resources, tutorials, and reviews:
- LinkedIn: / tyagiharshit
- X / Twitter: / dswharshit
- Join the Discord community for ideas, discussion, reviews and more: / discord
Chapters:
00:00 📦 Overview of Mesop
02:17 🛠️ Getting Started with Mesop
03:39 🖥️ Building UIs with Mesop
06:49 🔄 State Management in Mesop
10:05 📚 Resources and Documentation
11:15 🖥️ Demo Gallery and Examples
13:19 🆚 Mesop vs. Streamlit
15:08 📊 Conclusion and Recommendations
hey (I created the Mesop project) - just wanted to say, thanks for creating this video!
Wow! glad that this video reached you. Really cool project. Would love to see more from you!
Definitely! Let me know if there's anything in particular you'd like to see
@@WillMesop Thank you for acknowledging this, we love you
Will that be cancelled just after a few version, just like several great google opensource project?
@@WillMesop I want to use Mesop to build on the video player demo and would like to know what video formats can be served from Mesop other than .webm.
Having a quick look after seeing your video.. exploring the Mesop framework and I'm really impressed by its capabilities. It supports JWT for secure authentication, and state management is handled with middleware as far as I see. The framework comes with a decent library of design components, and the overall build of the project site reminds me a bit of Material UI, which I love. From what I gather, it also supports OAuth for user authentication and CORS for handling cross-origin requests.
It seems like Mesop uses inline styling, and I assume there will be future layout components like Grid coming. It already has Box components, so you can get a lot done with that. I'm usually writing in FastAPI with React or Next.js frontends, but I really like the initiative behind Mesop. If it supports themes or similar design layouts, that’s fantastic! Overall, Mesop seems like a powerful and flexible tool for Python developers. Great job to the team behind it!
Thanks for the sharing ❤
Pretty interesting. I could see this being useful for rapid prototyping, good for folk that do not want to deal with web. Nice video, well done.
very interesting!! thanks for the share
Nice video. Thanks for bringing this to us
Was waiting for this one!
Disclaimer: This is not an officially supported Google product.
Yep - we've tried to be clear in all of our docs about this.
Hey, is there a way to implement css directly similar to st.markdown in streamlit?
Really nice and thank you sharing knowledge, just have couple of questions here, can we build good looking apps? How about authentication and authorization? can we use this for production apps??
Yes you can but it will need good amount of work and learning.
@@DataSciencewithHarshit I kind of finsihed the documentation, i did not see any out of the box solutions for authentication and authorization.. Are you saying we have to build on our own ?
Rust based frontend frameworks are also there
Chatgpt doesn't understand this. Sticking with streamlit for now
I was wondering about this. Thanks for answering that! :)
U can feed chatgpt the documentation
I wouldn't do that. Quality is different If it learns naturally.
@@GodFearingPookie we've been playing around with teaching Gemini how to use Mesop (e.g. feeding it our docs, examples) - it's been pretty promising!
I am still wondering, what Mesop brings on the table? So far, considering Data Analysis working, nothing new. What have I missed?
@WillMesop add some way to use prebuilt components in react, svelte, etc. so functionality can be used, instead of waiting for community to start building components.
Threading?
No auth?
Google is not officially supporting it. Don't let other users fall for this
i tried it but sorry, the UI is not very good, on their demo page, when you type each letter , there is something that flashes at the top of the screen as if the UI itself is struggling on each letter. the UI/UX is badly done.
More on Google Mesop
Looks great. Just wish they took fastapi, not ancient framework, but hey, can not have it all 😊
hey - creator of Mesop here; I'm curious what fastapi would offer over flask? I'm not very familiar with fastapi and just wanted to see what's missing with flask.
I didn't used it but I have read the doc, fast api is minimal. just like expressjs it only contains rest api development but can add many functionalities like in django using some packages@@WillMesop
@@WillMesop hey. Fastapi has lots of what is considered “modern” python, like types, openapi docs, improved unit testing, data validation, and probably many other things which I can not remember. Flask is great also, however starting a brand new project with it should weigh in some tradeoffs, depends how you see this thing scaling going forawrd. All is possible with flask also, just feels aged and more hacky
It feels like this is an almagamated flavour of streamsync + plotly dash. UI widgets looks super basic. Hoping to see good progress on this, like nicegui
+1
I know react js. Want to learn backend . Shall i start from python django? What is your take on that.
Fast API
Next.js
Next js
If you're already familiar with JS/TS, pick any js-based framework and if there is any project or job that you're eyeing, pick accordingly.
My preferences at the moment:
Python - FastAPI
JS - Next.js
Learn first Nextjs,
After if you need full backend features, and you choose python; these are the steps:
- Learn Flask, because it's very easy and the learning curve it's very down.
- After flask you can choose between Django or fastApi.
From flask to FastApi, it's taking maximum 1 week, because you are going to find many similar things (ex : you can also use sqlachemy for database, ...), but in fastApi you can find more types like typescript, and more asynchronous style.
For big Application and all in one package, choose Django.
From Flask to Django, you'll find many similar things, but already included in Django.
"writer" also deserves attention to. [ "streamsync" old name ]
It's only running inside google colob, not like gradio we are getting a public link. That's big no from me.
Your strategy has helped me turn my trading around. I'm finally seeing some real profits!🐵
objecT, componenT, thaT, aT, layouT,.. no need to emphasise the last T's that hard :P
Apne hand ko rest dijiye sir bahut distract kar rha he topic se
Why always killing each other 😂
Google as it's own and powerful framework Angular , angular materials as reusable products.
Why they go for another framework? Only for alternative for html and css?
Mesop is built on Angular and Angular Material and is targeting a different set of developers (e.g. Python developers / ML/AI backgrounds) compared to Angular.
Got it 👍
I'm wondering what these companies get for creating and releasing for free these kinds of tools for the population...
Where is the trick, how do they benefit from that?
Good that its open source...it should survive Google's killing sprees.
You know what!!! Mesop is actually suitable for complex web applications. But, django offers the same and it provides more features. So, why would someone actually learn mesop in place of django?
so you don't have to write html CSS js for the frontend
@@kneelesh48 htmx?
You didn’t get it.
When combined with one many many many options it more than supplants Mesop. That being said Djangos amazing features can be overwhelming meaning Flask and python-webui are often better options for small projects.
Vadin is best 😅
google fired its whole python team so means no support in the future if this is legit google framework.
too much magic inside, poeple over time would want more control and customizations.
Many places doesn't need customisation, specially for rapid poc