PDA

View Full Version : Example adding ExtReact to an existing application created using create-react-app



justin.magnan
22 May 2017, 11:27 AM
Is there an example adding ExtReact to an existing application created using create-react-app?

Mark.Brocato
22 May 2017, 12:55 PM
Last I checked you couldn't modify create-react-app's webpack config without ejecting. Is that still true? Assuming so, you could eject and follow the steps here: http://docs.sencha.com/extreact/6.5.0/guides/getting_started.html#getting_started_-_adding_extreact_to_an_existing_application

justin.magnan
23 May 2017, 5:53 AM
That is unfortunate, I was hoping that would not be necessary.

28 Jul 2017, 6:37 AM
I used create-react-app, ejected, then followed the steps in the doc to add ExtReact to an existing application. It did not work. Note that I did this on a Windows machine. Many developers like myself will probably want to use CRA for a quick POC. It would be prudent for Sencha to provide a short write up on how to use ExtReact CRA. For starters, maybe post the steps in this post?

Mark.Brocato
28 Jul 2017, 10:36 AM
I've posted a repo that explains the steps required to add ExtReact to an ejected app from create-react-app and shows the final product.

https://github.com/sencha/ext-react-cra-eject

I rolled all of the changes into a single commit so you can see the diff:

https://github.com/sencha/ext-react-cra-eject/commit/8462ef12a9e8bac1a7dcb70a15581b0bc33ec19d

31 Jul 2017, 9:01 AM
Thank you.

Mark.Brocato
3 Aug 2017, 4:00 PM
FYI, I've updated the repo to include "Ext" as a global in the eslintConfig in package.json. Without this you will see a compiler error when using any class in the Ext namespace. I've added this as a step in the readme as well:

https://github.com/sencha/ext-react-cra-eject#8-add-ext-as-a-global-to-the-eslint-config