google-map-react-examples

Examples for google-map-react component.

2 years after

google-map-react examples

This project is isomorphic Flummox redux app with google-map-react control examples.

It also uses non-standard approach for routing.
Other docs.


Install

I highly recommend to use docker for development.

For non docker users

  • Install

    npm install  
  • Run developer build with hot reload

    #console 1
    npm run hot-dev-server
    #console 2
    npm run start

    run browser and type http://localhost:3000/map/main

  • Run production build (isomorphic)

    #console 1
    NODE_ENV=production npm run build
    NODE_ENV=production npm run start

    run browser and type http://localhost:3000/map/main

  • Environment variables you can set

    NODE_ENV default undefined (for production version must be set NODE_ENV='production')
    EXT_IP default 0.0.0.0 (if you need hot reload work on your subnetwork set as your local network ip)
    HOT_RELOAD_PORT default 3081 (any port for hotreload to work)
    SERVER_PATH default empty string ''
    USE_PRERENDER default equal to true if NODE_ENV === 'production'

For docker users:

  • Install

    ./docker/base_image/build.sh
    ./docker/react_image/build.sh
    #and add bash_profile aliases from ./docker/bash_profile
    cat ./docker/bash_profile >> ~/.bash_profile
    source ~/.bash_profile
  • Run developer build with hot reload

    ./docker_run

    run browser and type http://localhost:3080/map/main

  • Run production build (isomorphic)

    ./docker_run.sh --production

    run browser and type http://localhost:3080/map/main

  • Enter container to view or to test anything (be sure bash_profile aliases from ./docker/bash_profile installed)

    #be sure bash_profile aliases from ./docker/bash_profile installed
    denter gmr
    tmux att

For Docker OSX users:

  • install watchman

    brew install watchman
  • fix watchman add this to ~/Library/LaunchAgents/com.github.facebook.watchman.plist

    <key>EnvironmentVariables</key>
    <dict>
      <key>PATH</key>
      <string>/Users/ice/v-1/install/google-sdk/google-cloud-sdk/bin:/usr/local/opt/coreutils/libexec/gnubin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/CrossPack-AVR/bin:/usr/local/go/bin:/Users/ice/v-1/checker-276:/home/ice/web_projects/amazon_ec2/ec2-api-tools-1.6.13.0/bin</string>
    </dict>
    launchctl unload -w ~/Library/LaunchAgents/com.github.facebook.watchman.plist
    launchctl load -w ~/Library/LaunchAgents/com.github.facebook.watchman.plist
  • install boot2docker with nfs support (vboxfs is really-really slow)

gh-pages generation

./docker_run.sh --serverpath '/google-map-react' --production
denter gmr
tmux att
./scripts/gh-pages-generator.sh

License

MIT (http://www.opensource.org/licenses/mit-license.php)

Related Repositories

awesome-react

awesome-react

A collection of awesome things regarding React ecosystem. ...

react-primer-draft

react-primer-draft

A primer for building web applications with React. ...

google-map-react

google-map-react

universal google map react component, allows render react components on the goog ...

robe-react-ui

robe-react-ui

Robe React UI Components ...

awesome-react-me

awesome-react-me

A collection of awesome things regarding React ecosystem for me. ...


Top Contributors

istarkov DragorWW