React integration

jonathan.eckman · December 19, 2017, 11:04pm

I agree it would be nice to have an example showing off how flexible Aurelia can be.

I once gave a day to experimenting with an Aurelia version of the Office UI Fabric library. In it, I simply rendered Office UI Fabric React components within an Aurelia component. It worked great but I didnt go much further than the most basic example. You can see it here:

github.com

jonathaneckman/aurelia-office-ui-fabric-demo/blob/master/AureliaOfficeUIFabricDemo/src/button/button.ts

import { customElement, autoinject, bindable, noView, bindingMode } from 'aurelia-framework';
import * as React from 'react';
import * as ReactDOM from 'react-dom';

@noView()
@autoinject()
@customElement('au-ms-button')
export class ReactElement {

    @bindable({ defaultBindingMode: bindingMode.oneWay }) data = {
        text: 'Hello World!'
    };
    reactComponent = {};
    element: Element;

    constructor(element: Element) {
        this.element = element;
    }

    render() {

This file has been truncated. show original

Topic		Replies	Views
From Aurelia to React and back Framework Knowledge	1	785	October 11, 2018
Aurelia webcomponents	16	3343	January 11, 2019
Calling methods on a react component Help Requests	0	557	September 4, 2018
Webcomponents in Aurelia Help Requests	4	1969	November 14, 2017
Using Aurelia Store with React Framework Knowledge	2	877	December 8, 2019

React integration

Related topics