This code example shows me using React's Context API to trigger a modal on another component when clicking a Check Out Button. In this example, the Check Out Button is inside a Page Container, triggering a Modal nested inside the Header Container.
This code example also shows the use of Apollo GraphQL, Styled Components, and other libraries used in order to achieve the product and business objective.
This code can be see running live on this page: https://buy.orderutan.com/product?p=hq4A527LVpphTqWqwRfv4n
This code example shows me using the React Native's Animated API as well as the PanResponder API to automatically shrink the header when scrolling down, and growing in size again when scrolling to the top. I've also put in a carousel in the header to show a full image.
An example of this code live can be seen in this app: https://play.google.com/store/apps/details?id=my.tourplus.tourguide https://itunes.apple.com/my/app/tourplus-for-tour-guide/id1381252392?mt=8