Creando apps móviles en React Native
-
Upload
belatrix-software -
Category
Software
-
view
117 -
download
0
Transcript of Creando apps móviles en React Native
Nuestras locaciones
NuestrosPanelistas
John Machahuay UI Developer
Karla CerrónMarketing Analyst
QUESTIONS#ReactNativeBSF
Aplicaciones híbridasHablemos de React Native¿Cómo iniciar?DebuggingEjemplo¿Por qué usar React Native?Recursos
Overview
QUESTIONS#ReactNativeBSF
Aplicaciones Híbridas
QUESTIONS#ReactNativeBSF
"mobile web app", un "HTML5 app“Un webView ejecuta la web appAcceso a las APIs nativasEscribe una vez, despliégalo en distintas plataformasLos componentes de UI son HTML con CSS link
Aplicaciones híbridas son
QUESTIONS#ReactNativeBSF
React Native es una extensión de híbrido
QUESTIONS#ReactNativeBSF
Componentes nativos de UI linkCreado y mantenido por FacebookApps escritos en JavascriptAprende una vez, escribe para distintas plataformas80% - 90% código compartido
React Native
QUESTIONS#ReactNativeBSF
Los sistemas operativos soportados son >= Android 4.1 (API 16) and >= iOS 8.0.No HTMLNo CSS directamente – FlexboxNo WebView
React Native
QUESTIONS#ReactNativeBSF
React (web)
React Native vs React
QUESTIONS#ReactNativeBSF
React Native (mobile)
React Native vs React
QUESTIONS#ReactNativeBSF
FacebookInstagramDiscoverySouncloudAirbnbWix
React Native - Producción
QUESTIONS#ReactNativeBSF
Instalar NodeJS linkInstalar el CLI: npm install -g react-native-cliReact-native init DemoAppReact-native run-iosReact-native run-android
¿Cómo iniciar?
QUESTIONS#ReactNativeBSF
Veámos el código
QUESTIONS#ReactNativeBSF
Componentes
QUESTIONS#ReactNativeBSF
Estilos
QUESTIONS#ReactNativeBSF
Peticiones al servidor
QUESTIONS#ReactNativeBSFComponentes
QUESTIONS#ReactNativeBSF
Ejemplohttps://github.com/JohnProg/Blog-App
QUESTIONS#ReactNativeBSF
¿Por qué usar React Native?
QUESTIONS#ReactNativeBSF
Apariencia nativa de los componentes
QUESTIONS#ReactNativeBSF
Rendimiento
QUESTIONS#ReactNativeBSF
Mejor productividad del desarrollador
QUESTIONS#ReactNativeBSF
React Native es extendible
QUESTIONS#ReactNativeBSF
Aprende una vez, escribe para distintas plataformas
QUESTIONS#ReactNativeBSF
https://www.toptal.com/mobile/comparing-react-native-to-cordovahttps://developers.soundcloud.com/blog/react-native-at-soundcloudhttp://mrn.js.org/https://facebook.github.io/react-native/releases/next/docs/getting-started.html#contenthttps://getexponent.com/https://github.com/mcnamee/react-native-starter-app
Recursos
Contacto John Machahuay @Johnp_js on Twitter & Github
¡Muchas Gracias!