Building Interactive Applications with React, Redux and GraphQL Schulung

Kurs Code

reactfluxgraphql

Duration

28 hours (üblicherweise 4 Tage inklusive Pausen)

Voraussetzungen

  • Web application development experience
  • Javascript programming experience
  • Familiarity with React

Audience

  • Developers

Overview

React ist eine Javascript-Bibliothek zum Erstellen von schnellen und reibungslosen interaktiven Webseiten Zusammen mit der Flux-Architektur und der Abfragesprache GraphQL können extrem leistungsfähige und effiziente Webanwendungen erstellt werden In diesem instruierten Live-Training lernen die Teilnehmer, wie sie React-Anwendungen mit Flux und GraphQL erstellen Der Kurs behandelt die Installation, Einrichtung, Integration, Tests, Bereitstellung und Best Practices, während er die Teilnehmer durch die Erstellung einer Reihe von Beispielanwendungen führt, die zeigen, wie Sie mit den fortschrittlichsten Toolkits und zusätzlichen Funktionen zusätzliche Komplexität und "Coolness" hinzufügen können Techniken Das Entwickeln von Anwendungen mit React erfordert eine andere Art zu denken, verglichen mit dem, was einige Entwickler gewohnt sind, insbesondere wenn es um die Denkweise anderer MVC-Frameworks wie AngularJS und Bootstrap geht Dieses Training deckt die Grundlagen hinter den Technologien ab, die in jedem Schritt des Weges verwendet werden, so dass die Teilnehmer nicht nur in der Lage sind, eine funktionale Anwendung zu erstellen, sondern auch verstehen, warum ein bestimmter Ansatz verwendet wird Dies schafft die Grundlage, um eigenständig und kreativ über das Design und die gewünschten Ergebnisse für den Aufbau eigener Anwendungen in der Zukunft zu denken Publikum Entwickler Format des Kurses Teilvorlesung, Teildiskussion, Übungen und schwere Handsonsübungen .

Schulungsübersicht

Introduction

  • React vs Angular and other Frameworks

Understanding React

  • JSX, Components and Props, the Component Life Cycle, etc.
  • Managing application state vs data state

Writing React Applications with ES6

  • Syntax and ES6+ features to watch out for

Setting up the Development Environment

Overview of Node.js

Installing and Configuring Node.js

Overview of Webpack and Babel

  • Understanding "transformation" (translating JSX into JavaScript)

Installing and Configuring Webpack

Installing and Configuring Babel

Installing React and ReactDOM

Writing Your First React Application

Configuring WebPack to Watch for Changes to Source Files

Configuring npm as a Tool Runner

Extending the React Application with New Components

Implement the Flux and Redux Architecture into a React Application

Understanding Flux and Redux

  • Stateless Components, Actions, Reducers, Dispatchers, Middleware, Containers, etc.

Building Multiple Views into the React Application

Installing and Configuring Redux

Creating a Simple To-do List with Flux/Redux (with mock server API)

Integrating a Backend with your React Application: GraphQL and Apollo

Overview of GraphQL

  • Data Types, Schemas, Graph Structure, and Integration with React
  • Limitations of Restful Routing
  • GraphQL vs SQL

Writing a GraphQL Query

Authenticating Users

Integrating React Router with GraphQL

Building a Simple Blog with React and GraphQL

Testing your React Application

Processing React Applications with npm Command-line Scripts

Troubleshooting

Structuring the App Repository

Best Practices for Writing React Code

Deploying Your React Application

A Word on Mobile Applications with React Native

Summary and Conclusion

Erfahrungsberichte

★★★★★
★★★★★

Sonderangebote

Sonderangebote Newsletter

Wir behandeln Ihre Daten vertraulich und werden sie nicht an Dritte weitergeben.
Sie können Ihre Einstellungen jederzeit ändern oder sich ganz abmelden.

EINIGE UNSERER KUNDEN

is growing fast!

We are looking to expand our presence in Germany!

As a Business Development Manager you will:

  • expand business in Germany
  • recruit local talent (sales, agents, trainers, consultants)
  • recruit local trainers and consultants

We offer:

  • Artificial Intelligence and Big Data systems to support your local operation
  • high-tech automation
  • continuously upgraded course catalogue and content
  • good fun in international team

If you are interested in running a high-tech, high-quality training and consulting business.

Apply now!