Skip to content

Releases: dideler/react-photo-gallery

Demo - Oct 17

Choose a tag to compare

@dideler dideler released this 17 Oct 15:18
  • Show thumbnails in image gallery
  • Improve user feedback for gallery thumbnails (e.g. highlight on hover, border on selected image)
  • Change selected image on thumbnail click
  • Rotate image on previous and next button clicks

CHANGELOG: demo-2...demo-3

Demo - Oct 10

Choose a tag to compare

@dideler dideler released this 15 Oct 21:26
  • Clicking on a gallery image opens a modal that shows the image enlarged with its caption below

  • Add non-functional next and previous buttons to the gallery

  • Add close functionality to the gallery's modal

CHANGELOG demo-1...demo-2

Demo - Oct 3

Choose a tag to compare

@dideler dideler released this 05 Oct 16:27

Approached the problem by thinking how I want the gallery to be used.

My goal is to support images throughout the content of an article (e.g. blog or news post).

That means images will appear spread throughout content.
Some of them could contain captions or copyright information.
Some of them may be part of a gallery, which you could view by clicking on the image.

The user should not have to keep track of all the images and their metadata separately from the places where the images are used in the content. Instead they insert them via components as needed directly into the JSX. The gallery should keep track of which images belong to it.

This release focused on creating a realistic environment that the gallery would live in.


  • Components are organised into stateless presentational components and stateful logical containers
  • Imports are simplified by specifying the NODE_PATH for tasks in package.json
  • Experimented with two different approaches for the gallery: a container and a high order component
  • Shared state is handled by passing around a store to the gallery for the images

CHANGELOG 04cf2d6...demo-1