Open Source Ecosystems

Custom React Router Transition UI

This example Create React App project showcases how to leverage global Symbol based triggers to show React dialog UI during a router transition.

Accompanying blog post: https://kamranicus.com/posts/2018-07-26-react-router-custom-transition-ui

Run

Use Yarn or npm

npm install
npm start

Related Projects

react-ui-interactions

UI Inspirations for React

12 Jun 2018 99

react-router-carousel

React carousel with the ability to switch routes, both with the usual swipe, and with the ability...

27 Aug 2019 3

suspense-transitions

18 Feb 2022 5

react-router-bootstrap

Integration between React Router and React-Bootstrap

05 Aug 2014 1,692

react-transitions

Many single page web applications don't use transitions for their different routes. This React Tr...

26 Oct 2018 216

boilerplate-webpack-react-es6-cssModule

a boilerplate for Webpack-React-ES6-CssModule project

06 May 2016 62

react-router-redux-rxjs-code-splitting

An example React Redux app using React Router & RxJS for route management & chunk loading respect...

02 Mar 2017 55

react-training-workshop

Code, notes and more for a day long React workshop.

04 Mar 2016 27

react-router-transition

painless transitions built for react-router, powered by react-motion

10 Feb 2016 2,595

react-router-typescript-starter

React/Typescript Starter with React Router, Server Side Rendering, Live Reloading and Webpack

17 Jun 2018 4

example-react-router-transition-ui