React & Redux

Notes on React and Redux.

What is React?

• JavaScript library created by Facebook
• Also used by Netflix & Instagram
• We use React to create JavaScript-driven dynamic web applications
• Can be compared to other libraries such as Angular & Vue

What is Redux?

• A layer on-top of React
• Helps with state management of the web app - (1) data in the app (2) UI state of the app (eg. if something is open or closed)

React Basics

• Components
• Events
• Templates
• Props & Form

React Router

• Routes
• Route Parameters
• Redirects

Redux

• Stores - what are they and how we can interact with action and reducers
• Actions
• Reducers

Mini-Project Examples

• Task List
• Micro Blog
• News Site