Skip to content

steenhansen/react-hover-grid-examples

Repository files navigation

#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

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

About

Hovering text gallery component for React that automatically resizes images

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published