Image by DashaKudryavtseva

Recently we had a requirement where we needed to synchronise UI state with url changes/updates. To be specific, we wanted to render section by passing it via query params

http://localhost:3000?section=categories // Renders categories componenthttp://localhost:3000?section=detail?name=jack // Renders detail component and name parameter has a value, 'jack'.

It is important to mention at this point that we were using for routing for our SPA and redux for state management. Looking at out current tech preference, it was obvious we would consider and we did but not without taking one last look at hooks based api.

If you like article above, give me a thumbs up. Thanks for reading.


TypeScript, GraphQL, React, Next.js

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store