<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>JavaScript on 每日拍拍</title>
    <link>https://dailypypy.org/tags/javascript/</link>
    <description>Recent content in JavaScript on 每日拍拍</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>zh-tw</language>
    <copyright>© 2026 每日拍拍</copyright>
    <lastBuildDate>Wed, 07 Oct 2026 12:44:00 +0800</lastBuildDate><atom:link href="https://dailypypy.org/tags/javascript/index.xml" rel="self" type="application/rss+xml" />
    <follow_challenge>
      <feedId>155076163427069952</feedId>
      <userId>154825760438254592</userId>
    </follow_challenge>
    
    
    <item>
      <title>Streamlit Custom Components：雙向事件、狀態同步、打包與測試</title>
      <link>https://dailypypy.org/learn/streamlit-custom-components/</link>
      <pubDate>Wed, 07 Oct 2026 12:44:00 +0800</pubDate>
      
      <guid>https://dailypypy.org/learn/streamlit-custom-components/</guid>
      <description>&lt;!---
1440x768
prompt: masterpiece, best quality, highres, clean anime illustration, japanese anime style, soft shading, flat color design, 1girl, black hair, green eyes, white off-shoulder shirt, black short skirt, from above, crouching beside a small open laptop, looking up at viewer, one hand hovering over two softly glowing connected panels, bright curious smile, pastel periwinkle and pale lemon background, subtle paired interface cards and flowing dots without symbols, logos, markings, numbers, letters, or text, neat composition, detailed eyes, cute and smart vibe, minimal background, polished illustration, no text
negative prompt: worst quality, bad eye, bad hand, extra limbs, manga, multiple views, monochrome, text, signature
dedup note: This is a focused Custom Components v2 follow-up to ../python-streamlit/, ../python-streamlit-advanced/, ../streamlit-apptest-pytest/, and ../fastapi-streamlit-stack/. Those posts teach built-in widgets, Session State/cache, ordinary Streamlit app tests, or API/frontend separation. This article instead centers the Python-to-JavaScript component boundary, state versus trigger values, programmatic synchronization, style isolation, package manifests, frontend tests, and wheel smoke checks.
source check: Reviewed against the official Streamlit Custom Components v2 overview, registration, mounting, state/trigger, bidirectional communication, package-based component, and API reference pages on 2026-10-07. The article uses the recommended v2 API introduced for modern components, not the legacy iframe-based v1 API.
---&gt;
&lt;p&gt;





&lt;figure&gt;
    &lt;img class=&#34;my-0 rounded-md&#34; loading=&#34;lazy&#34; alt=&#34;featured&#34; src=&#34;./featured.png&#34; /&gt;

  
&lt;/figure&gt;
&lt;/p&gt;</description>
      <media:content xmlns:media="http://search.yahoo.com/mrss/" url="https://dailypypy.org/learn/streamlit-custom-components/featured.png" />
    </item>
    
  </channel>
</rss>
