{"id":944031,"date":"2020-07-24T08:54:59","date_gmt":"2020-07-24T15:54:59","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=944031"},"modified":"2020-07-27T20:20:32","modified_gmt":"2020-07-28T03:20:32","slug":"arcgis-experience-builder-developer-edition-1-1-now-available","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available","title":{"rendered":"ArcGIS Experience Builder Developer Edition 1.1 Now Available"},"author":7611,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[37101],"tags":[400012,577881],"industry":[],"product":[400032],"class_list":["post-944031","blog","type-blog","status-publish","format-standard","hentry","category-announcements","tag-arcgis-experience-builder","tag-arcgis-experience-builder-developer-edition","product-experience-builder"],"acf":{"short_description":"ArcGIS Experience Builder provides users with a new way of creating web experiences. Easily transform your data into web apps and web pages.","flexible_content":[{"acf_fc_layout":"content","content":"

Hopefully your first Esri Virtual User Conference went well.<\/p>\n

Following the June update<\/a> of ArcGIS Experience Builder Online Edition, version 1.1 of the Developer Edition<\/a> is now available on the ArcGIS for Developers<\/a> website. Not only has this version picked up all the new features in the June update<\/a> of the Online Edition, it also adds new features specific to the Developer Edition including Storybook, offline install, unit testing, new samples, and tutorials.<\/p>\n

Storybook<\/strong><\/h3>\n

Storybook<\/a> is a tool for building UI components faster and more organized. In ArcGIS Experience Builder, Storybook<\/a> provides you with a view into the UI components for the jimu-ui library and the theme system, along with the API documentation to help you build the UI for your experience more efficiently and consistently. It consists of three parts: Playground, Components, and Theme System.<\/p>\n

With Playground, you can dynamically view a subset of UI components on the canvas by interacting with their properties. Take Button as an example:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":944071,"id":944071,"title":"Button in playground","filename":"button-in-playground.gif","filesize":161989,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-playground.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available\/button-in-playground","alt":"Button in playground","author":"7611","description":"Button in playground","caption":"","name":"button-in-playground","status":"inherit","uploaded_to":944031,"date":"2020-07-23 04:13:42","modified":"2020-07-23 04:14:13","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1350,"height":412,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-playground-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-playground.gif","medium-width":464,"medium-height":142,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-playground.gif","medium_large-width":768,"medium_large-height":234,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-playground.gif","large-width":1350,"large-height":412,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-playground.gif","1536x1536-width":1350,"1536x1536-height":412,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-playground.gif","2048x2048-width":1350,"2048x2048-height":412,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-playground-826x252.gif","card_image-width":826,"card_image-height":252,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-playground.gif","wide_image-width":1350,"wide_image-height":412}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

The animation component below is another example:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":944171,"id":944171,"title":"Animation playground","filename":"animation-in-playgroud-ez.gif","filesize":1083721,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/animation-in-playgroud-ez.gif","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available\/animation-in-playgroud-ez","alt":"Animation playground","author":"7611","description":"Animation playground","caption":"","name":"animation-in-playgroud-ez","status":"inherit","uploaded_to":944031,"date":"2020-07-23 04:45:37","modified":"2020-07-23 04:46:19","menu_order":0,"mime_type":"image\/gif","type":"image","subtype":"gif","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1189,"height":466,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/animation-in-playgroud-ez-213x200.gif","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/animation-in-playgroud-ez.gif","medium-width":464,"medium-height":182,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/animation-in-playgroud-ez.gif","medium_large-width":768,"medium_large-height":301,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/animation-in-playgroud-ez.gif","large-width":1189,"large-height":466,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/animation-in-playgroud-ez.gif","1536x1536-width":1189,"1536x1536-height":466,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/animation-in-playgroud-ez.gif","2048x2048-width":1189,"2048x2048-height":466,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/animation-in-playgroud-ez-826x324.gif","card_image-width":826,"card_image-height":324,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/animation-in-playgroud-ez.gif","wide_image-width":1189,"wide_image-height":466}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

It also checks accessibility violations for each UI component with suggestions. For instance, one of the violations in the scroll-able component is that it does not comply with an ARIA rule defined in WCAG.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":944101,"id":944101,"title":"Accessibility check","filename":"Accessibility-check.png","filesize":21140,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Accessibility-check.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available\/accessibility-check","alt":"Accessibility check","author":"7611","description":"Accessibility check","caption":"","name":"accessibility-check","status":"inherit","uploaded_to":944031,"date":"2020-07-23 04:28:02","modified":"2020-07-23 04:28:27","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":803,"height":418,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Accessibility-check-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Accessibility-check.png","medium-width":464,"medium-height":242,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Accessibility-check.png","medium_large-width":768,"medium_large-height":400,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Accessibility-check.png","large-width":803,"large-height":418,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Accessibility-check.png","1536x1536-width":803,"1536x1536-height":418,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Accessibility-check.png","2048x2048-width":803,"2048x2048-height":418,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Accessibility-check.png","card_image-width":803,"card_image-height":418,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Accessibility-check.png","wide_image-width":803,"wide_image-height":418}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

With Components, you can access samples and API documentation for UI components, such as Button, under the Docs tab, and copy and paste the sample code to build your own buttons.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":944111,"id":944111,"title":"Copy Button code","filename":"button-in-components.png","filesize":19926,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-components.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available\/button-in-components","alt":"Copy Button code","author":"7611","description":"Copy Button code","caption":"","name":"button-in-components","status":"inherit","uploaded_to":944031,"date":"2020-07-23 04:34:57","modified":"2020-07-23 04:36:11","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":935,"height":525,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-components-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-components.png","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-components.png","medium_large-width":768,"medium_large-height":431,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-components.png","large-width":935,"large-height":525,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-components.png","1536x1536-width":935,"1536x1536-height":525,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-components.png","2048x2048-width":935,"2048x2048-height":525,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-components-826x465.png","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/button-in-components.png","wide_image-width":935,"wide_image-height":525}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

With Theme System, you can view the core variables, such as color, font, icon, etc. The icons include common SVG icons used in Builder and widgets.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":944121,"id":944121,"title":"Color variable","filename":"Color-in-theme-system.png","filesize":17829,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Color-in-theme-system.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available\/color-in-theme-system","alt":"Color variable","author":"7611","description":"Color variable","caption":"","name":"color-in-theme-system","status":"inherit","uploaded_to":944031,"date":"2020-07-23 04:37:05","modified":"2020-07-23 04:38:01","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":934,"height":336,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Color-in-theme-system-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Color-in-theme-system.png","medium-width":464,"medium-height":167,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Color-in-theme-system.png","medium_large-width":768,"medium_large-height":276,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Color-in-theme-system.png","large-width":934,"large-height":336,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Color-in-theme-system.png","1536x1536-width":934,"1536x1536-height":336,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Color-in-theme-system.png","2048x2048-width":934,"2048x2048-height":336,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Color-in-theme-system-826x297.png","card_image-width":826,"card_image-height":297,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/Color-in-theme-system.png","wide_image-width":934,"wide_image-height":336}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"image","image":{"ID":944131,"id":944131,"title":"icon variable","filename":"icons-in-theme-system.png","filesize":22068,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/icons-in-theme-system.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available\/icons-in-theme-system","alt":"icon variable","author":"7611","description":"icon variable","caption":"","name":"icons-in-theme-system","status":"inherit","uploaded_to":944031,"date":"2020-07-23 04:37:07","modified":"2020-07-23 04:38:50","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":945,"height":437,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/icons-in-theme-system-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/icons-in-theme-system.png","medium-width":464,"medium-height":215,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/icons-in-theme-system.png","medium_large-width":768,"medium_large-height":355,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/icons-in-theme-system.png","large-width":945,"large-height":437,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/icons-in-theme-system.png","1536x1536-width":945,"1536x1536-height":437,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/icons-in-theme-system.png","2048x2048-width":945,"2048x2048-height":437,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/icons-in-theme-system-826x382.png","card_image-width":826,"card_image-height":382,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/icons-in-theme-system.png","wide_image-width":945,"wide_image-height":437}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Storybook is available at https:\/\/developers.arcgis.com\/experience-builder\/storybook<\/a>.<\/p>\n

Offline install<\/strong><\/h3>\n

In previous versions, installing the developer edition required network access in order to download npm modules. However, some organizations have their networks completely disconnected for security purposes. To meet these organizations\u2019 requirements, we have now added support to install ArcGIS Experience Builder Developer Edition without an internet connection by providing two extra install packages as shown below: one is for the node modules cache and the other is for documentation.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":944151,"id":944151,"title":"Offline install downloads","filename":"offline-install-downloads.png","filesize":3817,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/offline-install-downloads.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available\/offline-install-downloads","alt":"Offline install downloads","author":"7611","description":"Offline install downloads","caption":"","name":"offline-install-downloads","status":"inherit","uploaded_to":944031,"date":"2020-07-23 04:41:06","modified":"2020-07-23 04:41:39","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":164,"height":127,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/offline-install-downloads.png","thumbnail-width":164,"thumbnail-height":127,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/offline-install-downloads.png","medium-width":164,"medium-height":127,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/offline-install-downloads.png","medium_large-width":164,"medium_large-height":127,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/offline-install-downloads.png","large-width":164,"large-height":127,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/offline-install-downloads.png","1536x1536-width":164,"1536x1536-height":127,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/offline-install-downloads.png","2048x2048-width":164,"2048x2048-height":127,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/offline-install-downloads.png","card_image-width":164,"card_image-height":127,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/offline-install-downloads.png","wide_image-width":164,"wide_image-height":127}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

