Recap

Now you've learned to interact with an API in React! This lesson will provide you a recap to what you have learned so far and will also share how your App.js code looks by now.

Let’s recap the last chapter:

  • React

    • ES6 class component lifecycle methods for different use cases
    • componentDidMount() for API interactions
    • Conditional renderings
    • Synthetic events on forms
    • Error handling
    • Aborting a remote API request

  • ES6 and beyond

    • Template strings to compose strings
    • Spread operator for immutable data structures
    • Computed property names
    • Class fields

  • General

    • Hacker News API interaction
    • Native fetch browser API
    • Client and server-side search
    • Pagination of data
    • Client-side caching
    • Axios as an alternative for the native fetch API

Again, it makes sense to take a break, internalize the lessons and apply them on your own. Experiment with the parameters for the API endpoint to query different results. You can find the source code in the official repository.

Get hands-on with 1200+ tech skills courses.