Web Development with React and Redux

Web Mobile JavaScript

Want to build performant maintainable web and mobile applications using modern JavaScript?

This course teaches you how to utilize the popular React/Redux stack and other useful tools to build web applications, focusing on how to approach problems in a functional and declarative style.

React introduces a new way of thinking when it comes to building user interfaces in JavaScript. With its declarative style it challenges established best practices. Together with Redux as the application state container you can start to leverage some of the powers of functional programming without any former experience in the field.

This course has a mix of about 50/50 theory and practice. We'll solve a lot of exercises, and also build a complete project from scratch, so that you'll have working knowledge of every part of your application.

Course Outline:

Part 1 (intro and fundamentals):

  • Functional JavaScript Intro & Why React?
  • React fundamentals

Part 2 (advanced react):

  • Higher order components
  • Practical projects
  • Testing

Part 3 (the ecosystem around react):

  • Unidirectional data flow
  • Redux
  • Routing
  • Ecosystem and tools

Who should attend:

Developers who want to to build performant web/mobile applications that are easy to maintain and reason about using a functional approach.

Preparations needed:

  • install nodejs 6.X.X
  • install chrome and/or firefox
  • install atom or sublime-text (or your favorite editor/IDE with syntax support for JSX/ES2015)
  • if you're using windows, follow this guide: https://github.com/Microsoft/nodejs-guidelines

Pre-requisites:

Knowledge of JavaScript and HTML/CSS.

Tid

09:00 - 16:15

Emner

Introduction

React fundamentals

JSX

Component lifecycle

Event handling

Forms

Composing components

Higher order components

Uni-directional data flow

Architectural patterns

Redux

Routing

Development tools

Testing