Integrating a ReactJS frontend in Magento 2

Riccardo Tempesta

Friday 9 June 2017 from 12:25 to 12:50

Talk in English - UK at Mage Titans Italy 2017
View Slides: https://magespecialist.github.io/mt17it-slides/index.html#/
Short URL: https://joind.in/talk/06586 (QR-Code (opens in new window))

Avg. Rating

Magento 2 introduced the concept of strong frontend/backend separation – figuring frontend as an application exchanging data with the core through webservices. However the choice of the MVVM model of KnockoutJS is not sufficient to completely abstract the frontend as a self-contained, autonomous application.

Thanks to the easiness of implementation of Magento 2 webservices – using those already present or extending them – it is possible to move to a reactive programming model based on ReactJS.
We will this way create a performing, easily customizable, stable frontend layer with independent test units. This modular frontend might be made of separate components – each of which capable of replacing a specific pre-existing function.

We will show examples from real case studies, like a custom checkout funnel completely written in ReactJS.

http://www.magetitans.it/integrating-reactjs-frontend-magento-2-riccardo-tempesta/

Comments

Comments are closed.

Jisse Reitsma at 11:13 on 13 Jun 2017

React seems to be cool, and it made this talk even cooler. I definitely loved the lessons Riccardo shared while bumping into issues with his headless approach: It helps the community get a step closer to better headless support.

John Hughes at 20:30 on 13 Jun 2017

Really well presented, funny and importantly informative talk from Riccardo. Not only did it show how they use React, but the issues they have faced and the open source solutions they have created to solve some of these.