Durchstarten mit React

Web-Apps einfach und modular entwickeln
 
 
O'Reilly (Verlag)
  • 1. Auflage
  • |
  • erschienen am 19. April 2017
  • |
  • 212 Seiten
 
E-Book | PDF mit Wasserzeichen-DRM | Systemvoraussetzungen
978-3-96010-090-4 (ISBN)
 
Eignen Sie sich ohne Ballast alles Wesentliche zur Frontendentwicklung mit React an - einer JavaScript-Bibliothek, die in Entwicklerkreisen derzeit auf großes Interesse stößt. In diesem praktischen Leitfaden erläutert Stoyan Stefanov, Webentwickler bei Facebook, Reacts Komponentenarchitektur und zeigt, wie Sie in kurzer Zeit komplexe und dennoch wartbare Webanwendungen entwickeln. Sie benötigen keine besonderen Vorkenntnisse - lediglich Grundkenntnisse der JavaScript-Syntax - und können sofort loslegen.

Haben Sie einmal verstanden, wie React funktioniert, werden Sie eine maßgeschneiderte eigene App bauen, mit der Anwender Weine bewerten und ergänzende Notizen erfassen können. Sie verstehen dann schnell, warum so viele Entwickler React als Schlüsseltechnologie der modernen Webentwicklung sehen.

- Richten Sie React ein und schreiben Sie Ihre erste "Hallo Welt"-Web-App.
- Erstellen und verwenden Sie eigene React-Komponenten, die aus generischen DOM-Komponenten aufgebaut sind.
- Bauen Sie eine Komponente für eine Datentabelle, mit der Sie deren Inhalt bearbeiten, sortieren, durchsuchen und exportieren können.
- Verwenden Sie die Syntaxerweiterung JSX als Alternative zu Funktionsaufrufen.
- Richten Sie einen übersichtlichen, einfachen Build-Prozess ein, der Ihnen hilft, das Augenmerk auf React zu legen.
- Erstellen Sie eine vollständige Anwendung, mit der Sie Daten auf dem Client speichern können.
- Setzen Sie ESLint, Flow und Jest ein, um den Code Ihrer komplexer werdenden Anwendung zu testen.
- Organisieren Sie mit Flux die Kommunikation zwischen Komponenten.
  • Deutsch
  • Heidelberg
  • |
  • Deutschland
  • 7,03 MB
