ignlopezsanchez/training-labs-react

JavaScript

Module 3 | React

Week 1 | Tuesday 13th February and Thursday 15th February

Retrospective: http://learn.ironhack.com/#/learning_unit/2481
React | Hello React
- Beginning of Hello Angular
- Doc | Beginning of React Tutorial
Mob Programming | Build a Binary Guess Game
React | JSX and elements
React | Components and Props
- Doc | Components and Props
DE | Bulma Components

Week 2 | Tuesday 20th February and Thursday 22nd February

React | State and Lifecycle
- Doc | State and Lifecycle
React | Handling Events & Conditional Rendering
- Doc | Handling Events
- Doc | Conditional Rendering
PP | lab-react-ironcontacts
Optional Exercise | lab-react-pizza-builder
React | Lists and Keys
- Doc | Lists and Keys
React | Forms
- Doc | Forms
DE | lab-react-data-binding

Week 2 | Saturday 24th February

React | Lifting State Up
- Doc | Lifting State Up
React | Organize your code
- Doc | Composition vs Inheritance
- Doc | Thinking In React
PP | Reproduce Thinking in React
Optional Advanced Exercise | Try to reproduce Pokedex.org with pokeapi.co and axios

Week 3 | Tuesday 27th February and Thursday 1st March

React Router | Introduction to Routing
- A Simple React Router v4 Tutorial
- Doc | Basic Components
React Router | Advanced Routing
DE | lab-react-wikicountries
React | HTTP with Axios
- Using Axios with React
- Axios documentation

Week 3 | Saturday 3rd March

Express | Build a REST API
- REST API Express
React & Express | Backend / Frontend integration
- React & Express | Frontend Backend Integration
React & Express | Code Along
React & Express | Authentication
- Authentication with JWT

Week 4 | Tuesday 6th March and Thursday 8th March

MERN Boilerplate
React & Express | File Upload
React & Express | Route Guards
React & Express | Deployment
IronCountries | Project Introduction
IronCountries | Backend Architecture
IronCountries | React Architecture

Week 4 | Saturday 10th March

Project #3: MERN Application

Other resources to read

Exercises solutions