Open-Source-Codes ist ein guter Lehrmeister für Entwickler eines jeden Kenntnisstandes. Es ermöglicht Sie den Entwicklungsprozess, zu betrachten, daran teilzunehmen und von Profis zu lernen.
Übung macht den Meister, also ist solch eine Erfahrung von unschätzbarem Wert..
Wir haben unsere Entwickler darum gebeten, sich durch 50 React Native-Open-Source-Apps auf GitHub, zu arbeiten, daraus 10 auszuwählen, die ihnen am meisten gefielen und anschließend zu erklären, was sie so besonders macht.
In diesem Artikel werden Sie über aufschlußreiche Open-Source-Projekte auf Github erfahren und so viel Nutzen wie möglich aus ihrem Quellcode ziehen.
Feedback-Struktur
- Name der App
- Funktion
- Struktur
- Integrationen
- Warum es für Entwickler nützlich sein wird
Hier sind die Ergebnisse
Funktion: GitterMobile ist ein inoffizieller Client für Netzwerke und eine Chat-Plattform für Communities auf GitHub - Gitter. Sie können über seine Hauptfunktionen hier lesen.
Integrationen: React Native, React Native navigation, React Native vector icons, React invertible scroll view, React Native fetch blob, React Native scrollable tab view, React Native transformable image.
Warum es für für Entwickler nützlich sein wird: Ein gutes Beispiel für eine durch React Native entwickelte Kommunikationsplattform. Der gewählte Technologie-Stack ermöglicht eine Wiederverwendung des Codes zwischen systemeigenen und Netzplattformen.
Über das Projekt: AskApiko Mobile ist eine App wie Stack Exchange (Frage-und-Antwort), die wir als Demo erstellt haben für die React Native-Kurse, unterstützt von uns, Apiko - Apiko Full-Stack Intensivkurs. (Die Kurse sind zurzeit nur in ukrainisch, aber wir werden sie vermutlich bald international zugänglicher machen. Bleiben Sie also auf dem Laufenden!)
Warum es für Entwickler nützlich sein wird: Das ist eine Produktdemo, die demonstriert, wie einfach man mit React Native Forenähnliche Apps erstellen kann.
Funktion: KittenTricks ist ein Smartphone-Starter-Kit mit mehr als 40 Bildschirmen und unterstützt Theme Hot Reload. Es versorgt Sie mit einer Vielfalt an anpassbaren Layouts, dunklen und hellen Themes und gebrauchsfertigen React Native-Bildschirmen für Ihre nächste App.
Struktur: Kein Flux/Redux, alle Komponenten interagieren direkt mit Realm.
Integrationen: React Native UI Kitten, Realm, React Navigation.
Warum es für Entwickler nützlich sein wird: Es kann als Starter-Kit für eine App genutzt werden, oder als anschauliches Beispiel für die Nutzung von Realm in React Native.
Funktion: Demo app von "Reaktiver Kernarchitektur". Es ist eine schlichte React Native-Open-Source-App, die alle Doktoren der TV-Serie “Doctor Who” auflistet. Die Liste speist sich aus einer JSON-Datei, die in einem reaktiven Kern liegt. Sie nutzt Aktionen um den Doktor zu erhalten, zu den Details eines Doktors zu gehen und sie bei Name und Nummer zu sortieren.
Struktur: Die Architektur besteht aus drei Modulen:
- Der Kern: Beinhaltet die Geschäftslogik und den Zustand der App. Diese Komponente ist durch Redux-Framework implentiert.
- Die mobile App: implementiert per React Native-Framework.
- Die Webanwendung: Implementiert per React-Framework.
Integrationen: React, React Native, Redux
Warum es für Entwickler nützlich sein wird: Es ist ein gutes Beispiel dafür, wie Geschäftslogik vom Web und mobiler Präsentation trennen kann.
Funktion: Eine React-Komponente für “swipebare”(z.B. Tabs) Ansichten vom Web und RN (React Native).
Struktur: Das Projekt ist in 4 Pakete geteilt - Kernlogik, Web und RN-Implementierungen, + HOC, die zusätzliche Funktionen zu den Basiskomponenten hinzufügen.
Warum es für Entwickler nützlich sein wird: Es ist eine flexible, einfache Nutzweise und elegante Lösung für die Erstellung von swipebaren Komponenten, wie zum Beispiel Tabs
React-Native-nw-React-Calculator
Funktionalität: Dieses Projekt zeigt, wie der Quellcode zur Funktion auf verschiedenen Geräten aufgebaut werden kann.
Struktur: Anders als die vorher genannten Projekte, sind alle Dateien für verschiedene Plattformen in den gleichen Ordnern.
Warum es für Entwickler nützlich sein wird: Es ist ein gutes Beispiel für strukturgebende Komponenten und gemeinsame Logik einer plattformübergreifenden Anwendung.
Funktion: ein Klon der Aktien-App von iOS, geschrieben in React Native (verfügbare auf GooglePlay)
Struktur: Flux-Architektur wird bereitgestellt durch einem Alt, React Native-Router-Flux wird zum Routing genutzt
Warum es für Entwickler nützlich sein wird: Es ist ein anschauliches Beispiel zur Nutzung einer weiteren Flux-Implementierung, nicht nur Redux.
Funktion: Dies ist die vollständigste UI für React Native.
Architektur: Es nutzt nur UI-Komponenten
Integration: minimale Abhängigkeiten
Warum es für Entwickler nützlich sein wird: Es erlaubt, die API animierte Bibliothek zur einfacheren Komponentenanimation in RN.
Funktion: Plattformübergreifendes React Native-UI-Toolkit
Struktur: Ein Set an stilisierten RN-Komponenten
Integrationen: React Native side menu, React Native vector icons, React Native tab navigator.
Warum es für Entwickler nützlich sein wird: Die React Native-Elemente werden nützlich sein für Anfänger, die noch nicht genug Erfahrung haben mit Stilisierung in React Native.
Funktion: Standardsammlung von einfach nutzbaren Animationen und deklarativen Übergängen für React Native
Struktur: Nur wenige Komponenten und Transaktionen
Integrationen: Minimum von Abhängigkeiten
Warum es für Entwickler nützlich sein wird: Es erlaubt ein höheres Niveau von API animierter Bibliothek für einfachere Komponente, die in React Native animieren
Funktion: Perfi ist eine auf React Native basierende App mit Open-Source-Code, die Ihnen dabei hilft ihre Ausgaben und Einkünfte zu kontrollieren. Die App ist kostenlos und wenn sie ein Android-Nutzer sind, finden Sie die App über Google Play
Seine Hauptfunktionen sind:
- Intuitive und robuste Nutzeroberfläche
- 5 wesentliche Menüelemente zur schnellen und effektiven Untersuchung der persönlichen Finanzen
- Wechseln Sie zwischen Konten, zum Beispiel Kreditkarte oder Bar. Das Hinzufügen anpassbarer Konten ist auch möglich
- Mehrere Ausgabenkategorien und die Möglichkeit, Ihre eigene Kategorien hinzuzufügen
- Mühelose Erstellung von Transaktionen
- Sortierung und Betrachtung der Transaktionen per Datum und Uhrzeit, Kategorie oder Konto
- Transaktionentrends, damit Sie die Dynamik Ihres Einkommens und Ausgaben sehen können
- Geldüberweisung zwischen Konten sofortige Ergebnisdarstellung
- Eingebauter Rechner direkt im Vorgang einer Überweisung
Integrationen: Expo, React Native modal datetimer picker, React Native tab view, React Native popup menu, React navigation
Struktur: Redux, Recompose.
Warum es für Entwickler nützlich sein wird: Es bietet Beispiele dafür, wie man Recompose nutzen und Grafiken erstellen kann.
Es besteht für uns keinerlei Zweifel, dass Sie mehrere React Native Open-Source-Projekte ausgewählt haben und bereit sind, beizutragen! open-source projects and are ready to contribute! TechHub