ExtJS 5 responsive capabilities

We have a website (currently built on ExtJS 4.2.2) that we would like to upgrade and build in ExtJS 5 for future releases. With the focus on tablet support in ExtJS 5, we're trying to figure what effort it would take to make the next version of our site responsive on a tablet. Basically we want to be aware of what we need to do, at design time, so that we can save any rework later to make it tablet-friendly. We do not intend to use any gestures at the moment, only basic touch based functionality.

Can anyone share any insights on that?

I have also been playing with Ext.plugin.Responsive and have a few questions.

- Only certain config properties specified in responsiveConfig seem to work in real-time. For example, I can 'hide' a panel when the screen width is a certain size but 'collapse' does not work. Why is that?

- How can I dock the menu bar in different parts of the screen depending on screen size? For example, display a menu on the left on the desktop but hide it under a hamburger menu button for a smaller screen.

- Is it possible to combine a tree grid and a menu? For example, I have multiple categories that have sub-categories displayed in a tree grid on the left. Depending on the category and/or sub-category selected, I will display data in a grid on the right. Can the same be achieved with a menu. The only reason I ask if because I'm not sure if I can apply the hamburger effect on a tree grid or if it even makes sense from a usability standpoint.