Giter Site home page Giter Site logo

tonyhokan / google-map-react-examples Goto Github PK

View Code? Open in Web Editor NEW

This project forked from google-map-react/old-examples

0.0 2.0 0.0 1.31 MB

Examples for google-map-react component.

Home Page: http://istarkov.github.io/google-map-react/map/main/

JavaScript 90.16% Shell 2.98% CSS 4.08% HTML 2.78%

google-map-react-examples's Introduction

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)

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.