@katis/react-pixi

React Pixi renderer

Use React to render Pixi.js 2D graphics.

Example

import * as React from 'react'
import { Application } from 'pixi.js'
import { render, Container, Sprite, Text } from '@katis/react-pixi'

class Player extends React.Component {
    render() {
        return (
            <Container position={this.props.position}>
                <Sprite image="assets/player.png" />
                <Text position={{x: 0, y: -20}}>Player</Text>
            </Container>
        )
    }
}

const application = new Application({ ... })

render(application, <Player/>, document.getElementById('container'))