How to integrate ReactJS with Magento 2 frontend?

Question

I try to add ReactJS in my custom theme but I don't have any idea to How to integrate ReactJS with Magento 2 frontend.

I want to make Magento 2 frontend using react js instead of knockout js. Does anyone have idea? Where can I start and how it's possible ?

xadm · Accepted Answer · 2018-11-27 06:26:22Z

1

In general, you can use graphQL API (with Apollo client).

SSR (Server Side Rendering) should be used for SEO reasons. For simplicity (and speed) you can use Gatsby and treat Magento as headless CMS. I found a tutorial for that a few days ago.

Cart/order processing can be done using standard templates (for simplicity).

answered Nov 27, 2018 at 6:26

xadm

8,4463 gold badges17 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Yehor Shytikov · Accepted Answer · 2019-09-27 18:54:58Z

0

For React JS integration With Magento 2 yo need special approach. This module shows how integrate Magento 2 with WebPack for React and JSX compilation. This module provides this opportunity and automatically deploys and overloads magneto page if you bundle js file has changes (live reload) - https://github.com/Genaker/reactmagento2

edited Sep 27, 2019 at 18:54

answered Sep 27, 2019 at 18:37

Yehor Shytikov

262 bronze badges

Collectives™ on Stack Overflow

How to integrate ReactJS with Magento 2 frontend?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related