React js in WAB 2.x

[RafaelFernandez1]

Hi there,

Any feedback using React js together WAB 2.x?

I saw some posts about React & ArcGIS API, but not a word about WAB.

Maybe Robert?

Thanks,

Rafael

[RobertScheitlin__GISP]

Rafael,

  Sorry I do not have info on using other frameworks like React. Any reason you want to use React?

[RafaelFernandez1]

Hi Robert,

I miss Angular. WAB is not working super well with Angular and React seems the perfect substitute. I am starting to code some silly examples and ... not my words but ...it gives you the ability to create your own components that you can later reuse, combine, and nest to your heart’s content. React.js calculates what changes need to be made in the DOM beforehand and updates the DOM tree accordingly. This way, React.js avoids costly DOM operations and makes updates in a very efficient manner.

I mean, the last very basic widget I did in WAB 2.0 using regular javascript had more than 1k code lines.

myWidget​

Besides, if Facebook, Instagram or the New York Times are using React...probably is because it is not a such bad idea. What do you think?

Rafael

[RobertScheitlin__GISP]

Rafael,

  OK, good points. I will have to look into React if I ever have some free time.

[MatejVrtich]

Hi,

we use React to build widgets for WAB.

You can find our reference implementation here: GitHub - arcdata/arcgis-wab-react-redux: A dev stack for developing widgets for Web AppBuilder for A... 

It is not so clean as if you combine React with Esri JS API in a plain app, but it works for us.

In fact, the most complicated part is to mix the immutable and stateless principles of React/Redux with mutable and stateful world of mapping APIs.

Good luck.

Matej