KO
|
EN
gitlite — search
Search
#python
#ios
#javascript
#database
#android
#linux
#docker
#css
#go
#golang
#script
#elasticsearch
react-pixi-boilerplate
★ 30
Open GitHub ↗
No description available.
Download README (.md)
Explore Similar Repositories
js-graphql-language-service
:
A Node.js powered language service that provides a GraphQL language API on top of codemirror-graphql and graphql-js.
quill-dropzone
:
Provides Dropzone.js integration with Quill editor.
zed-save-depth
:
ZED SDK sample to save the depth map as a file
react-native-camera
:
A cordova camera for react-native, supprt for ios and android
react-native-redux-500px
:
A simple react native app for receiving images from 500px
// repository documentation
Was this content helpful?
★ 0
(0 ratings)
Select Rating:
★
★
★
★
★
Submit Feedback
Recent Feedback
×
Download README
Do you want to download the
README.md
file for
react-pixi-boilerplate
?
Download (.md)
React PIXI Boilerplate ===================== This is just [react-transform-boilerplate][rtb] with react-pixi and pixi.js, plus the required webpack config to get assets working and pixi.js loading. For an example side scrolling game built on this boilerplate and reflux see [react-pixi-play][react-pixi-play]. [rtb]: https://github.com/gaearon/react-transform-boilerplate [react-pixi-play]: https://github.com/brigand/react-pixi-play A *new* Webpack boilerplate with: * hot reloading React components; * error handling inside component `render()` function; * error handling for syntax errors (thanks, **[@glenjamin](https://github.com/glenjamin)**!) * react-pixi integration Built with **[babel-plugin-react-transform](https://github.com/gaearon/babel-plugin-react-transform)** and a few custom transforms. **[Does not](https://medium.com/@dan_abramov/the-death-of-react-hot-loader-765fa791d7c4)** use React Hot Loader. [](http://www.reactiflux.com) ## Demo  ``` git clone https://github.com/brigand/react-pixi-boilerplate.git cd react-transform-boilerplate npm install npm start open http://localhost:3000 ``` Then go ahead and edit files inside `src` (any file except `index.js`). ## What’s Inside The component instrumentation is implemented on top of **[babel-plugin-react-transform](https://github.com/gaearon/babel-plugin-react-transform)**: * **[react-transform-hmr](https://github.com/gaearon/react-transform-hmr)** handles hot reloading * **[react-transform-catch-errors](https://github.com/gaearon/react-transform-catch-errors)** catches component errors The syntax errors are displayed in an overlay by **[@glenjamin](https://github.com/glenjamin)**’s **[webpack-hot-middleware](https://github.com/glenjamin/webpack-hot-middleware)** which replaces Webpack Dev Server. ## Troubleshooting ### I can’t serve images / use different HTML file / etc This boilerplate is just a Webpack bundle served by an Express server. It’s not meant to demonstrate every feature of either project. Please consult Webpack and Express docs to learn how to serve images, or bundle them into your JavaScript application. ### I don’t see the syntax error overlay! Make sure your react-app is not attached to `document.body` as the client overlay provided by [webpack-hot-middleware](https://github.com/glenjamin/webpack-hot-middleware) will render into `document.body`. Attaching the React root node to `document.body` requires extra caution, as many third-party packages will append their markup to the body as well. React will replace the entire contents in the body on every re-render. Thus you will not see the additional markup. It’s always better to render your React app in a `#root` DOM element. ```js import React from 'react' import { App } from 'app' React.render(<App />, document.getElementById('root')) ``` ## Discussion You can discuss React Transform and related projects in **#react-transform** channel on [Reactiflux Slack](http://reactiflux.com). ## License CC0 (public domain)
