Los reinos de Finizens
Nuestro stark tecnológico

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

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

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

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

Infraestructura

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

APP NATIVAS
¿Qué usamos para conseguirlo?
@rodri_rod

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

@rodri_rod
AWS

@rodri_rod
Web

@rodri_rod
WebApp

@rodri_rod
API

Y todo esto multiplicado por 3
Staging Demo Prod
@rodri_rod

Y a su vez por cada B2B
@rodri_rod
?
?

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

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

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

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

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

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

API

¿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

APP NATIVAS
¿Qué usamos para conseguirlo?
@rodri_rod

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

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

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

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

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

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

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

Webapp

@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.

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

¿Qué usamos para conseguirlo?
@ja_anaya

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

@ja_anaya
Repito
El framework
es el problemaNO

@ja_anaya
Error 1
No mantener el código

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

@ja_anaya
Error 2
Programar para el framework

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

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

Error 3
Descuidar los estilos
@ja_anaya

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

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

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

App nativas

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

¿Qué usamos para conseguirlo?
@ja_anaya

¿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

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

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

Gracias :)
@rodri_rod
@ja_anaya
¿Preguntas?