RSI React Course

In this course we will learn the tools needed to build modern web apps with react.

Some tools:

• reactjs
• create react app
• routing
• styled components
• antd
• lodash
• redux
• redux thunk

Exemplar Project

We will work together to make an exemplar web app that utilizes all the tools we learn. The app will be a resource platform, aggregating various books, videos, and articles about a particular tech topic. It will need to support the following:

• input from the user for the topic they are interested in. This could be in the form of free text, or selecting from a curated list
• integrating and retrieving items from various sources to get the latest/most popular matches based on the provided user search
• displaying that content to the user in a useful way (e.g if video, should be playable)
• user should interact with the results in some other way, perhaps save for later?

Some example sources to integrate with:

• stackoverflow
• youtube
• wiki
• news api
• google books

Timeline:

Class 1

Needed Javascript to do React:

• es6
• classes

Intro to react

• functional component and props
• jsx
• create-react-app
• class based components and state
• forms

Between Class

• Review class materials and work on project
• review react docs main concepts section

Class 2

• component lifecycle methods

Between Class

• review docs on component lifecycle
• work on project

Class 3

• ajax in react
• antd
• lifting state up
• styled components
• react-router

Between Class

• review class materials
• work on project

Class 4

• redux intro

Between Class

• work on project

Class 5

• modifying our existing app with redux and redux thunk