Lab: React Router & APIs

For today's lab you will be building a stock tracking app. The lab will be broken down into two parts...

1. Build a React app that uses react-router
2. Communicate with 3rd-party and local APIs

NOTE: This app runs on Port 3001. This is configured inside package.json

Part I: React Router

If you want to see what a finished version of Part I might look like...

$ git checkout solution-routing-only
$ npm start

Part II: Adding APIs

If you want to see what a finished version of Part II might look like, first make sure to clone down and run the Rails API. Then...

$ git checkout solution-routing-apis
$ npm start

Resources

• React Router Lesson Plan
• Passing state through <Link>
• <Route render={ ... } /> vs <Route component={ ... } />
• NPM: jQuery