react-flicker-photos

React component for viewing photos list of Flicker user

Install

npm install --save react-flicker-photos

Usage

import React, { Component } from 'react'
import ReactFlickerPhotos from 'react-flicker-photos'

class Example extends Component {
  render () {
    return (
      <ReactFlickerPhotos 
        UserID={UserId}
        ClickCallback={ClickCallback}
        ImagesPerPage={ImagesPerPage} />
    )
  }
}

Required inputs

Input | Type | Description | -----------------------:|:--------:|:----------------------------------------------:| UserID | String | Flicker user id | ClickCallback | Function | A function to be called when photo is clicked | ImagesPerPage | Number | Number of images to be loaded at same time |

Callback Function

The passed callback function is called when a photo is clicked. It got one argument, an object of two properties in the below table:

property | Type | Description | -----------------------:|:--------:|:----------------------------------------------:| src | String | Photo original size source url | title | String | Photo title |

Todo

• Handling Errors
• Increase unit testing coverage
• Get the API key as an input
• Improve infinite scrolling behavior
• Improve UI

License

(MIT) © AbdallahZac