SlideShare una empresa de Scribd logo
2
Lo más leído
3
Lo más leído
4
Lo más leído
React native
AGENDA
Qué es?
Cómo funciona?
Historia
Porqué usarlo?
Performance
Quién lo usa?
Porqué vamos a usarlo en HOP?
Futuro
Demo
QUÉ ES?
Que no es?
• App web incrustada dentro una webview
• App js
React Native es un framework open source
creado por Facebook para desarrollo de apps
mobile nativas utilizando JavaScript, React y
JSX
CÓMO FUNCIONA?
React Native toma el código JavaScript ( React y JSX )
y utilizando un “puente” invoca APIS en código para
generar la aplicacion para cada dispositivo -
Objective-C (iOS) o Java (Android)
HISTORIA
2009 - Apache Cordova
2011 - Xamarin
2013 - Ionic – angularjs
2014 - Swift (IOS)
2015 - React Native
2016 – Kotlin (Android)
2017 - Flutter
La principal diferencia entre ReactNative y las apps basadas en Cordova es
que en Cordova las apps se ejecutan dentro de una webview, mientras
las RectNative apps renderizan utilizando views nativas.
Las apps de ReactNative tienen acceso directo a todas la APIs y views que
ofrecen los sistemas operativos. De forma que la experiencia de usuario y el
rendimiento es el mismo de una aplicación 100% nativa.
PORQUE USAR REACT NATIVE
Rápido desarrollo
Utiliza componentes nativos
LiveReload
Unit testing con Jest
Mismo código para apps IOS y Andriod
Rápida curva de aprendizaje
Componentes reutilizables
Se puede utilizar junto con código nativo
PERFORMANCE
Comparing the Performance between Native iOS (Swift) and React-Native
Una contra de ReactNative es el peso de la app ya compilada
QUIEN LO USA?
HOP
Código React
Comparte código entre desktop y mobile
Versión IOS y versión Android.
Equipo de desarrollo reducido
Cuenta con una gran comunidad
Gran cantidad de paquetes ya desarrollados
FUTURO
FUTURO?
DEMO
Let's see how its works!
Q&A
Preguntas?

Más contenido relacionado

PPTX
React native
PDF
Introduction to react native
PDF
Intro to react native
PPTX
Reactjs
PDF
introduction to Vue.js 3
PDF
Introduction to React JS
PPTX
Introduction to flutter's basic concepts
PPTX
React native
Introduction to react native
Intro to react native
Reactjs
introduction to Vue.js 3
Introduction to React JS
Introduction to flutter's basic concepts

La actualidad más candente (20)

PDF
Getting started with appium
PPTX
Intro to React
PPTX
Its time to React.js
PDF
DSC IIITL Flutter Workshop
PDF
Native mobile application development with Flutter (Dart)
PPTX
ASP.NET Web API
PPTX
Introduction to Apache Cordova (Phonegap)
PPT
PPTX
React Native
PPTX
.Net Core
PDF
Intro To React Native
PDF
Flutter Tutorial For Beginners | Edureka
PPTX
Presentation on "An Introduction to ReactJS"
PPTX
React JS: A Secret Preview
PDF
React JS - Introduction
PDF
Spring I/O 2012: Natural Templating in Spring MVC with Thymeleaf
PPTX
Introduction to React JS for beginners | Namespace IT
PDF
Introduction to Progressive web app (PWA)
PDF
Introduction to React Native
PPTX
Getting started with appium
Intro to React
Its time to React.js
DSC IIITL Flutter Workshop
Native mobile application development with Flutter (Dart)
ASP.NET Web API
Introduction to Apache Cordova (Phonegap)
React Native
.Net Core
Intro To React Native
Flutter Tutorial For Beginners | Edureka
Presentation on "An Introduction to ReactJS"
React JS: A Secret Preview
React JS - Introduction
Spring I/O 2012: Natural Templating in Spring MVC with Thymeleaf
Introduction to React JS for beginners | Namespace IT
Introduction to Progressive web app (PWA)
Introduction to React Native
Publicidad

Similar a React native (20)

PPTX
Creando apps móviles en React Native
PPTX
React native - t3chfest 2016
PPT
ReactJS + ReactNative = React Developer
PDF
Primeros pasos con ReactNative
PDF
Julio Araya - Desarrollo ágil de aplicaciones móviles con React-Native
PDF
Entornors de desarollo web: ReactJS(Javascript)
PPTX
React, Flux y React native
PDF
React – ¿Qué es React.js?
PDF
Introducción al ecosistema de React.js
PPTX
React-Framework Exposicion sobre React, composiciones etc.
PDF
Reactvolution
PDF
Nativescript
PPTX
Desarrollo de Aplicaciones N° 01 - 02 - reactjs(2).pptx
PDF
Mobile Day - Triple Amenaza
PDF
DAM_18520450_Trabajando con React Native.pdf
PDF
React - Drupal Camp 2016
PPTX
Creando Animaciones en React Native
PDF
Aplicaciones móviles multiplataforma con React Native y Redux
PDF
Integrando React.js en aplicaciones Symfony (deSymfony 2016)
PPTX
Material Apoyo ReactJS U- de caldas.pptx
Creando apps móviles en React Native
React native - t3chfest 2016
ReactJS + ReactNative = React Developer
Primeros pasos con ReactNative
Julio Araya - Desarrollo ágil de aplicaciones móviles con React-Native
Entornors de desarollo web: ReactJS(Javascript)
React, Flux y React native
React – ¿Qué es React.js?
Introducción al ecosistema de React.js
React-Framework Exposicion sobre React, composiciones etc.
Reactvolution
Nativescript
Desarrollo de Aplicaciones N° 01 - 02 - reactjs(2).pptx
Mobile Day - Triple Amenaza
DAM_18520450_Trabajando con React Native.pdf
React - Drupal Camp 2016
Creando Animaciones en React Native
Aplicaciones móviles multiplataforma con React Native y Redux
Integrando React.js en aplicaciones Symfony (deSymfony 2016)
Material Apoyo ReactJS U- de caldas.pptx
Publicidad

