Streamlit for ML #5.1 - Custom React Components in Streamlit Setup

▶️ Streamlit for ML Part 5.2: https://www.youtube.com/watch?v=mxm8ihWoVbk&list=PLIUOU7oqGTLg5ssYxPGWaci6695wtosGw&index=6

There are plenty of prebuilt components designed by Streamlit themselves, and if you can't find what you need, there are even community-built components.

If you're still stuck, and there is just no component that covers what you need, we can build our own custom components.

To do this we do need to start playing with the lower-level web technologies that Streamlit itself is built upon. So it isn't as simple as using a prebuilt component. However, thanks to pre-made templates, it isn't too hard to create a new component.

In this sub-series, we'll learn exactly how to create custom components. We'll focus on designing an interactive card component using Material UI design elements.

▶️ Streamlit for ML Playlist: https://www.youtube.com/watch?v=JLKUV-LiXjk&list=PLIUOU7oqGTLg5ssYxPGWaci6695wtosGw&index=1

📕 Article: Coming soon

🤖 70% Discount on the NLP With Transformers in Python course: https://bit.ly/3DFvvY5

🎉 Subscribe for Article and Video Updates! https://jamescalam.medium.com/subscribe https://medium.com/@jamescalam/membership

📖 Friend link to article: Coming soon

👾 Discord: https://discord.gg/c5QtDB9RAP

00:00 Intro 02:19 Environment Setup 03:42 Starting with a Template 07:41 Naming for Card Component 11:31 Installing Node Packages 15:12 Running the Component ... https://www.youtube.com/watch?v=SGazDb8o-to