ReactJS.DE
Official German Community
3 bis 5 Tage
Duration
95%
Recommendation Rate
Over 8.235 participants from leading companies learn with workshops.de
React + JavaScript Intensiv-Schulung
Einsteiger · 3 bis 5 Tage · In-House
60% Hands-on Practice
Exercises with real projects from everyday development
Certified Trainers
Google Developer Experts & Community Experts
Bonus: Lifetime Access
Materials stay up to date — even after the workshop
React ist eine Open-Source-JavaScript-Bibliothek, die zur Erstellung von User-Interfaces in HTML verwendet wird. Ihre Architektur zeichnet sich insbesondere durch den Unidirectional Data Flow und den Virtual DOM aus.
Für umfangreiche Anwendungen reicht React allein jedoch oft nicht aus. Eine bewährte Kombination ist der Einsatz von React zusammen mit Redux. Diese Kombination wird unter anderem von Unternehmen wie Facebook, Instagram, Netflix, PayPal und Airbnb genutzt.
In unserem Kurs behandeln wir die aktuellste Version von React inklusive Router Version 4.
Agenda
Javascript und JSX Grundlagen
Im JavaScript-Teil behandeln/wiederholen wir wichtige Grundlagen, die für die Erstellung von größeren Web-Applikationen notwendig sind. Ein Teil umfasst dabei auch speziell ES2016/17, der regelmäßig in React-Applikationen zu finden ist.
- ES2021 / ES.Next
- Syntax, Datentypen
- Scoping mit var/let/const
- Arrow Functions
- this im Detail
- Klassen
- Funktionen höherer Ordnung
- Objekte und Arrays im Detail
- Promises (Asynchronität)
- Fehlerbehandlung bei Asynchronität
- Destructuring
React
Der React-Teil startet mit den Grundlagen und geht zum Ende hin in die Tiefe. Wir bauen dabei eine komplette React-Applikation mit Build-Prozess, Routing, Formularen und API-Zugriff. Dabei wechseln wir immer zwischen Theorie und Praxis.
- Was ist React und wie nutze ich es richtig?
- Komponenten
- Einführung in JSX / JSX-Fallstricke
- Aufsetzen von React-Applikationen mit Create React App und Webpack
- Props & States
- Life Cycle von Komponenten (willMount, didMount, ...)
- React Hooks useState, useEffect, useContext, ...
- Virtual DOM - Grundlagen
- Daten via API von einem Backend abfragen
- Lifecycle von Komponenten
- Übersicht über Flux, Redux, MobX
- Vertiefung und Anwendung von Redux
- Routing mit dem React Router 4
- Formularerstellung und -validierung
- Universal React (serverseitig rendern)
- Best Practices für gute Performance und Wartbarkeit
- Testen von Komponenten
What you should know
Prerequisites
Voraussetzung sind Grundlagenkenntnisse in HTML, CSS, JavaScript und TypeScript. Diese können auch in unserem HTML & CSS Intensiv Workshop und JavaScript Intensiv Workshop in Kombination gebucht werden.
Technische Voraussetzung für den Workshop ist ein Notebook mit Windows, Linux oder macOS. Weiterhin eine aktuelle Version von NodeJS mit einigen Paketen. Hierzu bekommst du eine Schritt-für-Schritt Anleitung nach deiner Anmeldung zu diesem Workshop.
Target Audience
This React + JavaScript course is aimed at Einsteiger.
What's Included
Request in-house/corporate training
Interested in an in-house React + JavaScript training for your team or company?
Submit a request and book a preliminary meeting with our advisor.
Submit a request and book a preliminary meeting with our advisor.
Tailored training to your needs
On-site or remote for multiple employees
German and English available
Robin Böhm
CEO of workshops.de
What our participants say
Anonymized on request
Participant
Der Workshop hilft beim Einstieg in die React-Entwicklung und schafft ein besseres Verständnis für das Framework anhand von guten Beispielen.
Attended React: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Adam Starobrzanski
Participant
Es war ein wirklich sehr guter, strukturierter Workshop mit vielen Praktischen Übungen.
Attended React: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Kathrin Gerber
Entwickler
Richtig gute Schulung! Ich habe viel gelernt insbesondere durch die praktischen Übungen und das gute Material, das einem auch noch im Nachgang zur Verfügung steht. Richtig guter Trainer. Hat Spaß gemacht! Die sechs halben Tage sind ein super Konzept.
Attended React: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Sahed Wahedi
Participant
Grundlagen stärken und verstehen was die Technologie macht und und überhaupt kann.
Attended React: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Frederik Schäfer
Participant
Der Workshop hat mir dabei geholfen, die Basics nochmal zu festigen und besser zu verstehen. Es wurden viele Best Practices angesprochen, die auch in realen Projekten Anwendung finden können. Eine Bereicherung!
Attended React: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Oleg Harlamov
Participant
Der Workshop hat mir auf jeden Fall die anstehende Arbeit im bestehenden Projekt sowohl im Verständnis als auch im "Anfassen" stark vereinfacht. Sehe jetzt, wie ich konkret viele Dinge drastisch vereinfachen kann. Vielen Dank dafür
Attended React: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Questions and answers
Our public React + JavaScript remote courses take place from 9:00 AM to 1:00 PM, on-site React + JavaScript trainings from 9:00 AM to 4:30 PM.
For in-house seminars, individual adjustments are possible.
Yes. At the end of each of our React + JavaScript seminars, participants receive a signed certificate of attendance.
The certificate includes a verification URL and can be shared on your LinkedIn profile. Learn more about managing certificates on LinkedIn.
Yes, we offer our React + JavaScript seminars in German and English.
Public dates are held in German, unless explicitly stated otherwise.
In-house seminars can be conducted in the desired language.
All materials and exercises are fully available in English.
Yes. We offer our React + JavaScript seminars both remotely and on-site. Thanks to our virtual classroom, you can conveniently participate in our workshops from anywhere. Our online presentations are regularly updated, and you have permanent access after the training. Exercises can be accessed and unlocked through an online interface, and we have added additional tasks to prepare you for remote workshops.
We also offer in-house seminars and public trainings on-site. In our schedule overview, you can see the respective venue of the trainings. For in-house trainings, we are happy to discuss the venue details individually with you.
For public React + JavaScript seminars, we use the online meeting tool Zoom alongside our classroom.
A test link is also included in the preparation to let you try out the technology. The remote workshop is designed so that everyone works from different locations with their own computer.
For in-house seminars, we can conduct the meeting via Zoom or Microsoft Teams.
Other meeting software may be used by arrangement.
In-house React + JavaScript trainings: Individual consulting with code mentoring
For our in-house seminars, we additionally offer code mentoring.
What is code mentoring?
- Ask-Me-Anything sessions: Clarify questions and uncertainties from the course directly with an expert.
- Code review: Submit your own code snippets and have them analyzed and evaluated by experts.
- Advanced topics: Ask in-depth questions about the course topic to expand your knowledge.
Public React + JavaScript trainings: Exchange on our community Discord
For participants of public trainings, we recommend joining our community Discord server.
Your benefits on Discord:
- Diverse channels for questions and discussions – beyond the course topic.
- An engaged community that supports you in learning.
Our trainers are experienced experts from the industry:
- Experienced software developers
- Book and article authors
- Active members of the web community
- Organizers of meetups and conferences
Yes. You can enter your routing ID directly in our order form. Our invoices are sent as ZUGFeRD PDFs right after booking.
If you have provided a routing ID, our team will be notified and we will handle the upload to the portal. If we need additional information, we will contact you after booking.
Still have questions?
Just send us an email. If you prefer a more personal contact, Britta is also happy to receive a call from you!
