Select to view content in your preferred language

Calcite vs Jimu

715
6
Jump to solution
08-23-2024 05:22 PM
baohuachu2
Emerging Contributor

In the Experience builder ,the Jimu is as the base UI framework and Calcite is not recommended for build custom components.  So Jimu may replace calcite in the future?

0 Kudos
1 Solution

Accepted Solutions
JuliePowell
Esri Contributor

Hello @baohuachu2 !

Calcite is Esri's design system that ArcGIS web-based experiences use (except for Experience Builder). We continue to invest heavily in it as build new components, enhance existing ones, add guide topics, and do overall improvements across the design system (for example, we recently worked on better responsive design and design tokens, etc).

The jimu application framework is specific to Experience Builder. It is not based on Calcite because of the development timeframes (Calcite components weren't available when ExB was being built/released). Many customers have requested that Esri creates a Calcite-based theme within ExB, which would blend well with components coming from the JavaScript Maps SDK (also based on Calcite) and any custom ExB widgets that are built with calcite components. This is planned, but we don't have a release date at this time (to my knowledge - perhaps @Jianxia has a more up to date answer on that).

That said, even though we don't have a Calcite theme in ExB yet, you can use Calcite to build custom widgets today. You can find doc on that here --> https://developers.arcgis.com/experience-builder/sample-code/widgets/use-calcite-components/

I hope that helps! 

 

View solution in original post

6 Replies
MarcoBoeringa
MVP Alum

Can't speak for ESRI, and I'am not a web developer, but considering all the blog posts with new features of Calcite released by ESRI in the past few years, I highly doubt Calcite will be ditched any time soon for another framework.

Maybe the Jimu thing being default is specific to the iOS and Mac platforms, as ESRI may feel Calcite is not yet mature enough on these platforms? Just speculation though...

0 Kudos
ForrestLin
Frequent Contributor

I use Calcite Components with ArcGIS Maps SDK for JavaScript. 

0 Kudos
JuliePowell
Esri Contributor

Hello @baohuachu2 !

Calcite is Esri's design system that ArcGIS web-based experiences use (except for Experience Builder). We continue to invest heavily in it as build new components, enhance existing ones, add guide topics, and do overall improvements across the design system (for example, we recently worked on better responsive design and design tokens, etc).

The jimu application framework is specific to Experience Builder. It is not based on Calcite because of the development timeframes (Calcite components weren't available when ExB was being built/released). Many customers have requested that Esri creates a Calcite-based theme within ExB, which would blend well with components coming from the JavaScript Maps SDK (also based on Calcite) and any custom ExB widgets that are built with calcite components. This is planned, but we don't have a release date at this time (to my knowledge - perhaps @Jianxia has a more up to date answer on that).

That said, even though we don't have a Calcite theme in ExB yet, you can use Calcite to build custom widgets today. You can find doc on that here --> https://developers.arcgis.com/experience-builder/sample-code/widgets/use-calcite-components/

I hope that helps! 

 

ForrestLin
Frequent Contributor

 

Experience Builder has dependencies: 

@esri/calcite-components
@esri/calcite-components-react
 

ForrestLin_0-1726261757666.png

 

 

0 Kudos
ForrestLin
Frequent Contributor

@JuliePowell 

Is it possible to make calcite-dialog like Widget Windows in ArcGIS Experience Builder?

https://community.esri.com/t5/calcite-design-system-ideas/make-calcite-dialog-responsive/idc-p/15385...

Thanks.

Forrest

 
0 Kudos
ForrestLin
Frequent Contributor
0 Kudos