A pair programming project done in week 6 of the School of Code bootcamp. It was the first project I made using React.js components and state.
https://react-lists.netlify.app/
- App
- Input
- text input
- add to list button
- List
- List Item
- item text
- delete button
- List Item
- item text
- delete button
- List Item
- item text
- delete button
- List Item
- item text
- delete button ...
- List Item
- Input
state
- list of to dos
behaviour
- add item to list
- remove item from list
- render an Input and List
state
- text
props
- add function
behaviour
- render an input field and a button
- change of input text will update state of this component
- button click will call the add function from props with value of input
props
- array of to dos
- delete function
behaviour
- render an array of ListItems in a
ul
props
- text
- delete function
behaviour
- render the text and a button
- when the button is clicked call the delete function to delete item at this index