การทำงานร่วมกันของส่วนประกอบขึ้นอยู่กับไอ
โครงการวิจัยและพัฒนานี้มีไว้สำหรับการใช้งานส่วนประกอบต่าง ๆ ในไอ
โครงการนี้เริ่มต้นด้วยโครงการงานประจำวันของฉันและได้รับแรงบันดาลใจจาก Vue-JSX ซึ่งประกาศที่ VueConf China 2024
คำเตือน
นี่คือ WIP? ดังนั้นอย่าใช้ในการผลิต
โครงการนี้พยายามที่จะทำงาน ไม่ว่าจะเป็นการทำงานร่วมกันระหว่างส่วนประกอบของเฟรมเวิร์กที่แตกต่างกันในไอหรือไม่

ขณะนี้ฉันกำลังทำงานกับ Svelte Vapor ซึ่งจำเป็นสำหรับงานประจำวันของฉันดังนั้นจึงเป็นเรื่องสำคัญ
pnpm build # build the packages
pnpm play # start playground ขึ้นอยู่กับ React V18 ล่าสุด
ขึ้นอยู่กับ Svelte V4 (อาจเข้ากันได้กับ V3)
<Fragments> <Profiler> <StrictMode> <Suspense> $$props $$restProps $ context="module" {#if} / {:else} / {:else if} {#each} {#await} {#key} {@html} {@debug} {@const} on:eventname bind:property <select> ค่า bind:group bind:this class:name (หลายคลาสยังไม่รองรับ) style:property (รูปแบบ mulple, modifier ไม่สนับสนุนใช่) use:action transition:fn in:fn/out:fn animate:fn on:eventname --style-props bind:property bind:this <slot> <slot name="name"> $$slots <slot key={value}> <svelte:self> <svelte:component> <svelte:element> <svelte:window> <svelte:document> <svelte:body> <svelte:head> <svelte:options> <svelte:fragment> onMount (ยังไม่สนับสนุน return unmount fn) beforeUpdate afterUpdate onDestroy (ไอยังไม่รองรับ) tick setContext getContext hasContext getAllContext createEventDispatcher นี่คือแผนงานสำหรับการรวมไอ ปัจจุบันเรากำลังมุ่งเน้นไปที่โครงการงานประจำวันดังนั้นแผนงานรวมถึง Svelte-Vapor เท่านั้น หากจำเป็นเราจะดำเนินการต่อไปกับไอวายเรย์ต่อไป แต่เราหวังว่าจะพัฒนาผ่านการมีส่วนร่วมของชุมชน
แผนงานนี้ขึ้นอยู่กับโครงการไอเพื่อให้เหตุการณ์สำคัญอาจเปลี่ยนแปลง
โครงการนี้สนับสนุนโดย:
และได้รับแรงบันดาลใจจาก:
ขอบคุณ!
มิกซ์