React Native Guide

Αντιδράστε εγγενείς

Το React Native είναι ένα πλαίσιο πολλαπλών πλατφορμών για τη δημιουργία εφαρμογών για κινητά που μπορούν να εκτελούνται εκτός του προγράμματος περιήγησης - συνήθως εφαρμογές iOS και Android

Μπορεί να χρησιμοποιηθεί για τη δημιουργία εφαρμογών σε συσκευές Windows, λειτουργικά συστήματα επιτραπέζιων υπολογιστών και Apple TV, αλλά αυτός ο οδηγός θα καλύπτει μόνο τον πιο κοινό σκοπό του - εφαρμογές Android και iOS.

Πίνακας περιεχομένων

  • Τι είναι το React Native;
  • Λόγοι για να επιλέξετε το React Native
  • Πώς να ξεκινήσετε με το React Native

Τι είναι το React Native;

Το React Native εμπίπτει ανάμεσα σε εγγενείς και υβριδικές εφαρμογές στο φάσμα εφαρμογών για κινητά. Η διεπαφή χρήστη που δημιουργείτε είναι εντελώς εγγενής και η συνολική απόδοση της εφαρμογής είναι σχεδόν τόσο καλή όσο η σύνταξη μιας εγγενής εφαρμογής.

Σας δίνει επίσης την ευελιξία να ενσωματώσετε προβολές ιστού (ιστοσελίδες) ή εγγενή κώδικα (Java / Kotlin για Android, Objective C / Swift για iOS) εντός των εφαρμογών σας όπου θέλετε.

Ακολουθεί το ίδιο μοτίβο με το React όπου οι προβολές (αυτό που βλέπετε στην οθόνη) αποδίδονται από τα αρχεία JavaScript. Η διαφορά είναι ότι παρέχει το δικό του API για τον χειρισμό εγγενών προβολών για κινητά έναντι του DOM στον ιστό.

Εάν είστε μπερδεμένοι με το πώς λειτουργεί αυτό, ακολουθήστε αυτόν τον οδηγό στο freeCodeCamp και θα σας οδηγήσει βήμα προς βήμα σε αυτές τις έννοιες.

Λόγοι για να επιλέξετε το React Native

  1. Επαναχρησιμοποίηση κώδικα  - Χρησιμοποιεί έναν κωδικό βασισμένο που μοιράζεται και στις δύο πλατφόρμες.
  2. Επαναχρησιμοποίηση εργαλείων και δεξιοτήτων ιστού  - Επαναχρησιμοποίηση γνώσεων JavaScript, εργαλείων και βοηθητικών προγραμμάτων όπως τοaxiosRedux και άλλες βιβλιοθήκες που δεν απαιτούν το DOM από τον ιστό.
  3. Βελτιστοποιημένο για παραγωγικότητα προγραμματιστή  - Διατίθεται με λειτουργίες όπως επαναφόρτωση λειτουργικής / ζωντανής λειτουργικής μονάδας και εργαλεία προγραμματιστή χρωμίου για αποσφαλμάτωση!
  4. Απόδοση  - Αποδίδει καλύτερα από υβριδικά πλαίσια εφαρμογών όπως το Ionic και το Cordova, καθώς δεν χρησιμοποιεί προβολές ιστού.
  5. Εταιρική υποστήριξη  - Πολλές εταιρείες υποστηρίζουν και συνεισφέρουν στο React Native συμπεριλαμβανομένων των Walmart, Airbnb, Wix και, φυσικά, Facebook.
  6. Κοινότητα  - Το React Native έχει μια μεγάλη (και αυξανόμενη) κοινότητα με περισσότερους από 1500 συνεισφέροντες στο βασικό έργο και χιλιάδες ακόμη που συνεισφέρουν σε διάφορες βιβλιοθήκες.
  7. Καλύτερη εμπειρία χρήστη  - Το React Native χρησιμοποιεί τον κώδικα JavaScript για την απόδοση εγγενών στοιχείων από το λειτουργικό σύστημα του τηλεφώνου σας. Με άλλα λόγια, το περιβάλλον εργασίας χρήστη της εφαρμογής (UI) είναι εντελώς εγγενές!
  8. Cross-Platform - Ένας πολύ καλός τρόπος για να δημιουργήσετε πρωτότυπα και να εξοικονομήσετε χρόνο, ενώ δημιουργείτε είτε μια καθολική διεπαφή χρήστη είτε μια συγκεκριμένη πλατφόρμα για κινητές εφαρμογές που μπορεί να εκτελείται σε συσκευές iOS και Android.

Πώς να ξεκινήσετε με το React Native

Υπάρχουν δύο γρήγοροι και εύκολοι τρόποι για να ξεκινήσετε με το React Native. Ανάλογα με την περίπτωσή σας, μπορεί να είναι μια καλύτερη επιλογή για εσάς.

  1. Δημιουργία εφαρμογής React Native - Παρόμοια με την εφαρμογή React, ενεργοποιείται και λειτουργεί χρησιμοποιώντας το τερματικό.
  2. Expo - Ιδανικό για πρωτότυπο μια εφαρμογή ή αν είναι νωρίτερα. Χρησιμοποιώντας το Expo μπορείτε ακόμη και να δημιουργήσετε μια γρήγορη εφαρμογή χρησιμοποιώντας δυνατότητες μεταφοράς και απόθεσης από το snack.expo.io στο πρόγραμμα περιήγησης.

Περισσότεροι πόροι στο React Native:

  • Πώς να δημιουργήσετε εφαρμογές για κινητά με το React Native
  • Λειτουργικά συστατικά έναντι κλάσης στο React Native
  • Πώς να δοκιμάσετε το React Native Apps με Jest και Enzyme