Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
Rive क्लस्टर10 मिनट पढ़ें·ExodeUI टीम द्वारा

स्टेट मशीन यूआई आर्किटेक्चर: Rive वेबअसेंबली से आगे बढ़ना

राज्य मशीन यूआई आर्किटेक्चर का अन्वेषण करें। विज़ुअल स्टेट मशीनें, लेआउट और भौतिकी एक फ़ाइल से React, Vue और मूल ऐप्स में कैसे शिप होती हैं।

प्रत्यक्ष सारांश एवं परिभाषा

कोर टेकअवे

जबकि Rive ने इंटरैक्टिव वेक्टर ग्राफिक्स के लिए दृश्य परिमित राज्य मशीनों का बीड़ा उठाया है, एक अलग WebGL/Skia कैनवास पर इसकी निर्भरता उत्पादन वेब ऐप्स के लिए पहुंच और बंडल आकार की बाधाएं पैदा करती है। आधुनिक स्टेट मशीन यूआई विज़ुअल स्टेट ग्राफ़ को एक फ़ाइल में रखता है जिसे ऐप इनपुट और इवेंट के माध्यम से चलाता है।

क्यों राज्य मशीनों ने मोशन डिज़ाइन को बदल दिया

राज्य मशीनों से पहले, इंटरेक्शन लॉजिक बूलियन वेरिएबल्स (isHovered, isClicked, isExpanded, isError) का एक अराजक वेब था। राज्य मशीनें औपचारिक गणितीय स्पष्टता प्रदान करती हैं: एक घटक ने राज्यों, अलग-अलग बदलावों और नियतात्मक ट्रिगर्स को परिभाषित किया है।

उत्पादन कार्यान्वयन स्निपेट

इंटरएक्टिव घटक कार्यान्वयन
import { ExodeUICanvas } from 'exodeui';

// Springs, states and timing live in the .exode file (designed in the
// editor). Your code passes inputs in and hears events back.
export function CheckoutButton() {
  return (
    <ExodeUICanvas
      src="/checkout.bexode"
      onTrigger={(name) => console.log('ExodeUI event:', name)}
    />
  );
}

संबंधित मार्गदर्शिकाएँ एवं उदाहरण

इंटरैक्टिव UI एक बार डिज़ाइन करें। वही फ़ाइल शिप करें।

ExodeUI में स्टेट, स्प्रिंग फ़िज़िक्स और लॉजिक विज़ुअली बनाएं, और वही फ़ाइल React, SwiftUI, Flutter आदि में चलाएं। मुफ़्त में शुरू करें।

मुफ्त में प्रयास करें