Code 501: Build Web Apps with React & Redux
Sales Ended
Code 501: Build Web Apps with React & Redux

Code 501: Build Web Apps with React & Redux

Event Information

Share this event

Date and Time

Location

Location

Code Fellows

2901 3rd Ave

#300

Seattle, WA 98121

View Map

Friends Who Are Going
Event description

Description

Limited Spots Available!

Web Application Development with React & Redux

React and Redux's popularity among JavaScript developers is quickly growing. Created by the minds at Facebook, React has earned the industry's respect and a positive reputation in an endless world of front-end frameworks. If you’re starting a project from scratch in JavaScript, you should consider using React.

In this class, JavaScript developers will study the React framework, learning how to build a front-end project from scratch using React and Redux.

You Will:

  • Emerge with a thorough knowledge of the React ecosystem, including JSX for templating, Redux for state management, React-Router for front-end routing, Enzyme for testing, and Gatsby for static site generation.
  • Be able to scaffold, design, build, and test several different styles of front-end websites.
  • Enhance their skills with Lodash and functional programming styles.
  • Implement a single-page application where data is retrieved from RESTful API services.
  • Generate a static website from collections of files.

See the Course Page »

Schedule

- Sunday, Dec. 4, 9 a.m. - 5 p.m.
- Monday, Dec. 5, 6:30 - 9:30 p.m.
- Wednesday, Dec. 7, 6:30 - 9:30 p.m.
- Thursday, Dec. 8, 6:30 - 9:30 p.m.

- Sunday, Dec. 11, 9 a.m. - 5 p.m.
- Monday, Dec. 12, 6:30 - 9:30 p.m.
- Wednesday, Dec. 14, 6:30 - 9:30 p.m.
- Thursday, Dec. 15, 6:30 - 9:30 p.m.

- Sunday, Dec. 18, 9 a.m. - 5 p.m.

Topics

Lesson 1

  • Context: Why React matters
  • The component model
  • Passing props and the component model
  • Components as pure functions
  • Components as ES6 classes
  • The React/Webpack build process

Lesson 2

  • Passing data between components
  • Bound functions and callbacks
  • Component lifecycle hooks (getInitialState, componentWillMount, etc.)
  • Asynchronous actions (e.g. AJAX)
  • Forms in React (controlled vs. uncontrolled)
  • Client-side routing with React-Router

Lesson 3

  • Brief functional programming review
  • Introduction to Redux for state management
  • Dividing components into “smart” and “presentational”
  • Asynchronous actions with Redux
  • Middleware for API calls

Lesson 4

  • Scaffolding a testing framework with Enzyme
  • Mocking
  • Testing pure Redux functions
  • Static website generation with Gatsby
  • Stateless component architecture

Lesson 5

  • Extending the React ecosystem
  • React-Bootstrap
  • CSS modules
  • GraphQL
  • Course wrap-up

See the Course Page »

About the Instructor

Emily Kapor-Mater is a professional full-stack software developer, with a mission to create useful, meaningful, and socially positive experiences through software. An alumna of Code Fellows’ full-stack JavaScript program, she has worked in the Node.js and React/Redux ecosystem across various industries.

Share with friends

Date and Time

Location

Code Fellows

2901 3rd Ave

#300

Seattle, WA 98121

View Map

Save This Event

Event Saved