Drupal Costa Rica

Programacion Funcional Reactiva

Aplicada a JavaScript

Alberto Cole

  • https://cr.linkedin.com/in/alberto-cole-palacios-88623474

  • twitter.com/hybrisCole
  • skype: alberto.cole

JavaScript All The Things!

Naturaleza JS

  • Porque JavaScript?
  • Para qué se usaba JS?
  • Para qué se usa JS actualmente?
  • FRP al rescate :)

Declarativo (FP)

  • Encapsula implementación del sistema
  • Uso de expresiones que describen la logica sin especificar su flujo

Imperativo (OOP)

  • Secuencia que cambia el estado del sistema.
  • Descripción y evaluación juntas
var array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
for(let i = 0; i < array.length; i++) {
   array[i] = Math.pow(array[i], 2);
}
array; //-> [0, 1, 4, 9, 16, 25, 36, 49, 64, 81]
[0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map(num => Math.pow(num, 2));

Funciones Puras

  • Promueven inmutabilidad
  • Solo trabajan con los parámetros recibidos pero no los modifica
  • No genera cambios fuera del scope de la función
  • Es difícil trabajar con this
  • Reutilización de codigo
  • Modularizacion, una cosa a la vez

Inmutabilidad

  • Datos no se modifican una vez creados
  • Objetos por referencia***
  • state is the root of all evil
  • Comparación de objetos
  • Persistencia / Histora
  • Immutable.js

"functional programming refers to the declarative evaluation of pure functions to create immutable programs by avoiding externally observable side effects."

- Luis Atencio

Functional Programming In Javascript

FP vs OOP

  • JavaScript utiliza ambos
  • ES6 ""class""
  • encapsulamiento + herencia
  • inmutabilidad + composicion
  • Polimorfismo de funciones = trabajan con cualquier dato 
  • JS esta fuertemente basado en llamados de código asincrónico, entonces tiene mas sentido en trabajar orientado a funciones
  • JS Functions = Master Race
  • High Order Functions

FRP

  • Async Pyramid of Hell
  • Dependencias Temporales
  • Mix Sync/Async
  • Sub categoria de FP
  • Promise Monad / async/await
  • Observables
  • Manejar eventos de manera funcional
  • Dividir complejidad en tareas pequeñas

Links de Interés

  • https://www.manning.com/books/functional-reactive-programming
  • https://www.manning.com/books/functional-programming-in-javascript
  • https://gist.github.com/staltz/868e7e9bc2a7b8c1f754
  • github.com/hybrisCole
  • https://github.com/Reactive-Extensions/RxJS
  • https://dev.twitter.com/rest/public
  • pubnub.com
  • https://mobxjs.github.io/mobx/
  • victory.formidable.com
Made with Slides.com