Vorwort

Stellen Sie sich zunächst vor , mein Name ist Edik , ich bin Full Stack Web Developer. Die Hauptrichtungen von Laravel & React.js, Vue.js. GoLang und Swift lernen.

Obwohl es bereits viele andere Informationsquellen gibt, sind Bücher nach wie vor eine der häufigsten, aber sie enthalten viel Wasser, und ich habe beschlossen, mir keine weitere Krücke auszudenken, sondern nur Notizen zu machen.

Um die Daten zu strukturieren, werden Informationen als eine Reihe von Artikeln präsentiert, die in Kapitel unterteilt sind .

Ich schreibe diese Notizen für mich und habe beschlossen, sie mit der ganzen Welt zu teilen. Sei also nicht hart. Und so, lass uns gehen!

Kapitel 1. Willkommen bei React

React ist eine beliebte Bibliothek zum Erstellen von Benutzeroberflächen . Es wurde auf Facebook erstellt, um eine Reihe von Problemen zu lösen, die mit großen Websites verbunden sind.

Reagiere als Bibliothek

Es ist erwähnenswert, dass die Bibliothek nicht groß ist und nur für einen Teil der gesamten Arbeit verwendet wird. Die Hauptentscheidungen darüber, welche Ökosystem-Tools verwendet werden sollen, werden von den Entwicklern getroffen. React ist das einzige "V" in der "MVC" -Welt .

Neue ECMAScript-Syntax

React nutzt die neuen ECMAScript-Funktionen . Wenn Sie mit der neuesten Spezifikation nicht vertraut sind, kann das Anzeigen des Reaktionscodes zu Unsicherheit führen.

Funktionell beliebtes JavaScript

Ein JavaScript-Skript ist keine funktionale Sprache, aber in seinem Code können funktionale Methoden verwendet werden. React betont die Priorität der funktionalen Programmierung gegenüber der objektorientierten Programmierung . Diese Änderung des Denkens kann zu erheblichen Vorteilen in Bereichen wie Testen und Produktivitätsverbesserungen führen.

Bevor Sie mit React arbeiten, empfehlen wir Ihnen, sich mit den Grundlagen des funktionalen Programmierparadigmas vertraut zu machen.

Langwieriges Javascript

Um mit React arbeiten zu können, müssen Sie die Grundlagen von Webpack erlernen . Mit Webpack können Sie den Code testen, in Module aufteilen, für die Produktion komprimieren usw.

Die Zukunft der React-Bibliothek

Die nächste Version der Bibliothek wird das Fibre-Tool enthalten - eine neue Implementierung des React-Kernalgorithmus, dessen Ziel es ist, die Geschwindigkeit der Bildausgabe auf dem Bildschirm zu erhöhen . Viele Änderungen beziehen sich auf Zielgeräte. Vergessen Sie nicht, dass React in React Native weiterhin verwendet wird.

Mit Dateien arbeiten

Reagieren Sie auf Entwicklertools

Es gibt verschiedene Tools, die als Erweiterungen oder zusätzliche Browsermodule installiert werden können und für uns von Interesse sind:

React -Detector ist eine Chrome-Browsererweiterung, mit der Sie wissen, welche Websites React verwenden .

show-me-the-react ist ein weiteres Tool zur Erkennung von Reaktionen .

React Developer Tools ist ein Zusatzmodul, das die Funktionalität von Browser-Tools erweitert . Er erstellt eine neue Registerkarte in den Entwicklertools, auf der Sie React-Elemente im Detail anzeigen können .

React Developer Tools ist ein großartiges Tool, das beim Debuggen viel Zeit spart. Wenn Sie professionell mit React schreiben möchten, ist dieses Modul für Sie sehr nützlich.

Installieren Sie Node.js.

Node.js - JavaScript-Sprache ohne Browser (serverseitiges JS). Dies ist die Laufzeitumgebung, mit der JavaScript-Anwendungen sowohl auf Client- als auch auf Serverseite erstellt werden . Es kann unter Windows, MacOS, Linux und anderen Plattformen installiert werden.

Installationsdetails finden Sie auf der offiziellen Node.js- Website.

Zur Verwendung von React wird Node nicht benötigt. Wenn Sie jedoch mit React arbeiten, müssen Sie einen Paketmanager namens NPM verwenden , um Abhängigkeiten zu installieren . Es wird automatisch mit Node installiert.

Geben Sie den node -v , um zu überprüfen, ob der Knoten im Terminal installiert ist. Sie sollten die Version Ihres Knotens sehen.

 $ node -v v.10.13.0 

Alternative zu NPM

Eine zusätzliche Alternative zu NPM ist Garn . Dieses Tool wurde von Facebook in Zusammenarbeit mit Exponent, Google & Tilde veröffentlicht. Es hilft, Anwendungsabhängigkeiten zuverlässiger zu verwalten . Wenn Sie mit Garn arbeiten, werden Sie feststellen, dass es schneller als NPM ist.

Das Installieren von Garn ist sehr einfach. Geben Sie nach der Installation von Node Folgendes ein:

 $ npm install -g yarn 

Details zur Installation finden Sie auf der offiziellen Yarn- Website.

Danach ist alles bereit, um Pakete zu installieren. Wenn Sie Abhängigkeiten von packege.json installieren, können Sie Garn anstelle von npm install ausführen.

Hinzufügen eines Pakets mit Garn:

 $ yarn add [_] 

Entfernen eines Pakets mit Garn:

 $ yarn remove [_]