react native tutorial

Yakitty: Eine Chat -App für alle bit.ly/yakitty

Was ist das?

Yak (Verb): Beharrlich reden. Auch ein großer langhaariger wilder oder domestizierter Ochse?

Yakitty ist ein einfaches reagiertes Tutorial zum Aufbau von reibungslosen Android- und iOS-Apps mit JavaScript. Wenn Sie interessiert sind, schauen Sie sich die Anforderungen an, bevor Sie anfangen.

Um das Beste aus diesem Tutorial herauszuholen, sollten Sie ein grundlegendes Verständnis von JavaScript haben. Die Grundlagen von React zu kennen, ist auch hilfreich, aber es ist nicht erforderlich.

Dies soll Ihnen einen Vorgeschmack auf das geben, was Sie mit React Native machen können. Ich ermutige Sie, die Dokumente zu lesen, um ein umfassenderes Verständnis des Rahmens zu erhalten. Dies ist auch in Arbeit. Fühlen Sie sich frei zu beitragen :)

Das Wichtigste zuerst

Dieses Tutorial ist in Module aufgeteilt, wobei jeweils ungefähr 30 bis 60 Minuten dauert. Sie finden alle Module am Ende dieser Seite.

Was bauen wir?

Wir werden eine Android- oder iOS -App mit unseren Bärenhänden bauen. ?

Was werden wir lernen?

Wir werden renommierte Bibliotheken wie React verwenden, um renommierte Entwickler zu werden. Wir werden auch lernen, wie Sie APIs von Drittanbietern integrieren und unsere Codebasis so organisieren, wie Master -Code -Handwerker dies tun.

Was ist React Native?

React Native ist ein Framework, das auf React zum Erstellen native mobile Apps mit JavaScript basiert. Native bedeutet, dass Ihre App wie jede echte App aussieht und sich in Java oder Objective-C, den Sprachen für die Entwicklung von Android- und iOS-Apps, aussieht.

Dies unterscheidet sich von Tools wie PhoneGap oder Ionic, die Apps erstellen, die in der "Webansicht" (oder Browser) Ihres Telefons ausgeführt werden. Aber es ähnelt Frameworks wie Nativescript oder Flattern.

Was du brauchst

Haben Sie die Seite der Anforderungen übersprungen? Hier ist die Cliffsnotes -Version:

• Ein Computer (Windows, Mac oder Linux).
• Ein Code -Editor wie Visual Studio Code oder Sublime Text.
• Wenn Sie unter Windows sind, empfehle ich den Cmder Console -Emulator.
• Knoten und Expo
• Ein Android -Telefon (4.4+) oder iPhone (iOS 9+) mit der expo -Client -App installiert.

Ich werde Ihnen sogar diese QR -Codes für Ihre Bequemlichkeit zur Verfügung stellen, damit Sie nicht nach der App im Play Store/App Store suchen müssen. Zeigen Sie einfach Ihre Kamera und laden Sie die App herunter:

Expo für Android	Expo für iOS

Module

• Anforderungen
• Intro, um native zu reagieren
• Komponenten erstellen
• Verwenden von Staat und Integration von Bibliotheken von Drittanbietern (moment.js)
• Integration von APIs der 3. Partei (Chatkit)
• Veröffentlichung im Play Store/App Store (TODO)
• Neben Sprachen als Englisch (Todo) unterstützt
• Integration von Layout -Bibliotheken, z. B. Yogalayout.com (Todo)
• Ressourcen

Haben Sie Anfragen? Lassen Sie mich wissen.

Dieser Inhalt ist unter einer Creative Commons Attribution-Sharealike 4.0 International (CC BY-SA 4.0) lizenziert.