See Offline install\u00a0<\/a>for more information. You can also check out this video<\/a> for an offline install demonstration.<\/p>\n

Unit testing<\/strong><\/h3>\n

We have added support for unit testing using Enzyme, @testing-library\/react, and Jest in the jimu-for-test library. For sample code, see the simple-widget.test.tsx<\/strong> file in the ~client\\your-extensions\\widgets\\simple\\tests<\/em> folder.<\/p>\n

More samples and tutorials<\/strong><\/h3>\n

You may be interested in using third-party libraries in your custom widgets. Depending on if the library is used in one or multiple widgets, three options<\/a> are recommended and illustrated in the D3<\/a>, JQuery,<\/a> and React-data-grid <\/a>sample, respectively:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":947661,"id":947661,"title":"D3 sample","filename":"D3_2.png","filesize":12944,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/D3_2.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available\/d3_2","alt":"D3 sample","author":"7611","description":"D3 sample","caption":"","name":"d3_2","status":"inherit","uploaded_to":944031,"date":"2020-07-25 01:00:46","modified":"2020-07-25 01:01:07","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":513,"height":235,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/D3_2-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/D3_2.png","medium-width":464,"medium-height":213,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/D3_2.png","medium_large-width":513,"medium_large-height":235,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/D3_2.png","large-width":513,"large-height":235,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/D3_2.png","1536x1536-width":513,"1536x1536-height":235,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/D3_2.png","2048x2048-width":513,"2048x2048-height":235,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/D3_2.png","card_image-width":513,"card_image-height":235,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/D3_2.png","wide_image-width":513,"wide_image-height":235}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"image","image":{"ID":945381,"id":945381,"title":"JQuery and React data grid","filename":"JQuery-and-React-Data-grid.png","filesize":11462,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JQuery-and-React-Data-grid.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available\/jquery-and-react-data-grid","alt":"JQuery and React data grid","author":"7611","description":"JQuery and react Data grid","caption":"","name":"jquery-and-react-data-grid","status":"inherit","uploaded_to":944031,"date":"2020-07-23 22:32:06","modified":"2020-07-23 22:32:38","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":770,"height":241,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JQuery-and-React-Data-grid-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JQuery-and-React-Data-grid.png","medium-width":464,"medium-height":145,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JQuery-and-React-Data-grid.png","medium_large-width":768,"medium_large-height":240,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JQuery-and-React-Data-grid.png","large-width":770,"large-height":241,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JQuery-and-React-Data-grid.png","1536x1536-width":770,"1536x1536-height":241,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JQuery-and-React-Data-grid.png","2048x2048-width":770,"2048x2048-height":241,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JQuery-and-React-Data-grid.png","card_image-width":770,"card_image-height":241,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JQuery-and-React-Data-grid.png","wide_image-width":770,"wide_image-height":241}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

