Git Product home page Git Product logo

chadpaulson / react-isomorphic-video-game-search Goto Github PK

View Code? Open in Web Editor NEW
254.0 11.0 21.0 327 KB

An Isomorphic application demo powered by React, reflux, react-router-component, express, superagent and the Giant Bomb API.

Home Page: http://react-isomorphic-video-game-search.warppi.pe/

JavaScript 74.61% CSS 25.32% Shell 0.07%
react reflux javascript isomorphic progressive-web-app universal universal-react-tutorial

react-isomorphic-video-game-search's Introduction

An Isomorphic application demo powered by React, reflux, react-router-component, express, superagent and the Giant Bomb API.

screenshot

Features

Feedback and contributions are welcome!

Install

sudo npm install gulp browserify react-tools -g
npm install

Build & Run

  • ./runserver.sh - builds from scratch into the /react/build directory and runs the server. The app should now be available at http://localhost:4000.

Motivation

An excuse to share my research and get feedback as I prepare to launch a large React-powered app.

react-isomorphic-video-game-search's People

Contributors

chadpaulson avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-isomorphic-video-game-search's Issues

Error: Future resolved more than once

Hi, there is a problem with reflux.
When i open a details page (e.g. Mario Bros.)
in console shows [Error: Future resolved more than once]. If i reload page then shows two messages, then three and so on.
There is a place with bug.
Any ideas how to fix it?

Sorry for my bad english.

Page doesn't have an option to scroll up with route change

Hey, I've looked through all the docs on how to change scroll behavior with react-router-component and I haven't found anything related to it. The default behavior for this project is that it keeps the scroll position, but I would like it to scroll to the top with every route change.

Thanks

Bug related to scroll position

I posted an issue here last week and I found out all of that is being caused by a really annoying bug where each time window scroll would behave differently. You can simulate the bug if do these steps:
-Make sure you reduce a lot of the window width so it has enough content for the overflow to show up.

  • Search for mario (e.g) because it has a lot of results so you can notice the scroll not behaving properly
  • click on dr. mario (so you have to scroll to get to it)
  • check how the window keeps the scroll position
  • now go back
  • and the re-click on dr. mario
  • now the window would scroll up by default
  • if you click back again you would have to re scroll to find dr. mario.

Let me know if you can't reproduce it. If you can't, I'll make a video on it.

Thanks!

react-async peer-dependency issue while installing

I was able to install the global packages but when running npm install I'm getting the following error:

[antti@a1 react-isomorphic-video-game-search]$ npm install
npm ERR! Linux 3.18.11-1-MANJARO
npm ERR! argv "node" "/usr/bin/npm" "install"
npm ERR! node v0.10.35
npm ERR! npm  v2.5.0
npm ERR! code EPEERINVALID

npm ERR! peerinvalid The package react-async does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer [email protected] wants react-async@~2.0.0

I also tried to install older react-tools ([email protected]) and I tried on both nodejs 0.10.35 and nodejs 0.12.2

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.