pixi-react

Fixed

Text component anchor prop is now a PointLike type.

Improved

Add comments to type declaration to support in-code type suggestions.

Fixed

Typings for HOC withPixiApp

Improved

Enable the useTick hook with a second argument:

import { useTick } from '@inlet/react-pixi'

const myComponent = () => {
  const [enableTick, setEnableTick] = useState(true)

  useTick((delta: number) => {
    // raf
  }, enableTick)
}

Fixed

Bug that fire events twice

Improved

Performance fixes, thanks to @EloB

• Applying props
• Helper utilities

Fixed

Add Context types AppContext, AppProvider and AppConsumer to type declaration file.

Now support the latest React stable release v16.8.0 🙌

Fixed

Hook useTick is now state aware!

const Box = () => {
  const [x, setX] = useState(0);

  useTick(() => setX(x + 1))

  return <Box x={x}>
}

Updated

React Reconciler, makes this lib work with React/ReactDOM v16.8.0-alpha.1

Improved

Typescript support for (observable)points, now supports Array-like syntax, example:
<Sprite anchor={[10, 10]}>

Added

• Type def for hooks
• Expose AppContext

Improved

• Update docs

Update to React 16.7. Now with hooks!

useTick and useApp

Update to React v16.6.

Improved

• Use AppProvider and AppConsumer in custom render()
• Forward ref in withPixiApp
• Upgrade modules (including new React Reconciler)

Fixed

• Wallaby config using new format
• Update tests
• Update docs

Migration Guide

This minor release has breaking changes for accessing the PIXI.Application through render prop.

Fix: rename Provider to AppConsumer.

Example:

import { Stage, AppConsumer } from '@inlet/react-pixi'
import MyComponent from './MyComponent'

const App = (
  <Stage>
    <AppConsumer>
      { app => <MyComponent app={app} />}
    </AppConsumer>
  </Stage>
)

Fixed

• Update typescript definition. Support React <Canvas /> attributes on Stage.

<Stage className="stage" />
// renders => <canvas class="stage" />

Fixed

Use refs

import * as React from 'react'
import { Stage, Sprite } from '@inlet/react-pixi'

class App extends React.Component {
  stage = React.createRef()
  sprite = React.createRef()

  render() {
    return (
      <Stage ref={this.stage}>
        <Sprite ref={this.sprite} />
      </Stage>
    )
  }
}

Improved

• Build outputs:
  • umd (browser and node)
  • cjs (node)
  • module (esnext)
• Rewritten type definition:
  • Support interaction events
  • Better overall typing support
  • Add PixiFiber
  • Add additional components
• Update docs
• Update modules

Fixed

• Do not create builds on CI
• Fix linting

Improved

• Make Stage RAF dynamic

Fixed

• Fixed applying default props
• Default cursor is null

Improved

• Update npm modules
• Update Docz
• Update Babel
• Versioned cache for CircleCI
• Update README and docs

Improved

• Use new React Context API
• Upgrade npm modules
• Upgrade React Reconciler (new API)
• Catch errors in Stage

Added

• Stage onUnmount prop