React.js

React.js

Kursdauer: 3 Tage, Tageskurs
Kurssprache: deutsch, Unterrichtsmaterial überwiegend in englischer Sprache


Die Bedeutung von JavaScript nimmt stetig zu. Die Skriptsprache, die seinerzeit nur für mehr Dynamik in Webbrowsern sorgen sollte, hat mittlerweile weite Verbreitung gefunden und kommt selbst auf Servern zum Einsatz.

React ist ein JavaScript-Framework zur Entwicklung von Benutzeroberflächen sowohl im Browser als auch auf Mobilgeräten. Entwickelt und eingesetzt von Facebook ist es mittlerweile als Open-Source-Projekt verfügbar und wird auf vielen großen Plattformen verwendet.

Unsere erfahrene Trainer programmieren mit Ihnen zusammen Schritt für Schritt an einer Beispielanwendung Ihrer Wahl.

  • Entwickler

  • Introduction to React.js
    • Setting up React.js project
    • Declarative Programming
    • React.je Hello world
  • Create your first React Element
    • The Type, Props, Children Parameter
    • Rendering React Elements
    • Creating React Elements with JSX
  • Create your first React Component
    • Stateless versus Statefull
    • Create your first Stateless React component
    • Create your first Statefull React component
    • Create your first container React component
    • Make your components reactive
    • Validating components properties
  • Proper data fetching
    • Data flow
    • Child parent communications (callbacks)
    • Common parent
    • Data fetching
    • React Refetch
  • Write Code for the Browser
    • Forms, controlled and uncontrolled components
    • JSON Schema
    • Events
    • Refs
    • Animations
    • Scalable Vector Graphics
  • Server-Side Rendering
  • Build complex React components
    • Creating the Tweedlist component
    • Creating CollectionControls component
    • Creating Button component
    • Creating CollectionExportForm component
  • Improve Performance of your React Components
    • Reconciliation and keys
    • Optimization techniques
    • Common Solutions
    • Tools and libraries
  • Testing and debugging of React Application
    • Javascript testing with Jest
    • Mocha - flexible tesing framework
    • Javascript testing utilities
    • Common testing solutions
    • React Dev Tools
    • Error Handling
  • Improve your React Architecture with Flux
    • Analyzing your web applications's architecture
    • Understanding Flux
    • Creating a dispatcher, store etc.
  • Antipatterns to be avoided in React Applications
  • Kenntnis von zumindest einer (objektorientierten) Programmiersprache
  • Erfahrung mit Javascript, HTML und CSS