This content originally appeared on DEV Community and was authored by Aaron K Saunders
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
- React Router Documentation: https://beta.reactrouter.com/en/dev/getting-started/data
- See It In CodeSandbox: https://codesandbox.io/s/remix-router-in-react-js-343czt
- Remix Run Documentation: https://remix.run
This content originally appeared on DEV Community and was authored by Aaron K Saunders
Aaron K Saunders | Sciencx (2022-06-14T17:29:18+00:00) Working With Remix-Router In React JS – A Look at New Data APIs in DataBrowserRouter. Retrieved from https://www.scien.cx/2022/06/14/working-with-remix-router-in-react-js-a-look-at-new-data-apis-in-databrowserrouter/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.