cancel
Showing results for 
Search instead for 
Did you mean: 

How to integrate ReactJS with Magento 2 frontend

How to integrate ReactJS with Magento 2 frontend

Hello Everybody,

 

Anybody know how ReactJS we can integrate with Magento 2 Frontend files? 
And How we can convert files to JS while we use the ReactJS?

 

Please let me know here!

Thanks,
Irfan Momin.

3 REPLIES

Re: How to integrate ReactJS with Magento 2 frontend

I think that this is probably a larger question than can be  answered on the magento forums but there are a few in the community working on these kinds of solutions that you could read up on, e.g. https://www.youtube.com/watch?v=ElZ5UtTXpzQ

----
If you've found one of my answers useful, please give "Kudos" or "Accept as Solution" as appropriate. Thanks!

Re: How to integrate ReactJS with Magento 2 frontend

Hi, Irfan. Your question is eerily timely.

 

I should first say that lots of really talented and skilled people in our community have made React-based custom frontends for Magento 2. Our PWA Studio project is going to make React-powered Progressive Web Applications a standard part of Magento 2. That will make it easier to learn, build, and maintain modern Magento stores. It will run React by default, and support a modern pipeline for you to use your choice of custom tooling (e.g. TypeScript or Flow or Less or Sass, if you want them). And our goal is to support the same level of customization, extensibility, and support that you're used to from Magento. So of course, since it's my project, I'm gonna suggest that you use it when it becomes available!

 

If you choose not to wait for more of our PWA efforts to emerge, and build in React today, you can definitely achieve the same level of success as some of our outstanding community projects; but you'll have to blaze your own trail, and stores in your React system will take more advanced developer time to maintain or upgrade. But that's not necessarily a deterrent, just a choice!

 

Re: How to integrate ReactJS with Magento 2 frontend

Do you have a time frame available for pwa studio?