Integrating Google Calendar Events with Syncfusion React Scheduler

Overview

In this webinar, we covered the steps to display Google Calendar events in the Syncfusion React Scheduler. We also saw how to use the Google Calendar API to retrieve calendar data and then map it to the Scheduler data format.

Time Stamps

[00:00] Introduction

[0:55] Create a Google API Key

[4:50] Create a React Application

[9:43] Implementing the Scheduler Component

[13:00] Customizing the Scheduler

[21:40] Displaying the Final Scheduler and Final Thoughts

[22:15] Outro

Conclusion

During this webinar, we showed the simple steps to displaying Google Calendar events in the Syncfusion React Scheduler. The Essential Studio^® for React suite has over 80 high-performance, lightweight, modular, and responsive UI components in a single package. If you are not already a Syncfusion customer, check these controls out with a 30-day free trial.

We hope you enjoyed this webinar and please keep an eye out for our future Syncfusion React webinars.

Recommended resources (related links)

• Creating a CRUD-Enabled Scheduling App with Syncfusion React Scheduler, Node.js, and PostgreSQL
• Using React 18 Features in NextJS
• React Succinctly