https://github.com/revolunet/react-meetup-meetups
Fetch list of meetup.com meetups using their API and a ReactJS render prop.
https://github.com/revolunet/react-meetup-meetups
meetup meetups react-component reactjs
Last synced: 7 months ago
JSON representation
Fetch list of meetup.com meetups using their API and a ReactJS render prop.
- Host: GitHub
- URL: https://github.com/revolunet/react-meetup-meetups
- Owner: revolunet
- Created: 2017-09-26T16:19:10.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2017-09-29T22:36:19.000Z (about 8 years ago)
- Last Synced: 2025-03-06T04:33:43.415Z (7 months ago)
- Topics: meetup, meetups, react-component, reactjs
- Language: JavaScript
- Homepage: https://revolunet.github.io/react-meetup-meetups
- Size: 575 KB
- Stars: 3
- Watchers: 3
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-meetup-meetups
[![npm package][npm-badge]][npm]
Fetch list of [meetup.com](https://meetup.com) meetups using [their API](https://www.meetup.com/fr-FR/meetup_api/) and a ReactJS [render prop](https://cdb.reacttraining.com/use-a-render-prop-50de598f11ce?gi=53dd8375958b).
You'll need a [meetup.com API Key](https://secure.meetup.com/fr-FR/meetup_api/key/) and the ID of the meetup(s) you want to fetch.
## Usage
```js
import Meetups from "react-meetup-meetups"
const meetupsIds = [ 9114182, 2753202, 10685042 ];
const apiKey = "xxxxxx";
const fmtTime = time => new Date(time).toISOString();
const App = () => (
Next meetups:
results.map(({time, name}) => {fmtTime(time)} : {name} )}
loading={() => Loading...}
/>
);
```
See [full example](./demo) and [demo](https://revolunet.github.io/react-meetup-meetups)
Also, the codesandbox live usage example : [https://codesandbox.io/s/24p6v31vkj](https://codesandbox.io/s/24p6v31vkj)
[npm-badge]: https://img.shields.io/npm/v/react-meetup-meetups.png?style=flat-square
[npm]: https://www.npmjs.org/package/react-meetup-meetups