React in der Praxis, Teil 1 // deutsch

Die Hands-On-Folge führt keine neuen Konzepte von React ein, sondern zeigt alles bisher Gelernte im Zusammenspiel – vom Setup und dem Definieren von Komponenten über den Umgang mit State und Formularen bis hin zu den verschiedenen JSX-Techniken. Zu diesem Zweck entwickelt David Losert in dieser Folge eine Anwendung zum Verwalten einer Einkaufsliste.

────────────────────

Über the native web 🦄

Wir sind ein Beratungs-, Schulungs- und Entwicklungsunternehmen, das sich auf Web- und Cloud-Technologien spezialisiert hat. Wir streben nach intelligenten und eleganten Lösungen für komplexe Probleme, und wir glauben, dass Softwareentwicklung kein Selbstzweck ist. Stattdessen sollte Software tatsächliche Probleme der realen Welt lösen.

Wir glauben, dass native Web- und Cloud-Technologien das Fundament sind, auf dem die Zukunft aufbaut. Unsere Kernkompetenz ist der Entwurf und die Entwicklung verteilter Web- und Cloud-Anwendungen unter Verwendung dieser Technologien in interdisziplinären Teams. Wir entwickeln auch unser eigenes Open-Source-Framework namens wolkenkit. Und wir lieben es, unser Wissen in Schulungen und Workshops, auf Konferenzen und bei Usergroups zu teilen.

────────────────────

Weiterführende Links 🌍

[werwolfischekatharsis]

Hey! Es wurde noch vergessen mitzuteilen, dass für das CSS 41:18 noch per "npm i" der style-loader und der css-loader heruntergeladen werden müssen.

[dagobertduck]

interessanter Ansatz über die regExp. Falls eines Tages ein Video über RegExp kommen würde, würde ich mich sehr freuen .Wäre ja vielleicht eine Idee

[matthiasprinzvonstoerenfried]

Hi David,
funktioniert das Ändern der Zutaten mit Hilfe des Namens als Auswahlkritierium wirklich?
Wenn ich z.B. drei leere Zutaten hinzufüge und die erste Zutat ändere, ändert er doch alle drei oder? Alle haben zu Beginn den gleichen leeren Namen.

Ansonsten, vielen Dank, geiles Tutorial.

[udopeters]

Ein sehr gutes Tutorial. ich verzweifel etwas daran die Summierung nur auf die Rezepte anzuwenden für dich ichwas einkaufen möchte dazu habe ichin der json datei einen shopping Eintrag der true oder false sein kann. ich habe es in verschiedenen Variaten versucht in der sumRecipes einzubinden ohne erfolg.

[bjornzschernack]

Moin :-) <div class="ingredient-form"> - das klappt mittlerweile auch, oder? Also class statt className.