Search⌘ K

Challenge: Commenting Feature

Explore how to implement a dynamic commenting feature in a React application integrated with Apollo Client and GitHub's GraphQL API. Learn to fetch, render, and paginate comments, toggle visibility, and add new comments with optimistic UI updates. This lesson guides you through building, improving, and extending key components to deepen your understanding of React and GraphQL integration.

We'll cover the following...

This last lesson is for hands-on experience with the application and implementing features yourself. I encourage you to continue implementing features for the application and improving it. There are a couple of guiding points to help you with implementing the Commenting feature. In the end, it should be possible to show a list of paginated comments per issue on demand. Finally, a user should be able to leave a comment. The source code of the implemented feature can be found here.

  • Introduce components for fetching a list of comments ...