React Native Guide

React Native

A React Native egy platformon átívelő keretrendszer a böngészőn kívül is futtatható mobil alkalmazások - leggyakrabban iOS és Android alkalmazások - építéséhez

Alkalmazások építhetők Windows eszközökön, asztali operációs rendszereken és Apple TV alkalmazásokon is, de ez az útmutató csak a leggyakoribb célt - az Android és az iOS alkalmazásokat - fedi le.

Tartalomjegyzék

  • Mi a React Native?
  • A React Native választásának okai
  • Hogyan kell elkezdeni a React Native alkalmazást

Mi a React Native?

A React Native a natív és a hibrid alkalmazások közé esik a mobilalkalmazások spektrumában. A létrehozott felhasználói felület teljesen natív, és az alkalmazás teljes teljesítménye majdnem olyan jó, mint egy natív alkalmazás megírása.

Ezenkívül rugalmasságot kínál a webes nézetek (weboldalak) vagy a natív kód (Java / Kotlin for Android, Objective C / Swift for iOS) beágyazásához az alkalmazásokba, bárhová szeretné.

Ugyanazt a mintát követi, mint a React, ahol a nézetek (amit a képernyőn látsz) a JavaScript fájlokból kerülnek megjelenítésre. A különbség az, hogy a saját API-t biztosítja a natív mobil nézetek és a webes DOM kezeléséhez.

Ha zavart a működésével kapcsolatban, kövesse ezt az útmutatót a freeCodeCamp oldalon, és lépésről lépésre át fogja vezetni ezeket a fogalmakat.

A React Native választásának okai

  1. Kód újrafelhasználhatóság  - Egy kódot használ, amelyet mindkét platform megoszt.
  2. A webes eszközök és készségek  újrafelhasználása - A JavaScript-ismeretek, eszközök és segédprogramok, például aaxiosRedux és más olyan könyvtárakújrafelhasználása, amelyek nem igénylik a DOM-ot az internetről.
  3. A fejlesztői termelékenységre optimalizált  - Olyan funkciókkal rendelkezik, mint a hot / live modul újratöltése és a króm fejlesztői eszközök a dobozon kívüli hibakereséshez!
  4. Teljesítmény  - jobban teljesít, mint az olyan hibrid alkalmazáskeretek, mint az Ionic és a Cordova, mivel nem használ webes nézeteket.
  5. Vállalati támogatás  - Sok cég támogatja és járul hozzá a React Native-hoz, beleértve a Walmart, az Airbnb, a Wix és természetesen a Facebook-ot is.
  6. Közösség  - A React Native nagy (és egyre növekvő) közösséggel rendelkezik, több mint 1500 közreműködője van az alapprojektnek, és több ezren vesznek részt különböző könyvtárakban.
  7. Jobb felhasználói élmény  - A React Native a JavaScript kódot használja a natív komponensek megjelenítésére a telefon operációs rendszeréből. Más szavakkal, az alkalmazás felhasználói felülete (UI) teljesen natív!
  8. Cross-Platform - Nagyszerű mód prototípus készítésre és időmegtakarításra, univerzális felhasználói felület vagy platformspecifikus mobilalkalmazás kiépítése révén, amely iOS és Android eszközökön egyaránt futtatható.

Hogyan kell elkezdeni a React Native alkalmazást

A React Native használatának két gyors, egyszerű módja van. A helyzetétől függően az egyik lehet jobb megoldás az Ön számára.

  1. React Native App létrehozása - A React App létrehozásához hasonlóan a terminál használatával is elindul és fut.
  2. Expo - A legjobb az alkalmazás prototípusának elkészítéséhez, vagy ha annak korábbi szakasza van. Az Expo használatával akár egy gyors alkalmazást is létrehozhat a böngészőben található snack.expo.io fogd és vidd funkcióival.

További források a React Native-on:

  • Hogyan készítsünk mobilalkalmazásokat a React Native segítségével
  • Funkcionális és osztályösszetevők a React Native-ban
  • A React Native Apps tesztelése a Jest és az Enzyme segítségével