Seminario de Ingeniería de Software - Universidad del Bío Bío Chillán - 20 de Noviembre de 2015

1. EL JAVASCRIPTO
Y LOS EMULADORES DE LA MUERTE
/@xabadu @fforres

2. AUTOBOMBO
SDE @ Groupon
JS Chile & Chile Dev <3
IC Champion
Fernando Larrañaga - @xabadu

3. AUTOBOMBO
SDE @ Groupon
Noders & JS Chile
Level 3 Salsa Ninja
Felipe Torres - @fforres

4. EL JAVASCRIPTO Y EL PRINCIPE NATIVO
a.k.a.
Como estuvimos a punto de dejarlo todo e irnos a vender
cuchuflís a la playa

5. Todo parte con una historia en una pequeña startup

8. ¿Android? Claro, tenemos años de experiencia
al respecto.

9. Existencia de la tecnología + 5 años =
Experiencia de la Startup

10. ¿Cómo empezamos?

11. LA (NO TAN) AYUDA
SDK
Dependencias
Ejemplos (?)
Documentación
Membresías

12. El primer hola mundo
import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;
public class HelloWorldActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
TextView text = new TextView(this);
text.setText("Hola mundo");
setContentView(text);
}
}

13. Hola mundo emulador

15. PROBLEMAS

16. (Muchos) nuevos conceptos

17. Especialización de lenguajes

18. Fragmentación

19. Iteraciones de desarrollo lentas

20. Implementaciones de versiones (muy) lentas

21. Tareas que debiesen ser sencillas, realmente no lo son

24. Baja tolerancia al cambio

25. Testing & Debugging

26. ¿Resultado?

27. EL JAVASCRIPTO Y LA CÁMARA DE LOS
FRAMEWORKS
a.k.a.
Esto necesita más jQuery

28. MIENTRAS TANTO EN LA WEB
Las cosas estaban cambiando...
Habían nuevas tecnologías
y la experiencia de desarrollo era mucho mejor.

29. NodeJS
Sockets
Frameworks JS: Ember, Angular, Backbone
CSS Preprocessors

30. Conclusión: Web rawks!
¿Y si llevamos algo de esto a móvil?

31. HOLA FRAMEWORKS

33. Algunos problemas los resolvieron muy bien
Fragmentación
Lenguajes
Nuevos conceptos
Complejidad de tareas
Simplificación del diseño *
Testing & Debugging *

34. Y otros... no tanto
Iteraciones de desarrollo seguían siendo lentas
Baja tolerancia al cambio

35. Pero además, generaron algunos problemas nuevos:
Performance
Acceso a core features
Simplificación del diseño

36. EL JAVASCRIPTO Y EL (NO TAN) PRISIONERO DE
LA WEB
a.k.a.
JavaScript... es como Java, ¿no?

37. El mercado de fameworks está lleno!

38. jQuery - Batman.JS - MooTools - YUI - jQuery UI - Knockout
JS - Wakanda - Dojo - Ember.JS - AngularJS - BackBone.js -
KendoUI - Unified.js

39. Una pequeña startup con una pequeña idea

40. Hacer una cosa y hacerla bien

41. ReactJS
la V del MVC, MVVM, MV*

42. Todo estaba por cambiar en base a 2 conceptos:
Componentes reutilizables
Estado de las aplicaciones

43. COMPONENTES

44. USER CARD
<div>
<div class="img">
<img src="./usuario">
</div>
<div>
<div class="nombre"> John </div>
<div class="apellido"> Cena </div>
</div>
</div>

45. COMPONENTE USERCARD
<usercard>
</usercard>

46. < GRIDDLE />
< Griddle results={fakeData} />

48. ESTADOS DE APLICACIONES

49. Maquina de Estados

50. SEMAFORO
verde
amarillo
rojo

51. <semaforo>
<luzverde></luzverde>
<luzamarilla></luzamarilla>
<luzroja></luzroja>
</semaforo>

52. <semaforo>
<luz tipo="{color}"></luz>
</semaforo>

53. REACT NATIVO

54. ESTADOS
- Y -
COMPONENTES

55. React Nativo
 + 

56. Fast

57. Android

58. IOS

60. React

61. COMPONENTES DISPONIBLES
No redescrubramos la rueda!

63. ¿ Y SI NO HAN CREADO EL MÓDULO XYZ ?

64. COMMUNITY MODULES
React Parts - Native

65. NATIVE MODULES
React Native - Native Modules

66. "SHOW ME THE MONEY"
reactnative.com/built-with-react-native

67. Facebook Groups

68. Facebook ADS

69. Discovery VR

70. Lets Go Live!

71.  Chile

72. 

73. Cool 

74. NODEBOTS

75. GAMING

76. No más AUTOCAD

77. Bet on
/@fforres @xabadu