Currency Conversion Calculator File Overview

Share this video with your friends

Send Tweet

In this lesson I walk through each file in the application to demonstrate how it's all setup.

This app uses create-react-app and there is organized in a fairly common way.

We have a components/ folders for our React components and all of the redux logic including actions and reducers live inside of a store/ folder.

Each component in our application has one or both of mapStateToProps and mapToDispatchToProps as well as both a react class component and redux connected component which we call a "container" component.

We also cover how we get our exchange rate data using fetch and exchangeratesapi.io.

Note: This lesson is definitely optional if you're already confident in how a redux app is setup.