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


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

In the course we start with the big picture; what is the component architecture? What mindset do we need to have when building our applications? When that is solidified we dive into the nitty gritty, learning the ins and outs of React's component model. We will learn both the old class-based syntax and the new functional hook API:s, and be made aware of the advantages and disadvantages of both approaches.

With a firm grasp of the component model we go big again and look at application-wide concerns - passing data, communicating between components, connecting to backends, server-side rendering, and more. We will also step outside of React and look at additional tooling that goes well along with it; primarily Redux, but also other useful packages in the wider React and JavaScript ecosystem.

    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
      • The component model
      • Mastering JSX
      • Hooks, classes
    • Redux, level 1
      • Flux and Redux
      • Reducers
      • Store
    • Marrying Redux and React
      • Connecting app state
      • Connecting action creators

    Day 2

    • React, level 2
      • Dealing with state
      • Side effects
      • Application architecture
      • Useful patterns
    • Redux, level 2
      • Dealing with side effects
      • Patterns
    • The bigger picture
      • Server-side rendering
      • Rendering to non-DOM targets
      • Unit-testing React code
      • Tools and friends in the ecosystem

    Related articles

    • A story about React

      The story about how we wrote a story(book) for our React courses

      Read more
    • 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

    20 Jan 2020Book now
    16 Mar 2020Book now
    18 May 2020Book now
    17 Feb 2020Book now
    20 Apr 2020Book now
    8 Jun 2020Book now
    17 Feb 2020Book now
    20 Apr 2020Book now
    8 Jun 2020Book now



    Contact us for details

    +46 40 61 70 720

    All prices excluding VAT