10 React Native-Open-Source-Projekte, die Sie kennen sollten 10 React Native-Open-Source-Projekte, die Sie kennen sollten

10 React Native-Open-Source-Projekte, die Sie kennen sollten

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

GitterMobile

online B2B food distributor that links food producers directly with hotel, restaurant, distributor and retailer buyers

GitterClient

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.

AskApikoMobile

AskApiko Mobile

AskApiko Mobile

AskApiko Mobile

Ü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.

KittenTricks

AskApiko Mobile

AskApiko Mobile

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.

DoctorWho DoctorWho

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.

React Swipeable Views

React Swipable View

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

ReactNative 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.

Finance React Native

FinanceReactNative

FinanceReactNative

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

Integrationen

Warum es für Entwickler nützlich sein wird: Es ist ein anschauliches Beispiel zur Nutzung einer weiteren Flux-Implementierung, nicht nur Redux.

React Native gifted chat

GiftedChat GiftedChat React Native

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.

React Native elements

ReactNative elements

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.

React Native animatable React Native animation

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

Perfi

Perfi

Perfi

Perfi

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!

Loading Comments
Apiko
COMPANY
Get in touch with
expert to discuss your
business prospects and tech.
Lasnamae linnaosa, Pae tn 25-47,
Harju maakond, Tallinn, Estonia, 11414
© 2014 - 2020 Apiko. All rights reserved. We value your privacy. None of the details supplied will be shared with external parties
ClutchGithubFacebookLinkedinTwitterDribbble