ReactJS application for small examples of components and patterns
Design: Bootstrap 4
Demo: http://ec2-18-222-30-111.us-east-2.compute.amazonaws.com/
- As users for name when open the whiteboard
- Disable socket when is not in whiteboard page
- Add User vs User mode in Rock, Paper, Scissors
Show how many users are connected in the whiteboardIntegrate React Theme Context.Add clean button for whiteboardAdd Computer vs User mode in Rock, Paper, ScissorsMove ports and server info to settings.jsonConnect whiteboard with sockeck.ioFix cursor trackerFix cursor position in white board
Based in example: https://reactjs.org/docs/render-props.html
This example was base in https://socket.io/demos/whiteboard/
adapted to ReactJS
To be able to use streaming of the board clone and run the server:
https://github.com/daru23/express-socket-io
public/settings.json
{
"server" : "localhost:9090"
}
npm install
npm start
npm test
Have fun!