In addition, Editor widget<\/a> demonstrates how to leverage the Editor widget from the ArcGIS API for JavaScript. View layers toggle<\/a> creates a dropdown toggle to view different layers on the map. Create Redux store<\/a> provides your own Redux store, action, and reducer to share state between widgets. Get map coordinates <\/a>and Add layers<\/a> are part of Tutorials<\/a> which guide you through building custom widgets step by step.<\/p>\n

Upgrade apps<\/strong><\/h3>\n

You may want to upgrade your apps from the previous version to the current version. Before doing so, you should be aware of breaking changes<\/a> in this release. For more information, see the Upgrade <\/a>topic.<\/p>\n

For more information about this release, see What’s new.<\/a><\/p>\n

Lastly, we have updated the videos on the home page with the latest from Esri User Conference 2020 and Developer Summit 2020.<\/p>\n

 <\/p>\n

Thank you,<\/p>\n

The ArcGIS Experience Builder Team<\/strong><\/p>\n"}],"authors":[{"ID":7611,"user_firstname":"Jianxia","user_lastname":"Song","nickname":"Jianxia Song","user_nicename":"jsong","display_name":"Jianxia Song","user_email":"jsong@esri.com","user_url":"","user_registered":"2018-03-23 21:52:44","user_description":"Product Manager for ArcGIS Experience Builder and ArcGIS Web AppBuilder. With over 20 years at Esri, she has contributed to a wide range of products, spanning from desktop applications to web-based solutions, and from developer-focused technologies to no-code app builders. Her extensive experience reflects a deep understanding of both technical and user-centric perspectives in products. Outside of work, she enjoys hiking and camping, embracing the outdoors with the same passion she brings to her professional endeavors.","user_avatar":""},{"ID":9082,"user_firstname":"Diana","user_lastname":"Colgrove","nickname":"DColgrove","user_nicename":"dcolgrove","display_name":"Diana Colgrove","user_email":"DColgrove@esri.com","user_url":"","user_registered":"2019-03-07 22:31:28","user_description":"Product Marketing Manager, ArcGIS Mission, ArcGIS Dashboards, ArcGIS Excalibur, ArcGIS App Builders","user_avatar":""}],"related_articles":[{"ID":905171,"post_author":"7611","post_date":"2020-07-01 14:41:40","post_date_gmt":"2020-07-01 21:41:40","post_content":"","post_title":"What's New in ArcGIS Experience Builder (June 2020)","post_excerpt":"","post_status":"publish","comment_status":"open","ping_status":"closed","post_password":"","post_name":"whats-new-in-arcgis-experience-builder-june-2020","to_ping":"","pinged":"","post_modified":"2020-07-02 10:25:29","post_modified_gmt":"2020-07-02 17:25:29","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=905171","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"13","filter":"raw"},{"ID":543762,"post_author":"4271","post_date":"2019-07-02 16:18:10","post_date_gmt":"2019-07-02 23:18:10","post_content":"","post_title":"What's New in ArcGIS API for JavaScript (July, 2019)","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"whats-new-in-arcgis-api-for-javascript-july-2019","to_ping":"","pinged":"","post_modified":"2019-07-03 08:40:08","post_modified_gmt":"2019-07-03 15:40:08","post_content_filtered":"","post_parent":0,"guid":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=543762","menu_order":0,"post_type":"blog","post_mime_type":"","comment_count":"0","filter":"raw"}],"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/02\/826x465-1.jpg","wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/02\/1920x1080.jpg"},"yoast_head":"\nArcGIS Experience Builder Developer Edition 1.1 Now Available<\/title>\n<meta name=\"description\" content=\"ArcGIS Experience Builder provides users with a new way of creating web experiences. Easily transform your data into web apps and web pages.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ArcGIS Experience Builder Developer Edition 1.1 Now Available\" \/>\n<meta property=\"og:description\" content=\"ArcGIS Experience Builder provides users with a new way of creating web experiences. Easily transform your data into web apps and web pages.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available\" \/>\n<meta property=\"og:site_name\" content=\"ArcGIS Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/esrigis\/\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-28T03:20:32+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ESRI\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available\"},\"author\":{\"name\":\"Jianxia Song\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/82b60b265d1f894c7fa72a3b80075000\"},\"headline\":\"ArcGIS Experience Builder Developer Edition 1.1 Now Available\",\"datePublished\":\"2020-07-24T15:54:59+00:00\",\"dateModified\":\"2020-07-28T03:20:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available\"},\"wordCount\":7,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"keywords\":[\"ArcGIS Experience Builder\",\"ArcGIS Experience Builder Developer Edition\"],\"articleSection\":[\"Announcements\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available\",\"name\":\"ArcGIS Experience Builder Developer Edition 1.1 Now Available\",\"isPartOf\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\"},\"datePublished\":\"2020-07-24T15:54:59+00:00\",\"dateModified\":\"2020-07-28T03:20:32+00:00\",\"description\":\"ArcGIS Experience Builder provides users with a new way of creating web experiences. Easily transform your data into web apps and web pages.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.esri.com\/arcgis-blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ArcGIS Experience Builder Developer Edition 1.1 Now Available\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#website\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"name\":\"ArcGIS Blog\",\"description\":\"Get insider info from Esri product teams\",\"publisher\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#organization\",\"name\":\"Esri\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png\",\"width\":400,\"height\":400,\"caption\":\"Esri\"},\"image\":{\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/esrigis\/\",\"https:\/\/x.com\/ESRI\",\"https:\/\/www.linkedin.com\/company\/5311\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/82b60b265d1f894c7fa72a3b80075000\",\"name\":\"Jianxia Song\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/06\/G129470_0002_200x200-200x200.jpg\",\"contentUrl\":\"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/06\/G129470_0002_200x200-200x200.jpg\",\"caption\":\"Jianxia Song\"},\"description\":\"Product Manager for ArcGIS Experience Builder and ArcGIS Web AppBuilder. With over 20 years at Esri, she has contributed to a wide range of products, spanning from desktop applications to web-based solutions, and from developer-focused technologies to no-code app builders. Her extensive experience reflects a deep understanding of both technical and user-centric perspectives in products. Outside of work, she enjoys hiking and camping, embracing the outdoors with the same passion she brings to her professional endeavors.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jianxia-song-a8b78429\"],\"url\":\"https:\/\/www.esri.com\/arcgis-blog\/author\/jsong\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"ArcGIS Experience Builder Developer Edition 1.1 Now Available","description":"ArcGIS Experience Builder provides users with a new way of creating web experiences. Easily transform your data into web apps and web pages.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available","og_locale":"en_US","og_type":"article","og_title":"ArcGIS Experience Builder Developer Edition 1.1 Now Available","og_description":"ArcGIS Experience Builder provides users with a new way of creating web experiences. Easily transform your data into web apps and web pages.","og_url":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available","og_site_name":"ArcGIS Blog","article_publisher":"https:\/\/www.facebook.com\/esrigis\/","article_modified_time":"2020-07-28T03:20:32+00:00","twitter_card":"summary_large_image","twitter_site":"@ESRI","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available#article","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available"},"author":{"name":"Jianxia Song","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/82b60b265d1f894c7fa72a3b80075000"},"headline":"ArcGIS Experience Builder Developer Edition 1.1 Now Available","datePublished":"2020-07-24T15:54:59+00:00","dateModified":"2020-07-28T03:20:32+00:00","mainEntityOfPage":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available"},"wordCount":7,"commentCount":0,"publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"keywords":["ArcGIS Experience Builder","ArcGIS Experience Builder Developer Edition"],"articleSection":["Announcements"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available","url":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available","name":"ArcGIS Experience Builder Developer Edition 1.1 Now Available","isPartOf":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#website"},"datePublished":"2020-07-24T15:54:59+00:00","dateModified":"2020-07-28T03:20:32+00:00","description":"ArcGIS Experience Builder provides users with a new way of creating web experiences. Easily transform your data into web apps and web pages.","breadcrumb":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.esri.com\/arcgis-blog\/"},{"@type":"ListItem","position":2,"name":"ArcGIS Experience Builder Developer Edition 1.1 Now Available"}]},{"@type":"WebSite","@id":"https:\/\/www.esri.com\/arcgis-blog\/#website","url":"https:\/\/www.esri.com\/arcgis-blog\/","name":"ArcGIS Blog","description":"Get insider info from Esri product teams","publisher":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.esri.com\/arcgis-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.esri.com\/arcgis-blog\/#organization","name":"Esri","url":"https:\/\/www.esri.com\/arcgis-blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2018\/04\/Esri.png","width":400,"height":400,"caption":"Esri"},"image":{"@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/esrigis\/","https:\/\/x.com\/ESRI","https:\/\/www.linkedin.com\/company\/5311\/"]},{"@type":"Person","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/82b60b265d1f894c7fa72a3b80075000","name":"Jianxia Song","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.esri.com\/arcgis-blog\/#\/schema\/person\/image\/","url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/06\/G129470_0002_200x200-200x200.jpg","contentUrl":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2019\/06\/G129470_0002_200x200-200x200.jpg","caption":"Jianxia Song"},"description":"Product Manager for ArcGIS Experience Builder and ArcGIS Web AppBuilder. With over 20 years at Esri, she has contributed to a wide range of products, spanning from desktop applications to web-based solutions, and from developer-focused technologies to no-code app builders. Her extensive experience reflects a deep understanding of both technical and user-centric perspectives in products. Outside of work, she enjoys hiking and camping, embracing the outdoors with the same passion she brings to her professional endeavors.","sameAs":["https:\/\/www.linkedin.com\/in\/jianxia-song-a8b78429"],"url":"https:\/\/www.esri.com\/arcgis-blog\/author\/jsong"}]}},"text_date":"July 24, 2020","author_name":"Multiple Authors","author_page":"https:\/\/www.esri.com\/arcgis-blog\/products\/experience-builder\/announcements\/arcgis-experience-builder-developer-edition-1-1-now-available","custom_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/02\/1920x1080.jpg","primary_product":"ArcGIS Experience Builder","tag_data":[{"term_id":400012,"name":"ArcGIS Experience Builder","slug":"arcgis-experience-builder","term_group":0,"term_taxonomy_id":400012,"taxonomy":"post_tag","description":"","parent":0,"count":64,"filter":"raw"},{"term_id":577881,"name":"ArcGIS Experience Builder Developer Edition","slug":"arcgis-experience-builder-developer-edition","term_group":0,"term_taxonomy_id":577881,"taxonomy":"post_tag","description":"","parent":0,"count":23,"filter":"raw"}],"category_data":[{"term_id":37101,"name":"Announcements","slug":"announcements","term_group":0,"term_taxonomy_id":37101,"taxonomy":"category","description":"","parent":0,"count":1976,"filter":"raw"}],"product_data":[{"term_id":400032,"name":"ArcGIS Experience Builder","slug":"experience-builder","term_group":0,"term_taxonomy_id":400032,"taxonomy":"product","description":"","parent":36591,"count":161,"filter":"raw"}],"primary_product_link":"https:\/\/www.esri.com\/arcgis-blog\/?s=#&products=experience-builder","_links":{"self":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/944031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/users\/7611"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/comments?post=944031"}],"version-history":[{"count":0,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/blog\/944031\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/media?parent=944031"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/categories?post=944031"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/tags?post=944031"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/industry?post=944031"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/www.esri.com\/arcgis-blog\/wp-json\/wp\/v2\/product?post=944031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}