Our great sponsors
-
Reactjs I'm coming from AngularJS world and start some days ago writing my first React App with react-router, in AngularJS I do: app.directive('Loading', function($rootScope, $timeout) { return { restrict: 'E', replace: true, template: 'Loading' link: function(scope, element) { $rootScope.$on('$routeChangeStart', function(event, currentRoute, previousRoute) { element.removeClass('ng-hide'); }); $rootScope.$on('$routeChangeSuccess', function() { element.addClass('ng-hide'); }); } };}); and then I just add . So now in my React App I have: class App extends Component { render() { return ( Home About ); }} and my two components are simple: class Home extends Component { render() { return ( Home ); }}class About extends Component { render() { return ( About ); }} Can I do this without using reduxJS? Answer link : https://codehunter.cc/a/reactjs/display-a-simple-loading-indicator-between-routes-in-react-router
