The ability to reply to discussions is limited to PRO members. Want to join in the discussion? Click here to subscribe now.

Using React with the FullCalendar jQuery plugin

Using React with the FullCalendar jQuery plugin

2:55
In this lesson, we use React and the FullCalendar.js JQuery plugin to demonstrate how you can use complex JQuery plugins to create dynamic React components.
Watch this lesson now
Avatar
egghead.io

In this lesson, we use React and the FullCalendar.js JQuery plugin to demonstrate how you can use complex JQuery plugins to create dynamic React components.

Avatar
Tim

Good stuff :) It would be nice to see some further videos on 'handling events' (clicks etc... ) coming from jQuery plugins.

In reply to egghead.io
Avatar
Iheanyi

Hmm, not a bad idea. I'm guessing for FullCalendar, you'd probably want a sample of how to handle clicking coming from within like calendar events and all that, and probably hooking into things like addEvent and removeEvent, right?

In reply to Tim
Avatar
Eric

Great article. Since componentDidMount is called only once, how would you change the calendar once rendered? For example, what if the events array needs to come from somewhere in the application (e.g. a Reflux Store or other central spot). Where do you "re-render" the fullCalendar events? Thanks!

Avatar
Iheanyi

Hey there Eric, in terms of re-rendering the component, you'd insert a componentDidUpdate() call into the calendar component. From that, you'd then be able to calendar.fullCalendar('rerenderEvents') (the calendar DOM node). You'd be able to pass the data from a Store in the parent component (connected to the store), if you so choose. Hope this was helpful!

In reply to Eric
Avatar
Tim

Hi Iheanyi

Correct.

(I didn't get a notification of your reply so late response).

In reply to Iheanyi
HEY, QUICK QUESTION!
Joel's Head
Why are we asking?