Intro

Essential React

About us

Felix Mokross

joined 2014

Christoph Salvisberg

joined 2022

Schedule

  • 09:00 Start
  • 10:30 Coffee (15 min.)
  • 12:00 Lunch (1h)
  • 15:00 Coffee (15 min.)
  • 17:00 End

Miro Board

Rate your React experience and course expectancy

Link will be posted in the teams chat

Course structure

  • Theoretical input
  • Building an app
  • Questions any time

made with reveal.js & zuehlke-reveal-package

Follow the presentation here:

https://webplatformz.github.io/react-training-slides-v2/

Navigate using and (arrow keys)

About React

React is a library for creating user interfaces.

It is provides the rendering mechanism and a basic state handling (for interactivity), but leaves other aspects to the developer.

Thanks to the huge community, there are many complementing libraries , e.g. for routing and data fetching.

There are also full-featured frameworks based on React, which target common use cases (e.g. Next.js, Remix).

History of React

  • Created in 2011 at Meta
  • Made open source in 2013
  • React Hooks introduced in 2019
  • Concurrent features introduced in 2022
  • Current version is React 18

Who uses React?

Who uses React?

Who uses React?

Who uses React?

Who uses React?

and many more…

Recap of JavaScript features

frequently used in React

Object Destructuring

Array Destructuring

Similarly, arrays can be destructed:

Using destructuring for function parameters:

with TypeScript:

Spread Syntax

Questions?