The beauty of React is the splitting of complicated UI’s into little, bite-sized bits. Through lifecycle methods, we can then control what happens when each tiny section of your app renders, updates, thinks about re-rendering, and when it disappears entirely. componentDidMount() This method runs after your component is mounted
You will be creating a Todo list. Use the totally rad todo API created by the legendary Bob. Here are the docs for it. For the requirements below, you'll be building a frontend site that pulls your list of todos down from the API to display them, and allows the
Axios is a JavaScript library that helps us make AJAX calls to APIs. We will being using to make requests for data in the form of JSON. There are a few acronyms in those two statements that should be understood before getting too deep in how to use Axios. If
For this post, you should have an understanding of events in JavaScript. You should also be somewhat familiar with Chrome Developer Tools. We will be using it to explore the event object. We will be going over the event object, and the sometimes subtle differences different events have. Event Handler
We will use the given array helpers to transform the given for loops away from being for loops. Here is some data you can use, feel free to add more car objects to it: const cars = [ { make: "ford", model: "E150", year: 2000 }, { make: "chevy", model: "malibu", year: 2017 }, { make: "chevy"