Skip to content

Conversation

@TraiLynne
Copy link

No description provided.

Ran `create-react-app` command
Ran `yarn add` command
dependencies:
- axios
- bootstrap
- react-dom
- react-redux
- react-router
- react-router-dom
- react-scripts
- redux
- redux-logger
- redux-thunk
- styled-components
Imported redux, router, and middleware dependencies
defined redux store
Passed store as prop of provider
wrapped app in Router and Provider
Defined Link and Route in App.js
Defined NotesView Class Component
Successfully Renders
Created Notes component
Imported Notes component to NotesView
Successfully renders
- Action Types
- Action Creator
- Reducer
Imported connect
Imported action creator
Map State & Dispatch to Props
Exported Enhanced Component
Passed notes as prop
map through notes and displayed as links to individual note
Map State & Dispatch to Props
Exported Enhanced Component
Defined Link and Route in App.js
Defined NotesView Class Component
Successfully Renders
Created Note component
Imported Note component to NoteView
Successfully renders
- Action Types
- Action Creator
- Reducer
Imported action type
called fetchNote in cDM
defined mapDispatchToProperties
Passed note as prop
displayed note title and textBody
Class component since it is a form
No functionality , just state & inputs
Updated path for New Note form
- Action Types
- Action Creator
- Reducer cases
Connected to Redux
Mapped State and Dspatch to Props
Exported enhanced component
imported axios into NoteFormView
defined handleAdd
redirects to new note on creation
Note successfully updates & returns to note read view
redirets to home page upon completion
- action type
- action creator
passed as prop to NoteView
- reducer
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant