Congratulations on generating your first Mashup with Motor 💪. Before diving into the details of your code, this page will cover some of the basics.
There are some common themes and implementation details across all our mashups regardless of the template or charting library you have chosen.
You probably know this by now, but just in case you didn't.
Your code uses the @motor-js/engine package for all communication with the Qlik engine. Our package handles all interactions via the Motor component and our hooks. You will see plenty of examples of this in your downloaded code.
Our Motor component handles engine connection and passes this as context to all of the hooks in our package. So set this up at the root of your project, import the hooks and you are good to go. You can read more about this here.
We handle global state across our mashups using React's Context API; typically this will include layout and theming objects. As Qlik handles managing selection state, we don't need to worry about this in our mashups.