React is a good tool for solving complex problems and creating order in large-scale projects. Despite its simple API, the threshold for learning React can be high. But by helping you understand the problem React solves, and how it solves the problem, the rest will fall into place.


"The trainer was very nice and friendly, open minded, gladly answered any questions and explained the confusions"

The main idea of React is this; if we rerender instead of mutate when something changes, our components and application as a whole becomes much easier to construct and reason about. There is of course a performance penalty to this, but React mitigates that through an efficient diffing engine, resulting in only the necessary changes actually being made.

Born from the functional approach of React, Redux is small library that handles your app state. By having just a single data store, and one-way paths through which that data can be mutated, a surprisingly large part of your code will revert to pure, stateless functions. The end result is less complexity, fewer bugs and a much clearer map of how everything fits together.

Together with React Router, a navigation solution standing on the shoulders of the much-revered router in Ember, this trinity of libraries makes for a very potent cocktail rivalling the established frameworks. Throughout this course you will not only learn how to use these libraries, but also gain an understanding of the ideas behind them and why they are so successful.

    Target audience

    Frontend developers. People who want to build full-featured apps on the web stack using React.


    A solid background in HTML, CSS, and JavaScript.

    What you will learn

    Day 1

    • Introduction
      • The nature of JavaScript
      • Functional programming
      • What is React?
      • Developing environment
    • React, level 1
      • Rendering components
      • Combining components
      • Communicating between components
    • Redux, level 1
      • Flux and Redux
      • Reducers
      • Store
    • Marrying Redux and React
      • Connecting app state
      • Connecting action creators

    Day 2

    • React-Router
      • Defining routes
      • Linking and dynamic navigation
      • Connecting routes to Redux
    • React, level 2
      • Class syntax
      • Component state
      • Lifecycle hooks
      • Mixins
    • Redux, level 2
      • Composite reducers
      • Middleware
      • Async action creators
      • Redux devtools
    • The bigger picture
      • Server-side rendering
      • Rendering to non-DOM targets
      • Unit-testing React code
      • In the ecosystem

    Related articles

    • Predicting the upcoming JavaScript season

      Join us as we geek our over the upcoming Premier L... sorry, JavaScript season, and walk through the state of our favourite teams; Angular Rovers, FC React and TypeScript United!

      Read more
    • Our view of Vue

      Are React and Angular still the only two responsible choices when selecting a JavaScript framework for the new project, or can Vue now be considered an actual contender also from a business perspective?

      Read more
    • Take a course in Prague

      We are proud to announce that, starting from May, Edument will also offer courses in Prague. Now you can enjoy and be energized by spending time in one of Europe's most beautiful cities, at the same time as attending one of our popular courses! 

      Read more

    Course info

    Course code: T273
    Duration: 2 days
    Price: 21 500 SEK
    Language: English

    Course schedule

    21 OctBook now
    12 DecBook now
    17 Feb 2020Book now
    20 Apr 2020Book now
    8 Jun 2020Book now
    21 OctBook now
    12 DecBook now
    17 Feb 2020Book now
    20 Apr 2020Book now
    8 Jun 2020Book now
    23 SepBook now
    14 NovBook now
    20 Jan 2020Book now
    16 Mar 2020Book now
    18 May 2020Book now



    Contact us for details

    +46 40 61 70 720

    All prices excluding VAT