Tracking Reactification

[arialaurel]

Primary motivation for switching this to React is that turning the client-side into a SPA is an easy way to stop us from spamming sockets and event listeners on our server-side, which we currently do every time someone navigates to a new page. It will also allow us to keep accelerometer history when the user navigates away from that page.

Here I'm tracking work that needs to be done for this milestone:

Components

• Nav
• Connect
  • Basic Skeleton
  • Wire up connection logic
• Move
  • Basic Skeleton
  • Get graphs working in react
  • Wire up socket events
• Color
  • Basic Skeleton
  • Get color picker working in react
  • Wire up socket events
• Presets
  • Basic Skeleton
  • Wire up socket events
• About

Misc

• Install deps and add build process to gulp
• Serve new build files instead of jade templates
• Fix broken gulp watch task
• Consolidate statically served files into one place?
• Fix tests

Stretch

• Add React testing
• Add server side React rendering

I like it! I'm going to be looking through the React courses @jessethach sent me, so this would be a fun thing to tackle after the hackathon.

Were you wanting to make this a solo venture or looking for help on tasks?

[arialaurel]

I'm game for any help people want to lend! I'm doing it in a reactify branch on the main repo so that anyone on the team can take a look or contribute 😄

[xxnatc]

I'm in! But I do need some time to catch up on the react magic after the hackathon.

[sabbyt]

Me too! I've been meaning to add a games section too! 😃
Sent from my iPhone

On Apr 14, 2016, at 21:52, Natalie Chow notifications@github.com wrote:

I'm in! But I do need some time to catch up on the react magic after the hackathon.

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub

[jessethach]

I have some ideas. I can send some PRs for review soon.

[jessethach]

@ltegman we can probably turn the switch statement from the gamepad.js file into action types in Redux.

[arialaurel]

@jessethach Would that be so we could store the button state in redux and use that to highlight the currently pressed button?

[jessethach]

@ltegman Definitely – same could be done with the motion-socket file.

[arialaurel]

I've fixed the tests by removing the no longer used (and therefore broken) router tests. Some tests fail when run in gulp because it runs so much slower, so that may be something to look into, but it's not high on my priority list.

[xxnatc]

Did someone say React?

[arialaurel]

I'm most of the way done with porting the basic skeletons of the pages. Still will need to wire up the actions and handle stuff like graphs and the color picker in react

Thinking about switching to this for color picking: http://casesandberg.github.io/react-color/

Thinking about using this for wiring up all our UI actions that use sockets: https://www.npmjs.com/package/redux-socket.io