React Basics

Within 3 days, you will learn everything you need to develop a production ready React application.


3 Days

~6 — 8 hours per day


Everything that you need to know for your first React application

Target audience

Suitable for beginners

Basics of HTML and JavaScript required.

Use the advantages offered by the most popular framework on the market.

We enable you to develop your first React application independently. For this purpose, all the basics will be presented and tested. Also, further resources will be given to you in order to have an optimal starting point for your daily work with React.

Target audience & requirements

Frontend and backend developers who want to get an insight into modern frontend development or who want to start directly with their own applications
Sign up now

Why React?

  • Easy to use

    Small, encapsulated components remove complexity.

  • Scalable

    Explicit interfaces allow frictionless data flow between modules.

  • Flexible

    React gives you freedom to make your own decisions.

  • Battle-tested

    With several million developers, problems of new versions are revealed instantly and resolved quicker.

  • Ecosystem

    Because of the multitude of community packages, development speed is increased greatly.

  • Future proof

    All React updates are backwards compatible or automated.

Why you're definitely smarter after our training.

  • Rocket Learn theory and <em>apply it in practice</em>
  • Speech bubble Coaches <em> help and discuss</em> questions
  • Brain on a chip <em>Insights and backgrounds</em> to technical details
  • Star Learn and understand <em>Best Practices</em>
  • Flame on a globe Learn about <em>technologie trends</em>

Only by combining theory and practice with the discussion of trade-offs of different approaches, developers can learn and understand a new tool in such a way that they can use it efficiently in everyday life.
Andreas Roth

Content of this training

  • Introduction to modern, idomatic JavaScript

    Participants are picked up and brought to a common level.

    ES 2015+, Browser APIs like Promise and fetch

  • Thinking React

    React works differently than traditional web development, this requires a mental shift by experienced participants.

    JSX, VDOM, Immutability

  • State and "Side Effects"

    What were once class components and lifecycle methods are now React hooks.

    useState, useEffect, closures, stale closures

  • Server communication

    A frontend without a backend provides little added value.

    REST-APIs with useEffect, fetch, async/await

  • 3rd party libraries

    The open source ecosystem around React is larger than any other.

    npm, security, prop-types

  • Routing

    More complex applications have not only one screen but several.

    react-router, static routes, dynamic routes

  • State management

    The larger the applications are, the more likely a central state management solution is needed.

    useState, ReactContext, useReducer, redux

  • Class components

    Class components are not the future but enterprise applications still heavily rely on them.

    React.Component, component lifecycle

  • Styling

    Besides simple CSS stylesheets, the styling in React has developed a lot.

    CSS, SASS, CSS-in-JS

  • Performance

    The larger the application, the more likely performance problems occur.

    Profiler, React Devtools, React.memo, useMemo, useCallback

  • Testing

    Critical paths in applications (such as the checkout process) must under no circumstances be faulty.

    Jest, React-Testing-Library, Cypress

Still not convinced? These are our participants reviews:

It is obvious that you guys really know what you're talking about.

Any questions could be answered very reliably and understandably.

Very nice stringent, well structured concept (thematic block + exercise + summary), which also worked in the implementation.

Show all

Stop wasting time!

Become a React.js pro!

Book now