https://github.com/ltfschoen/react-fluxible-test

React Fluxible with A-Frame React (WebVR) Boilerplate using ReactUtils and Enzyme Tests
https://github.com/ltfschoen/react-fluxible-test

a-frame babel boilerplate-template demo-app es6 express flux flux-architecture fluxible isomorphic-applications react server-side-rendering virtual-reality webpack webvr

Last synced: 15 days ago
JSON representation

React Fluxible with A-Frame React (WebVR) Boilerplate using ReactUtils and Enzyme Tests

• Host: GitHub
• URL: https://github.com/ltfschoen/react-fluxible-test
• Owner: ltfschoen
• Created: 2016-12-25T05:44:47.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-03-02T06:31:22.000Z (almost 8 years ago)
• Last Synced: 2024-10-19T16:00:41.863Z (2 months ago)
• Topics: a-frame, babel, boilerplate-template, demo-app, es6, express, flux, flux-architecture, fluxible, isomorphic-applications, react, server-side-rendering, virtual-reality, webpack, webvr
• Language: JavaScript
• Homepage:
• Size: 236 KB
• Stars: 4
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# About

Boilerplate Fluxible app (React with server-side rendering) with A-Frame WebVR incorporated. 

# Screenshot

![alt tag](https://raw.githubusercontent.com/ltfschoen/react-fluxible-test/master/screenshot.png)

# Run

* Run Webpack development server and open

```

npm run dev

```

* Wait until terminal log message `Application listening on port 3001` appears

* Open to the following address in your browser http://localhost:3000

```

open http://localhost:3000

```

* Click the VR menu tab (able to scroll)

* Click and hold the 3D object and drag with mouse to move it

* Click the Goggles icon to enter fullscreen WebVR mode and insert into Google Cardboard or similar equivalent

# Test

* Run tests

```

npm run test:watch

```

# Debug

* Update webpack.config.js with `devtool: 'source-map'` for browser debugging with breakpoints

# TODO

* [X] Add A-Frame WebVR tab with ability to scroll

* [X] Added ES6 Stage-1

* [ ] PostCSS instead of CSS

* [ ] Fix failing tests

* [ ] Write test to access Plugin state value of 'foo' and try and retrieve from Actions and Stores with 

`context.getActionContext().getFoo()`, `context.getStoreContext().getFoo()`, and/or `context.getComponentContext().getFoo()`

as described [here](http://fluxible.io/api/plugins.html)