https://github.com/VinSpee/react-gcal-events-list

A Reusable react component that pulls events from your google calendar.
https://github.com/VinSpee/react-gcal-events-list

calendar google-calendar react

Last synced: 19 days ago
JSON representation

A Reusable react component that pulls events from your google calendar.

• Host: GitHub
• URL: https://github.com/VinSpee/react-gcal-events-list
• Owner: VinSpee
• License: mit
• Created: 2014-06-12T21:42:35.000Z (almost 11 years ago)
• Default Branch: master
• Last Pushed: 2019-02-26T08:16:08.000Z (about 6 years ago)
• Last Synced: 2024-04-14T19:02:36.555Z (about 1 year ago)
• Topics: calendar, google-calendar, react
• Language: JavaScript
• Homepage:
• Size: 590 KB
• Stars: 20
• Watchers: 3
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-render-props - react-google-calendar-events-list
• awesome-react-render-props - react-google-calendar-events-list

README

        
# React Google Calendar Events List

## Setting it up w/ your calendar

Pass the prop `apiKey` to your [Google API

Key](https://console.developers.google.com/project), then set the prop

`calendarId` to your desired calendar's ID (find this from calendar.google.com

-> my calendars -> settings -> the calendar you want to map -> Calendar Address

-> Calendar ID).

## Example

https://codesandbox.io/s/xrwl1mk31z

```jsx

import React from 'react';

import { render } from 'react-dom';

import Calendar from 'react-google-calendar-events-list';

render(

  

    


      
Function as children

      

        {({ loading, events }) =>

          loading ? 
loading
 : 
{JSON.stringify(events)}

        }

      

    

    


      
Default output

      

    

  ,

  document.getElementById('root'),

);

```