Application State

Learn about the application state that is managed by Redux

Isthmus includes a central application state that is managed by Redux. You can see the store, actions, and reducers set in the linked files. Isthmus also includes the redux-logger package so you can see the output of the application state in the console. Please note it is saved as a full dependency and you can choose to save it as a development dependency if you so desire.

The application state is as follows:

State Item	Description
boundingbox	Contains information for CARTO to use a Bounding Box filter in the data. See the CARTO.js Docs here for more information
client	Contains information for your carto.Client which is the entry point and authentication for your application. See more in the CARTO.js docs here
layers	Contains information about your CARTO layers that have been added to the map in the carto.layer.Layer object. See this CARTO.js documentation for more information. The layer object will inherit the name given in the index.js file. This will contain most of the information about modifying the layer, query, dataviews, and styles. For example in the example application: this.props.layers.railaccidents.source will be used to modify the entire layer this.props.layers.railaccidents.style contains styling information Review the CARTO.js documentation for more information.
map	Contains the Leaflet map object which stores all the map information. Please refer to the Leaflet documentation here
viewport	Contains information about the current viewport view, specifically: center: Array contain the Latitude and Longitude of the center of the map zoom: Current zoom level

You can use any of these state objects to modify the state of the application with dataviews, changing style, resetting queries, grabbing feature data to query from the SQL API, etc.

Note that changing a widget or a data view currently will note manipulate the entire application state and that Isthmus currently relies on CARTO.js dataviews and filters to modify the map data being visualized. Please spend some time familiarizing yourself with CARTO.js Dataviews and CARTO.js Filters.