topic React js in WAB 2.x in ArcGIS Web AppBuilder Questions

React js in WAB 2.x

RafaelFernandez1 — Tue, 09 Aug 2016 16:49:23 GMT

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

Re: React js in WAB 2.x

RobertScheitlin__GISP — Tue, 09 Aug 2016 16:51:55 GMT

Rafael,

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

Re: React js in WAB 2.x

RafaelFernandez1 — Tue, 09 Aug 2016 17:26:30 GMT

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

Re: React js in WAB 2.x

RobertScheitlin__GISP — Tue, 09 Aug 2016 17:56:11 GMT

Rafael,

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

Re: React js in WAB 2.x

MatejVrtich — Thu, 10 Nov 2016 08:46:00 GMT

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 ArcGIS using React, R…

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