Hooks & State Lab

In this lab uses hooks and functional pointers to implement the screen and functionality below. Extend your implementation from the previous lab.

IMPORTANT: Your implementation should only use functional components (NO CLASS COMPONENTS) This is a chance for you to practice using hooks.

ASSUME that the current year is 2019

1.4.1 As a user I see an ‘add event’ button if there are no events scheduled on that day. (5 points)

1.5 Vertical Scrolling Event Section A user might want to be able to view all the events in a month by scrolling up and down in that section. (10 points)

1.5.1 As a user I can vertically scroll through all the days in the month. (10 points) Your solution should not load all of the events at once. It should instead do adaptive loading and load the events only when they are needed. (You will extend this in the firebase lab, to active adaptive loading use a flat-list. See podcast example) You should also handle the cases relating to a variable number of days in each month.

1. 1.6. As a user I can swipe horizontally to view the events in the upcoming months. (10 points). It is OK. to only make the top section of the months move. Check the current date using State.

1.1.7 As a user I can click on the accept invitation button and it gets added in an appropriate section of the day calendar (15 points).

1.1.8 As a user I can click the decline button and the invitation gets removed from the carousel. (15 points)

Complete and Continue