Working With Remix-Router In React JS - A Look at New Data APIs in DataBrowserRouter

Aaron K Saunders - Jun 14 '22 - - Dev Community

This is based on BETA software... but it is still awesome to see what's coming!!

A simple react application showing how to use the new DataBrowserRouter Data APIs to get Remix functionality in your React applications. There are no useRefs, no change events for the form data... its excellent, it just works.

This application also shows an approach for getting input in a modal and submitting it to a route's action function. I have added Ionic Framework as my user interface component, but what is shown here can work with any React application

The React Router v6.4 introduces all of the data abstractions from Remix for React Router SPAs. Now you can keep your UI and your data in sync with the URL automatically.

More Information

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .