3.0.0-beta.13 • Published 2 years ago
react-paper-bindings v3.0.0-beta.13
Paper.js bindings for React Fiber
Demo
http://react-paper.github.io/react-paper-bindings/
Similar projects
Example with Create React App
Install create-react-app
npx create-react-app my-app
cd my-app
Install react-paper-bindings
npm install paper react-reconciler react-paper-bindings
Edit src/App.js
and paste:
import React, { useCallback, useState } from 'react';
import { Canvas, View, Layer, Rectangle } from 'react-paper-bindings';
function App() {
const [color, setColor] = useState('red');
const toggleColor = useCallback(() => {
setColor(color === 'red' ? 'blue' : 'red');
}, [color]);
return (
<Canvas width={400} height={300}>
<View>
<Layer>
<Rectangle
center={[100, 100]}
fillColor={color}
size={[50, 50]}
onClick={toggleColor}
/>
</Layer>
</View>
</Canvas>
);
}
export default App;
Run app
npm run start
Development
cd react-paper-bindings
npm install
npm run watch
Build
npm run build
Test
npm run test
Demo
cd demo
npm run dev
3.0.0-beta.9
2 years ago
3.0.0-beta.11
2 years ago
3.0.0-beta.12
2 years ago
3.0.0-beta.13
2 years ago
3.0.0-beta.1
2 years ago
3.0.0-beta.4
2 years ago
3.0.0-beta.7
2 years ago
3.0.0-beta.6
2 years ago
3.0.0-beta.8
2 years ago
2.0.0
6 years ago
1.1.1
6 years ago
1.1.0
6 years ago
1.0.3
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago
1.0.0
6 years ago