React Native vs Vue Native - Setup Project

Intro

Bij beide talen heb ik gebruik gemaakt van de Expo Cli en ben ik niet gegaan om IOS and Android apart te gaan configureren.

Expo is een framework en platform voor universele React toepassingen. Het bestaat uit een set tools en services gebouwd rond React Native en native platforms die mij geholpen hebben met het ontwikkelen en implementeren van apps.

Het is makkelijk om voor beide platformen een project te starten. Je gaat in een folder naar keuze a.d.h.v je terminal. In je terminal verschilt de command wel maar niet zoveel. Bij react Native voer je 'expo init <projectNaam>' .

En bij Vue Native: 'vue-native init <projectNaam>'.

Bij beide moet je dan dezelfde configuratie doen in de terminal behalve heb je de optie bij React Native om een template te kiezen. Hier is dit het enigste verschil. Bij beide moet je dan de naam van de app ingeven en selecteren dat je yarn zal gebruiken om dependencies te installeren of niet. Na deze stap zal je project aangemaakt worden.

De structuur van de aangemaakte project is zo goed als het zelfde. Maar bij Vue Native worden er voor de components bijvoorbeeld een .vue file gebruikt en bij React Native .js files. Maar wat er wel anders is is de structuur binnen deze 2 files. We nemen deze 2 voorbeelden.

React Native Vue Native

Over componenten en styling heb ik al besproken maar laten we nu eens kijken naar de structuur van een vue file en js file in vue native en react native. Zoals je ziet moet je de components die je gaat gebruiken in react native importeren en bij vue native niet. Ook is de Vue native file opgedeeld in 3 verschillende zaken de template, script en style. Wat er hierin gebeurd spreekt voor zich. Je ziet dat er wel wat verschillen inzitten maar beide componenten voeren hetzelfde uit.