How to use the reactxp.Types function in reactxp

To help you get started, we’ve selected a few reactxp examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github microsoft / reactxp / extensions / webview / src / web / WebView.tsx View on Github external
private _installMessageListener() {
        // Don't install global message listener twice.
        if (!WebView._messageListenerInstalled) {
            // Set up the global event.
            WebView._onMessageReceived = new RX.Types.SubscribableEvent<
                (e: WebViewMessageEventInternal) => void>(true);

            window.addEventListener('message', (e: MessageEvent) => {
                const event: WebViewMessageEventInternal = {
                    data: e.data,
                    origin: e.origin,
                    nativeEvent: e,
                    bubbles: e.bubbles,
                    cancelable: e.cancelable,
                    defaultPrevented: e.defaultPrevented,
                    __propagationStopped: false,
                    stopPropagation: () => {
                        e.stopPropagation();
                        event.__propagationStopped = true;
                    },
                    preventDefault: () => {
github microsoft / reactxp / samples / TodoList / src / ts / controls / SimpleDialog.tsx View on Github external
render() {
        // Title Text
        let optionalTitleText: JSX.Element | undefined;
        if (this.props.title) {
            optionalTitleText = (
                
                    
                        { this.props.title }
                    
                
            );
        }

        // Content (children)
        let optionalContent: RX.Types.ReactNode | undefined;
        if (this.props.children) {
            optionalContent = this.props.children;
        } else if (this.props.text) {
            optionalContent = (
github microsoft / reactxp / samples / TodoList / src / ts / controls / SimpleDialog.tsx View on Github external
render() {
        // Title Text
        let optionalTitleText: JSX.Element | undefined;
        if (this.props.title) {
            optionalTitleText = (
                
                    
                        { this.props.title }
                    
                
            );
        }

        // Content (children)
        let optionalContent: RX.Types.ReactNode | undefined;
        if (this.props.children) {
            optionalContent = this.props.children;
        } else if (this.props.text) {
            optionalContent = (
                
                    { this.props.text }
github react-native-training / create-xp-app / src / dist / App.js View on Github external
App.prototype.componentDidMount = function () {
        this._navigator.immediatelyResetRouteStack([{
                routeId: NavigationRouteId.MainPanel,
                sceneConfigType: RX.Types.NavigatorSceneConfigType.Fade
            }]);
    };
    App.prototype.render = function () {

reactxp

Cross-platform abstraction layer for writing React-based applications a single time that work identically across web, React Native, and Electron distribution

MIT
Latest version published 5 years ago

Package Health Score

59 / 100
Full package analysis