- Getting started
- Sections
- Components
- Current Issues
To open the list app code base, clone down the code base from github, as shown below. NB: Code is public
Link to github: https://github.com/SchoolOfCode/w7d4_react-hackathon-room-36-lilly-luke-andilham
Remember to install npm i dependencies
The below shows the structure of the list app components and their associated functions.
List app
-
Src
-
Standard React JS files where components are called to the DOM (do not need to alter)
-
Components
- App Where useState for list and text that will be contained within the list are stored and called by the relevant components and functions. (Also where all components are called and will placed in render section so they appear in the html in the browser)
- Input (Component rendering user input text field and button)
- List data - where initial empty array is stored that is used as the basis for populating the list data.
- List item - component containing the containing the function that will allow for the each item added to the list to be rendered and also the delete button that will allow for the item to be removed from the list if needed.
-
Public (contains standard React public files and the main index html where the react components will be rendered to)
N/A