Conoce nuestro stack tecnológico

2. Los reinos de Finizens
Nuestro stark tecnológico

3. Rodrigo Gómez
finizens.com
Software Engineer en Finizens desde el “git init”
@rodrigm
@rodri_rod

4. Javier Anaya
finizens.com
Backend, frontend and coffee maker en Finizens
@janayama
@ja_anaya

5. Agenda
finizens.com
1. Reinos de Finizens
2. Infraestructura
3. API
4. WebApp
5. Apps móviles

6. finizens.com
Reinos de
Finizens
Infraestructura
API WebApp Web
App
Nativas
...

7. Infraestructura

8. ¿Qué es importante
para nosotros?
INFRAESTRUCTURA
● Escalable
● Entorno reproducible y actualizable
● CI/CD
● Monitoring

9. APP NATIVAS
¿Qué usamos para conseguirlo?
@rodri_rod

10. Escalable
● Autoscaling - Escalado Horizontal
● RDS => Replicable
● S3
@rodri_rod

11. @rodri_rod
AWS

12. @rodri_rod
Web

13. @rodri_rod
WebApp

14. @rodri_rod
API

15. Y todo esto multiplicado por 3
Staging Demo Prod
@rodri_rod

16. Y a su vez por cada B2B
@rodri_rod
?
?

17. Reproducible y actualizable
● Docker
● Contenedores propios, iguales en desarrollo y producción
● Vagrant (Local)
● Replicamos servicios que nos ofrece Amazon
@rodri_rod

18. Continuous Integration / Continuous Delivery
● Desde el 1º día
● Usamos Codeship conectado con Github en cada Repo
@rodri_rod

19. Monitoring
● CloudWatch
● Estado de las máquinas
● Estado de los servicios (RDS, etc.)
● Guardamos todos los logs
@rodri_rod

20. Monitoring
● NewRelic
● Estado de los contenedores
En nuestro caso, php-fpm, php-cli, nginx
@rodri_rod

21. Monitoring
● RollBar
● Nos permite guardar todos los
errores y sus ocurrencias.
● Conectado con GitHub
@rodri_rod

22. Cosas a
mejorar
INFRAESTRUCTURA
● Son muchos entornos y deberíamos de
automatizar
● Bajar el tiempo de deploy

23. API

24. ¿Qué es importante
para nosotros?
API
● Sea flexible para negocio y entendible para desarrollo
● Sea extensible y nos permita crecer
● Sea mantenible y nos permita contratar
● Sea rápida

25. APP NATIVAS
¿Qué usamos para conseguirlo?
@rodri_rod

26. Flexible para negocio
● Nuestro core es nuestro negocio (Focus on business)
● Mantenemos la simplicidad (Esto es duro)
● DDD - Domain Driven Development - Parte estratégica
● Lenguaje ubicuo => Negocio y desarrollo hablamos el
mismo idioma
@rodri_rod

27. Entendible para desarrollo
● SOLID
● También usamos la parte táctica de DDD
○ Bounded Contexts, Entities, …
○ Arquitectura hexagonal (Ports & Adapters)
○ CQS => Command Query Separation
@rodri_rod

28. Extensible y mantenible
● Mantenemos el código sano y todo lo que ello conlleva
● Lo tenemos muy actualizado, al día (PHP 7.1, sf 3.3)
● Nos apoyamos en el framework pero no nos acoplamos
@rodri_rod

29. Extensible y mantenible
● Tenemos una buena bateria de tests que
nos permite refactorizar
● Test de integración para partes críticas
(sqlite)
● Test unitarios (phpunit)
@rodri_rod

30. Extensible y mantenible
● Tenemos un buen coverage de Test
(principalmente en Domain, nuestro core)
● Nos permite refactorizar, sin miedo
@rodri_rod

31. Rápida
● No renderizamos
● Workers => Intentamos procesar todo en asíncrono
○ Integraciones con 3s
○ Emails, SMS, generación de documentos
@rodri_rod

32. Cosas a
mejorar
API
● Alguna abstracción inadecuada (bounded context)
en el pasado
● GraphQL

33. Webapp

34. @ja_anaya
¿Qué es una webapp?
Responsive
El contenido se adapta al
dispositivo. La experiencia
debe ser lo más parecida a
una app nativa.
Se comunica por API
No se carga ni compila
desde el servidor. Es una
pieza totalmente
separada. Consume una
api.
Optimizada
Está totalmente optimizada
para dispositivos móviles
reduciendo al máximo
tamaños de JS y CSS para
que funcione sobre redes
3G/4G.

35. ¿Qué es importante
para nosotros?
WEBAPP ● Que no dependa del backend
● Cargue de manera casi instantánea
● Apariencia móvil 100%

36. ¿Qué usamos para conseguirlo?
@ja_anaya

37. El framework
@ja_anaya
Donde...
no es el problema

38. @ja_anaya
Repito
El framework
es el problemaNO

39. @ja_anaya
Error 1
No mantener el código

40. Invertir tiempo en mantener el código actualizado
¿Cómo?
@ja_anaya
¿Qué estamos haciendo nosotros?
● De GULP a WEBPACK
● DE ES5 a ES6
● De directivas a Componentes
● Uso de hot-reloading

41. @ja_anaya
Error 2
Programar para el framework

42. No acoplarte al framework cuando puedes hacerlo tu mismo
¿Cómo?
@ja_anaya
¿Qué estamos haciendo nosotros?
● No poner tu código en los controladores
● Usar servicios
● Tu lógica de negocio

43. Beneficios
@ja_anaya
● Encapsulación
● Código testable
● Código mantenible
● Flexibilidad

44. Error 3
Descuidar los estilos
@ja_anaya

45. Dar una función clara a los elementos
¿Cómo?
@ja_anaya
¿Qué estamos haciendo nosotros?
● Dando significado y propósito semántico
● DRY: Un bloque es reusable y autocontenido
● Desacoplar el CSS del HTML
● SRP: Los elementos solo se preocupan de ellos mismos
● Open/Close: Modificadores solo extienden
BLOCK ELEMENT MODIFIER: BEM

46. Test
● Test unitarios: Jasmine y Karma
● Test de integración:
En partes fundamentales del negocio
En cada deploy a prod
@ja_anaya

47. Cosas a
mejorar
WEBAPP
● Más progressive Webapp: Offline y notificaciones
● Más componentes y documentar con Storybook

48. App nativas

49. ¿Qué es importante
para nosotros?
APP NATIVAS
● Prueba de concepto funcional
● Equilibrio entre negocio y desarrollo ideal

50. ¿Qué usamos para conseguirlo?
@ja_anaya

51. ¿Qué hemos hecho?
@ja_anaya
● Alinear el desarrollo de IOS y Android con React-
Native
● Cargar nuestra Webapp dentro de una webview
nativa
● Comunicar la webview con la app nativa

52. Cosas a
mejorar
APPS NATIVAS
● Más y mejores test. Corrimos ahora toca mejorar.
● Mejorar integración continua para deploys de
apps en Beta.
● Añadir funcionalidades nativas: Notificaciones,
login con huella dactilar

53. ¡SORPRESA! ¡Estamos contratando!
@ja_anaya
● Backend engineer
● Frontend engineer
Enlace: https://angel.co/finizens/jobs

54. Gracias :)
@rodri_rod
@ja_anaya
¿Preguntas?