Hi community, I created a thin wrapper of streamlit-component-lib for React Hooks and function-based components, and also set up a component template using it. Repo: GitHub - whitphx/streamlit-component-template-react-hooks: Streamlit component lib with React hooks and template project using it T…

This is very nice, I much prefer function based also and being time poor I’m usually not following best practises when making components, really appreciate this template, maybe I’ll make some better components now, thanks!

Nice :slight_smile: thanks for creating this @whitphx There is a « components template » section in the [tracker]{ Streamlit Components - Community Tracker ) , you can add your template there so we can keep track of it I also think you can make a MR on the component template readme in the community …

@andfanilo Thank you, I did both :smiley:

I agree, and I did the same in my Auth0 authentication component using Next.js. It’s nice to have a semi-official template though that promotes this. Thanks, @whitphx !!

I rewrote my streamlit-webrtc component to use the hooks- and functions-based style with this library: Fix to use hooks by whitphx · Pull Request #424 · whitphx/streamlit-webrtc · GitHub :v:

I’m really interested in using the use-places-autocomplete react hook in my streamlit web app to do places autocomplete using google maps. So I’m really curious to know if your library can be the thing that makes this happen. Btw I’m not familiar with any react or JS, all I know is Python and strea…

A new library and template using React Hooks for creating Streamlit Components

Custom Components streamlit-webrtc

Charly_Wargnier September 20, 2021, 8:14am 5

This is great Yuichiro!

I’ve also shared your new library on our Creators’ channel

Charly

Topic		Replies	Views
Streamlit Components - Community Tracker Custom Components discussion	78	73271	February 20, 2026
Code snippet: create Components without any frontend tooling (no React, Babel, Webpack, etc) Show the Community!	33	13255	April 18, 2025
Streamlit React Component with Flask Server API Interaction Custom Components	1	1341	November 21, 2020
Streamlit cli option to generate, build, run new custom component? Random	5	635	November 20, 2020
Streamlit cookiecutter components template Custom Components tutorial	0	1321	September 16, 2022

A new library and template using React Hooks for creating Streamlit Components

Related topics