Когда я сначала нашел TreamLit, я был в восторге от того, как быстро я мог бы построить приложения в Python. Одна из первых вещей, которые я сделал, должен был посмотреть, как быстро потребуется, чтобы преобразовать ноутбук Jupyter для repreamLit, поэтому я перестроил Timbre Transfer Demo Отказ Пока я любил, насколько простым и быстрым было сделано это – одна проблема, в которой я продолжал бежать с помощью моих replyLit Apps, было то, как они будут перезапущены каждый раз, когда я взаимодействовал со слайдером.
В этой ручной регрессии Demo ReameLit повторяет скрипт каждый раз, когда значение слайдера изменяется. Если вычисление становится чрезмерно сложной, то анимация имеет тенденцию отставать от взаимодействия слайдера.
Представьте, что если вы хотите использовать ползунок для параметризации модели обучения машины, но модель будет обучена каждый раз, когда вы перемещали слайдер … Это было бы довольно много времени! К сожалению, слайдер ReamlyLit глубоко укоренился в кодовой базе streamlit, поэтому упрощение такого изменения, проще, чем сделано.
TreamLit версия 0,63, однако, представлена Оптимитные компоненты Теперь позволяют нам интегрировать произвольный код HTML/CSS/JS в наши приложения. Затем расширения могут быть опубликованы таким образом, чтобы другие пользователи могли извлечь выгоду из этой пользовательской функциональности.
Проблема нашего слайдера – это идеальное использование для этой новой точки расширения!
Этот углубленный учебник научит вас всем методам для создания вашего первого оптимического компонента, сделав слайдер, который Reruns StreamLit на выпуске мыши, а не изменение значения.
Как тизер, следующее Chart.js Интерактивное приложение StreamLit построено с менее чем 50 линиями Python + React Code и использует все строительные блоки из этого урока.
Заинтересованы? Голова к моему Учебное пособие по упрочненным компонентам Действительно К концу учебника вы сможете подключить новые виджеты в StreamLit и повторно использовать этот рабочий процесс, чтобы обернуть любую пользовательскую веб-функцию в ваше приложение.
Оригинал: “https://dev.to/andfanilo/streamlit-components-tutorial-build-a-custom-slider-3bke”