978-3-96010-090-4 (9783960100904)
3960100906 (3960100906)
weitere Ausgaben werden ermittelt
Stoyan Stefanov ist Entwickler bei Facebook. Zuvor hat er bei Yahoo den Online-Bildoptimierer smush.it entwickelt und war Architekt des Performance-Tools YSlow 2.0. Stoyan ist Autor von "JavaScript Patterns" und "Object-Oriented JavaScript", Blogger (phpied.com) und regelmäßiger Sprecher auf Veranstaltungen wie der O'Reilly Velocity Conference, JSConf, Fronteers und vielen weiteren Konferenzen.
  • "Inhalt"
  • "Vorwort"
  • "Kapitel 1: Hallo Welt"
  • "Einrichten"
  • "Hallo React-Welt"
  • "Was ist da gerade passiert?"
  • "React.DOM.*"
  • "Besondere DOM-Attribute"
  • "Browsererweiterung React DevTools"
  • "Als Nächstes: eigene Komponenten"
  • "Kapitel 2: Das Leben einer Komponente"
  • "Minimalversion"
  • "Eigenschaften"
  • "propTypes"
  • "Standardeigenschaftswerte"
  • "Status"
  • "Eine zustandsbehaftete Textarea-Komponente"
  • "Ein Hinweis zu DOM-Events"
  • "Event-Handling in den alten Tagen"
  • "Event-Handling in React"
  • "Props versus State"
  • "Props im initialen Status: ein Anti-Pattern"
  • "Von auÃ?en auf die Komponente zugreifen"
  • "Eigenschaften später ändern"
  • "Lifecycle-Methoden"
  • "Lifecycle-Beispiel: Alles loggen"
  • "Lifecycle-Beispiel: Ein Mixin verwenden"
  • "Lifecycle-Beispiel: Der Einsatz einer Kind-Komponente"
  • "Performanceverbesserung: Aktualisieren von Komponenten verhindern"
  • "PureRenderMixin"
  • "Kapitel 3: Excel: Eine schicke Tabellen-Komponente"
  • "Zuerst die Daten"
  • "Schleife über den Tabellenkopf"
  • "Die Warnung an der Konsole debuggen"
  • "-Inhalte hinzufügen"
  • "Wie können Sie die Komponente verbessern?"
  • "Sortieren"
  • "Wie können Sie die Komponente verbessern?"
  • "Sortierhinweise im UI"
  • "Daten bearbeiten"
  • "Bearbeitbares Feld"
  • "Eingabefeld"
  • "Sichern"
  • "Zusammenfassung und virtuelle DOM-Diffs"
  • "Suchen"
  • "Status und UI"
  • "Inhalte filtern"
  • "Wie können Sie die Suche verbessern?"
  • "Instant Replay"
  • "Wie können Sie die Wiedergabe verbessern?"
  • "Eine alternative Implementierung?"
  • "Die Tabellendaten herunterladen"
  • "Kapitel 4: JSX"
  • "Hallo JSX"
  • "JSX transpilieren"
  • "Babel"
  • "Clientseite"
  • "Die JSX-Transformation"
  • "JavaScript in JSX"
  • "Whitespace in JSX"
  • "Kommentare in JSX"
  • "HTML-Entitäten"
  • "Anti-XSS"
  • "Spread-Attribute"
  • "Spread-Attribute vom Eltern-Element"
  • "Mehrere Knoten in JSX zurückgeben"
  • "Unterschiede zwischen JSX und HTML"
  • "Kein class und for"
  • "style ist ein Objekt"
  • "SchlieÃ?ende Tags"
  • "Attribute im camelCase"
  • "JSX und Formulare"
  • "onChange-Handler"
  • "value versus defaultValue"
  • "Value in "
  • "Value in "
  • "Die Excel-Komponente in JSX"
  • "Kapitel 5: Die Umgebung für die Anwendungsentwicklung einrichten"
  • "Eine Anwendungsvorlage"
  • "Dateien und Ordner"
  • "index.html"
  • "CSS"
  • "JavaScript"
  • "JavaScript: modernisiert"
  • "Voraussetzungen einrichten"
  • "Node.js"
  • "Browserify"
  • "Babel"
  • "React usw."
  • "Auf zum Bauen"
  • "JavaScript transpilieren"
  • "JavaScript verpacken"
  • "CSS verpacken"
  • "Ergebnisse!"
  • "Windows-Version"
  • "Während der Entwicklung bauen"
  • "Deployment"
  • "Nächste Schritte"
  • "Kapitel 6: Eine Anwendung bauen"
  • "Whinepad v.0.0.1"
  • "Einrichten"
  • "Erster Code"
  • "Die Komponenten"
  • "Setup"
  • "Entdecken"
  • "-Komponente"
  • "Button.css"
  • "Button.js"
  • "Formulare"
  • ""
  • "-Komponente"
  • "Eine -»Fabrik«"
  • ""
  • ""
  • "Dialoge"
  • "Anwendungskonfiguration"
  • ": neu und verbessert"
  • ""
  • "Alles zusammen"
  • "Kapitel 7: Lint, Flow, Test, Repeat"
  • "package.json"
  • "Babel konfigurieren"
  • "scripts"
  • "ESLint"
  • "Einrichtung"
  • "Ausführen"
  • "Alle Regeln"
  • "Flow"
  • "Einrichten"
  • "Ausführen"
  • "Für die Typprüfung registrieren"
  • " korrigieren"
  • "app.js"
  • "Mehr zur Typprüfung von props und state"
  • "Typen exportieren und importieren"
  • "Typecasting"
  • "Invarianten"
  • "Testen"
  • "Einrichten"
  • "Erster Test"
  • "Erster React-Test"
  • "Die -Komponente testen"
  • " testen"
  • "Mehr simulierte Interaktionen"
  • "Vollständige Interaktionen testen"
  • "Abdeckung"
  • "Kapitel 8: Flux"
  • "Die Idee"
  • "Ein anderer Blick auf Whinepad"
  • "Der Store"
  • "Store-Events"
  • "Den Store in verwenden"
  • "Den Store in verwenden"
  • "Den Store in verwenden"
  • "Die Grenze definieren"
  • "Actions"
  • "CRUD-Actions"
  • "Suchen und sortieren"
  • "Die Actions in einsetzen"
  • "Die Actions in verwenden"
  • "Zusammenfassung"
  • "Immutable"
  • "Immutable Store Data"
  • "Daten ändern in immutablen Strukturen"
  • "Index"
  • "Ã?ber den Autor"

Dateiformat: PDF
Kopierschutz: Wasserzeichen-DRM (Digital Rights Management)

Systemvoraussetzungen:

Computer (Windows; MacOS X; Linux): Verwenden Sie zum Lesen die kostenlose Software Adobe Reader, Adobe Digital Editions oder einen anderen PDF-Viewer Ihrer Wahl (siehe E-Book Hilfe).

Tablet/Smartphone (Android; iOS): Installieren Sie die kostenlose App Adobe Digital Editions oder eine andere Lese-App für E-Books (siehe E-Book Hilfe).

E-Book-Reader: Bookeen, Kobo, Pocketbook, Sony, Tolino u.v.a.m. (nur bedingt: Kindle)

Das Dateiformat PDF zeigt auf jeder Hardware eine Buchseite stets identisch an. Daher ist eine PDF auch für ein komplexes Layout geeignet, wie es bei Lehr- und Fachbüchern verwendet wird (Bilder, Tabellen, Spalten, Fußnoten). Bei kleinen Displays von E-Readern oder Smartphones sind PDF leider eher nervig, weil zu viel Scrollen notwendig ist. Mit Wasserzeichen-DRM wird hier ein "weicher" Kopierschutz verwendet. Daher ist technisch zwar alles möglich - sogar eine unzulässige Weitergabe. Aber an sichtbaren und unsichtbaren Stellen wird der Käufer des E-Books als Wasserzeichen hinterlegt, sodass im Falle eines Missbrauchs die Spur zurückverfolgt werden kann.

Weitere Informationen finden Sie in unserer E-Book Hilfe.


Download (sofort verfügbar)

23,99 €
inkl. 19% MwSt.
Download / Einzel-Lizenz
PDF mit Wasserzeichen-DRM
siehe Systemvoraussetzungen
E-Book bestellen

Unsere Web-Seiten verwenden Cookies. Mit der Nutzung des WebShops erklären Sie sich damit einverstanden. Mehr Informationen finden Sie in unserem Datenschutzhinweis. Ok