romnko/notes

Simple React Notes project

Notes

Phase 1

1. Store a resource as links hardcoded in component render
2. Store a resource in state
3. Store multiple resources in state
4. Break state objects resources into notes
5. Create note component
6. Render note title per component
7. Modify App.js + note.js to accommodate new state structure
8. Display list of resource titles and links per component
9. Programmatically generate child components in App.js
10. Clicking on header of component changes the child element (font, color, etc)
11. Render a controlled input field that can be typed into it.
12. Two input fields: one for title and one for the url.
13. Make typing event handler dynamic (target any piece of state)
14. Make two input fields (one for title, one for url) controlled by a single dynamic handler
15. Make inputs add a new resource to page
16. Render a button in App that returns something via event handler
17. Add a new note with a title and an empty array of resources via button.
18. Refactor "add new note" functionality into a separate component.
19. Delete a note
20. Delete a Resource