An interactive app that will let users create “sticky notes” on their computer to keep track of to-do items.
Users should be able to:
- Create new sticky notes
- Edit notes
- Delete notes
- Search notes
- Use localStorage to keep track of notes
- Live Site URL: Sticky Note App
- React
- How to break the UI into components as I build the component tree (the hierarchy of all the React components working together to render a user interface)
- Identify and name presentational components
- Identify and name container components
Data flow is how your UI handles data, including where state data is managed and how references to that data are passed as props down the component tree. Carefully planning how your data flows between your different components will ensure your UI runs quickly and without any bugs.
To get data flowing through your UI, follow these steps:
- Determine what will change in the UI
- Choose a data model to represent dynamic content
- Assign data management to components
- Swap in state and props variables to replace static values
I plan to continue learning more about React. Right now, I am going back over the basics of JavaScript and testing my knowledge by building challenges from Frontend Mentor with Vanilla JavaScript. After I complete those projects, I plan to rebuild them again in React as full stack applications.
- Website - Kelsie Brown
- LinkedIn - Profile
- Skillcrush - Online Bootcamp