My First React Redux Project at Flatiron

It is all about the 90s! I have been listening to the 90s playlist on replay all week. So I could not resist myself. My project is a collection of 90s throwbacks. Any music, toys, tv shows, fashion, and everything else that reminds you of the 90s feel free to add. React was used as the client side and Rails API for the backend.

Redux is a library to maintain the state of an application. A reducer takes in the state of the application with a new action to then create a brand new state. We need reducers to update our database and reflect it on or application of any changes we have made.

Components are stateless or stateful. The components that are stateful are the ones to keep track of the alterations in data. In my project I used a stateful component for the form for the user to add data to the database. I then used stateless component to display the updated data. A stateless component is also used when I added a footer, a home page, and music page. These are a few examples of the stateless components used in my project.

Actions are events based on user input and the database. If a user wants to see the list of items created, then we will need to dispatch an action to obtain the list from the database. We will need a different action to create an item with user input. I also used thunk that wrapped around the actions to make them asynchronous.

I hope you enjoyed the quick rundown on a few elements of my project!