#React Hover Grid Component Examples

Live Example

https://react-hover-grid.onrender.com

Install

$ npm install

$ npm install --global gulp-cli

Compile jsx

$ npx gulp jsx

Bundle

$ npx webpack-cli

Start web server

$ node start-webserver 5001

Local url

http://localhost:5001

To remake images

Use package-local-dev.json for below image building:

$ npx gulp circles

$ npx gulp uris

$ npx gulp tiles

Free hosting on render.com or Heroku

Use package-onrender.json

Web Service
Environment
Key	LOGDNA_KEY
Value	Abcdefghijklmnopqrstuvwxyz012345
Key	NPM_CONFIG_PRODUCTION
Value	true
Settings
Build Command	$ npm install
Start Command	$ node start-webserver 80

Amazon Lambda

$ node lambda-hover.js

Creates a single file with all HTML/JavaScript/CSS

https://steens-bucket.s3.us-east-2.amazonaws.com/lambda-hover.html