Isaías Subero: Crea una SPA con WooCommerce y React.js

Continue the discussion

Published

October 18, 2019

WooCommerce es una herramienta poderosa y altamente personalizable ¿pero que pasaría si la combinásemos con tecnología de punta del lado del frontend como React? Obtendríamos el rendimiento que una SPA (Single Page Application) sin tener que desarrollar un complejo backend de ecommerce desde cero.Pudiésemos aprevechar muchas de las funcionalidades de WooCommerce (y muchas de sus extensiones) pero con una experiencia de usuario mejorada y altamente escalable; pudiendo incluso dar el salto a una Progressive Web App más adelante, de esas que tanto le gustan a Google. ¡El potencial es tremendo!Una estructura del taller: Create React App. Consumiendo la API de WooCommerce con Axios. Creando rutas con react-router. Creando las vistas: Productos, producto, checkout, gracias. Agregando estilos. Creando el componente Carrito. Manejando el estado global con Context Api de React. Creando pedidos.Nota: Por razones de tiempo y practicidad, el taller se realizaría con create-react-app en lugar de Next.JS, dejando de lado cosas como Server Side Rendering o autenticación de usuarios, porque a pesar de pertenecer a funcionalidades que se esperan en una aplicación real, no son esenciales para demostrar la combinación React-WooCommerce, que es lo que se quiere lograr con este taller.

Presentation Slides »

Rate this:

Event

WordCamp para desarrolladores Sevilla 2019 24

Speakers

Isaías Subero 1

Download
MP4: Low, Med, High, Original
OGG: Low
Subtitles
Subtitle this video →
Producer