React con Drupal 8

Alfredo Bonilla

2016

• Alfredo Bonilla
• Organizador CostaRicaJS
• Desarrollador Web
• JavaScript, Drupal, PHP
• Música, Open Source

¡Hola!

@brolag

React

Es una librería de código abierto creada por Facebook para crear interfaces de usuario que ofrece grandes beneficios en rendimiento y modularidad.

React es la V del MVC.

Es especialmente útil cuando tenemos varios elementos que cambian por separado en nuestra página.

Caracteristicas de React

• Es una librería no un framework.
• Orientada a componentes.
• Utiliza Virtual DOM.
• Utiliza programación declarativa.
• Sintaxis basada en elementos llamada JSX.
• Funciona unilateralmente.

Programación declarativa

• Reduce efectos colaterales.

• Minimiza la mutabilidad.

• Mejora la legibilidad del código.

// Programación Imperativa (Cómo)

var numbers = [4,2,3,6];
var total = 0;
for (var i = 0; i < numbers.length; i++) {
    total += numbers[i]
}

// Programación Declarativa (Qué)

var numbers = [4,2,3,6];
numbers.reduce(function (previous, current) {
    return previous + current;
});

Ventajas de React

• Es muy eficiente.
• Es compatible con frameworks MVC.
• Sintaxis fácil de comprender.
• Es fácil de extender y mantener.
• Es amigable con el SEO.

Desventajas de React

• Efecto Frankenstein.
• Está diseñada únicamente para la interfaz.
• Curva de aprendizaje un poco empinada.
• La integración con MVCs puede implicar un esfuerzo de configuración.

Módulos requeridos para D8

• RESTful Web Services
• RestUI
• CORS
• HAL

Demo

https://github.com/brolag/D8ReactApp

Muchas gracias

https://slides.com/alfredobonilla/