Webentwicklung mit dem React Framework

Webentwicklung mit dem React Framework

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 erfahrenen Trainer programmieren mit Ihnen zusammen Schritt für Schritt an einer Beispielanwendung Ihrer Wahl.

  • Introduction to React
    • Setting up React project
    • Declarative programming
    • "Hello World" in React
  • Create your first React element
    • Type, Props, Children parameter
    • Rendering React elements
    • Creating React elements with JSX
  • Create your first React component
    • Stateless vs. stateful
    • Create your first stateless React component
    • Create your first stateful 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
    • Hooks
  • Server-side rendering
  • Build complex React components
  • 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.

  • Entwickler
  • Kenntnis von zumindest einer (objektorientierten) Programmiersprache
  • Erfahrung mit Javascript, HTML und CSS