react-goodreads is a React-component for Goodreads read shelf.
npm install --save react-goodreads
Grab your Goodreads developer's key from here .
Component support responsive design with pure css.
https://cors-anywhere.herokuapp.com/ used for cors (Goodread does not support cors yet.) (year 2018?)
import React, { Component } from 'react';
import GoodReads from 'react-goodreads';
class App extends Component {
render() {
return (
<div className="App">
<header className="App-header">
<GoodReads apikey="yourApiKey"/>
</header>
</div>
);
}
}
export default App;
Props | Default | isRequired |
---|---|---|
apikey | null | Y |
caption | 'My Goodreads Read Shelf' | N |
bookCoverTitle | 'Book Cover' | N |
bookNameTitle | 'Book Name' | N |
startAtTitle | 'Started At' | N |
ratingTitle | 'Rating' | N |
locales | 'en-EN' | N |
- Custom styling
MIT@habil.