I'm developing a page where there are two sections, for each section i'm planning to apply states(I know to apply state to the whole component). Is there a way to apply state to a specific section(i'm actually responding to the events that happen in that particular section and changing the state of that section only). I'm talking about the following pattern.. two state declarations in one page.
I don't think that's possible. You may want to split the application into two different components if they are that independent.
Make the sections components and each can have their own states.