Essential React
Intro

About us

Moritz Eck

@meck___

Felix Mokross

@felixmokross

Christoph Salvisberg

Schedule

  • 09:00 Start
  • 10:30 - 10:45 Coffee break
  • 12:00 - 13:00 Lunch break
  • 15:00 - 15:15 Coffee break
  • 17:00 End

Miro Board

Rate your React experience and course expectancy

Link will be posted in the teams chat

Follow the presentation here

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

Course structure

  • Theoretical input
  • Building an app
  • Questions any time

made with reveal.js

Follow the presentation here

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

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?