reactjstampabay/rehacked-spa-basics-wwc

The React source for the talk on October 11, 2016 for Women Who Code Tampa

ReHacked (October 11, 2016): SPA Basics @ Women Who Code Tampa

By ReactJS Tampa Bay

Welcome to ReHacked: SPA Basics @ Women Who Code Tampa! In this lab we will go through the basics of a standard React application with help from create-react-app (CRA)

This master branch represents a finished solution set.

By the end of this lab, you will have:

• Scaffolded your app using create-react-app
• Understood how CRA treats assets, JavaScript files, and the build process
• Understand how React maintains state and its event lifecycle
• Communicated with a Web API using fetch
• Implemented client-side routing with react-router
• Structured a React app for team maintainability
• Deployed a React app to Firebase Hosting

This master branch represents a completed solution set for the lab. We have separated the lab into logical "breakpoints" by use of branches. Please see below to get started.

Dependencies and Suggested Tools

Build Tools

• Node Version Manager

JavaScript

• Atom, WebStorm, or IntelliJ
  • terminal-plus for Atom

ReHacked

We have broken up this lab into stepped branches with their own README.md's that describe what to accomplish.

Please follow the branches in the order listed below

Start Here

• Step 1: Scaffold a create-react-app and Understand the Build Process
• Step 2: Understand React State, Lifecycle, and Web API Communication
• Step 3: Implement Client-side Routing and Break Up Functionality to Routes
• Step 4: Thinking About Folder Structure and Deploying to Firebase Hosting