Último (11)

PPTX
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
PPTX
Conceptos basicos de Base de Datos y sus propiedades
PPTX
Derechos_de_Autor_y_Creative_Commons.pptx
PPTX
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
PDF
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
PDF
Su punto de partida en la IA: Microsoft 365 Copilot Chat
PPTX
sistemas de informacion.................
DOCX
trabajo programacion.docxxdxxxddxdxxdxdxxxdxxdxdxd
PPTX
Fundamentos de Python - Curso de Python dia 1
PPTX
Implementación equipo monitor12.08.25.pptx
PDF
AutoCAD Herramientas para el futuro, Juan Fandiño
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
Conceptos basicos de Base de Datos y sus propiedades
Derechos_de_Autor_y_Creative_Commons.pptx
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
Su punto de partida en la IA: Microsoft 365 Copilot Chat
sistemas de informacion.................
trabajo programacion.docxxdxxxddxdxxdxdxxxdxxdxdxd
Fundamentos de Python - Curso de Python dia 1
Implementación equipo monitor12.08.25.pptx
AutoCAD Herramientas para el futuro, Juan Fandiño

React native

  • 2. AGENDA Qué es? Cómo funciona? Historia Porqué usarlo? Performance Quién lo usa? Porqué vamos a usarlo en HOP? Futuro Demo
  • 3. QUÉ ES? Que no es? • App web incrustada dentro una webview • App js React Native es un framework open source creado por Facebook para desarrollo de apps mobile nativas utilizando JavaScript, React y JSX
  • 4. CÓMO FUNCIONA? React Native toma el código JavaScript ( React y JSX ) y utilizando un “puente” invoca APIS en código para generar la aplicacion para cada dispositivo - Objective-C (iOS) o Java (Android)
  • 5. HISTORIA 2009 - Apache Cordova 2011 - Xamarin 2013 - Ionic – angularjs 2014 - Swift (IOS) 2015 - React Native 2016 – Kotlin (Android) 2017 - Flutter La principal diferencia entre ReactNative y las apps basadas en Cordova es que en Cordova las apps se ejecutan dentro de una webview, mientras las RectNative apps renderizan utilizando views nativas. Las apps de ReactNative tienen acceso directo a todas la APIs y views que ofrecen los sistemas operativos. De forma que la experiencia de usuario y el rendimiento es el mismo de una aplicación 100% nativa.
  • 6. PORQUE USAR REACT NATIVE Rápido desarrollo Utiliza componentes nativos LiveReload Unit testing con Jest Mismo código para apps IOS y Andriod Rápida curva de aprendizaje Componentes reutilizables Se puede utilizar junto con código nativo
  • 7. PERFORMANCE Comparing the Performance between Native iOS (Swift) and React-Native Una contra de ReactNative es el peso de la app ya compilada
  • 9. HOP Código React Comparte código entre desktop y mobile Versión IOS y versión Android. Equipo de desarrollo reducido Cuenta con una gran comunidad Gran cantidad de paquetes ya desarrollados
  • 12. DEMO Let's see how its works!

Notas del editor

  • #12: Pros of Flutter Faster code writing that normally takes seconds and helps teams with adding features, fixing bugs, and experimenting faster Developers need to write just one codebase which is used for apps covering both Android and iOS platforms Having a similar app for two platforms means that it requires less time in testing and the Quality Assurance process can be faster. Simple to make your own widgets or customize existing widgets such as material design widgets or Cupertino widgets. Ideal for MVP because you need to build the app in less time Cons of Flutter Flutter is still in beta and has not released the stable version yet. It is also not supported by Continuous Integration (CI) platforms like Travis or Jenkins. Thus, in order to achieve automatic building, app testing, and deployment, your development team needs to use and keep custom content. Flutter is fully supported by Google and there are several useful libraries with functionalities that are ready to implement. However, Flutter is still not at all that rich with respect to native development Pros of Xamarin The framework uses C# language that functions flawlessly over a myriad of platforms (Android, iOS, and Windows) More than 1.4 million developers used Xamarin in the first quarter of 2017, due to its ability to write native UI codebase for mobile app development If you are building an app for multiple platforms (like Android, iOS, etc.) you can share or reuse most of your code in your app for the other platforms Access to native API: You can get platform-specific functionalities in your app Several controls and layouts provided in Xamarin helps with a faster development process Faster app development with NuGet and Xamarin plugins Used by numerous well-known brands, this cross-platform app development framework offers competitiveness in developing outstanding native app interfaces that successfully outperforms the limitations of hybrid apps Cons of Xamarin Xamarin is not free and you not only need to buy the framework but its price. So, this is not at all for startups or budget constraint businesses Limited access to different vital libraries for the creation of an app using this framework User-Interface (UI) development is time-consuming as the core user-interface creation is not mobile Xamarin suffers from low community activity, which is not good for developing a framework.