Project Description This is a simple ToDo list built in React.js. It allows adding, deleting and completing of Todo items.
What I Learned
- How to create a new React project
- The structure of a class component
- The structure of a functional component
- Creating styled components
- Using arrow functions to avoid having to use this.bind(this) for methods added to a component.
- "Climbing the Ladder" when using an event handler such as onClick in a child component in order to pass an attribute/property such as id up to the parent component where the actual onClick handler mehthod is defined. This is done so we are changing the state in the actual component where the state is stored.
- Using react-router-dom to create routes and links
- How to wrap components in React.Fragment to allow router to work with multiple Components
- Making HTTP request to a json api.
- Using lifecycle method componentDidMount