Skip to main content

My third book titled — ‘React-Router Quick Start Guide’ published!

The title says it all. This is my third book with Packt Publishing and I wrote a book after four long years. In the last few months, I’ve spent my weekends writing this book and it was an arduous undertaking. Here’s the cover image:

I have used React and React-Router in many projects and during the course of writing this book I’ve learned a great deal about these frameworks/libraries. This book is all about the ‘React-Router’ library and how you can use it any React application (web or native).

The book covers the following topics:

Chapter 1, Introduction to React Router 4 and Creating Your First Route, is an introduction to the component-based architecture in React and how you can get started with creating routes using the Route component from React Router.

Chapter 2, Configuring Routes, Using Various Options in the Route Component, discusses various Route component props that can be used to match the requested URL location and how these matches can be used to render a component. Also, the chapter explains how routes can be added dynamically as the user traverses through the application.

Chapter 3, Using Link and NavLink Components to Navigate to a Route, talks about how to use the Link and NavLink components in React Router to allow you to navigate to routes defined in the application. This chapter also explains the higher-order component withRouter and how to prevent accidental transition using the Prompt component.

Chapter 4, Using Redirect and Switch Components, goes into how to use the Redirect component to redirect the user to a different route and the Switch component to match one route and redirect the user to a 404 page not found page if the requested location is not found.

Chapter 5, Understanding the Core Router and Configuring BrowserRouter and HashRouter Components, is an in-depth explanation of how the core router interface is used to update the sections of the screen and the browser’s history. The chapter also explains two router interfaces used in a web application: BrowserRouter and HashRouter.

Chapter 6, Using StaticRouter in a Server-Side-Rendered React Application, explores how to use the StaticRouter component to provide routing features on a server-side-rendered application. The chapter also explains how StaticRouter and BrowserRouter can be used to build an isomorphic web application.

Chapter 7, Using NativeRouter in a React-Native Application, details how to provide routing in a native mobile application developed with React Native using the NativeRouter component. The chapter also explains how you can integrate with the device’s back button using the BackButton component and provide deep linking support using the DeepLinking component.

Chapter 8, Redux Bindings with Connected-React-Router, examines how to use the connected-react-router library, which provides Redux bindings for React Router; the chapter explains how to read routing information from the router state in the Redux store and how to navigate by dispatching actions to the store.

You can buy a copy of this book here —


  1. Your site seems very useful, it's a pity that I find out about it only now, because, when I was in college, I have big problems with mathematics... I want to share a good resource, which also helps students with homework assignments, it's , check it.

    1. 15+ Free Prestashop Themes that makes your website more creative. These Prestashop Themes .makes your website more Lucrative. Free Prestashop Themes....PrestaShop prestashop 1.7 themes is one of the well-known open-source e-commerce solutions to create an online web. restaShop is somewhat complex. But this tutorial very helpful for you.

  2. Our accounting homework help is the best homework providing company. We believe that our homework plays an important role in the final grades of students. Due to several reasons, students are unable to write accounting homework. Accounting homework requires accounting homework help remarkable knowledge as well as in-depth understanding of the accounting concepts. Students should get our accounting homework help at our company’s website.

    Biology, the study of life, can be fascinating and wondrous. However, certain biology topics can sometimes seem incomprehensible. The best way to get a clear understanding of difficult biology concepts is to study them at home, as well as at school. Students should use quality biology homework help resources when studying. Below are some good resources and information to help you answer some of your obilogy homework questions.

  3. Cool this is awesome

  4. Do you know how to write your essay? If not you can always hire the expert services and pay for essay.

  5. With assignments piling up during the academic right throughout the year it makes sense to start looking for the answer to that question Who can do my homework for me? as soon as possible. As the saying goes, the best time was yesterday, the second best time is now! So once you’ve decided to take the plunge and go looking for some professional academic help with your homework there are quite a few things you should know before you choose the service you need.

    If you are fed up with so many assignments or you have tried to determine what to write, but you cannot find anything, then you do not need to worry. A student needs to have free time to have fun and relax. The homework online services for sale is an ideal solution for any student who is overwhelmed or cannot find time for his or her assignments. Expert writers write assignments excellently in order to help students to succeed in their careers. The service is offered at an affordable price and it is available whenever you need it.


  6. تعد الاول افضل شركة تنظيف خزانات بالمدينة المنورة تعمل على استخدام افضل ادوات تنظيف وتعقيم خزانات المياه

  7. This comment has been removed by the author.

  8. Are you looking for a quick and easy way to accurately calculate your college course unit grades? We offer a simple college GPA calculator with multiple features that assist you to compile and monitor the state of your study grades in a matter of minutes.

    You can utilize our “calculate my college GPA” services whether you are undertaking an online degree program or attending a college/university campus regardless of your field of specialization. We offer comprehensive services for all these needs.

  9. The first time I found a cool resume writing service! they are perfect! go to their site! you will like everything! resume writing service

  10. Getting inspired by globally successful apps like Facebook, Instagram, Airbnb, Bloomberg, etc. we recommend our clients to develop mobile apps using React Native. If you are looking for a secure, robust and reliable mobile app solution for your business or enterprise, hire React Native developers to avail industry leading React Native development services. React Native is an amazing mobile app development framework from Facebook for cross-platform applications development. It allows you to build mobile apps by using JavaScript. Other than this, you can use a single set of libraries and components for app development for both iOS and Android.

  11. Of course, collets of different diameters are available for purchase and are frequently included with the router itself. fastest home wifi router

  12. This comment has been removed by the author.

  13. link is the most useful link, the link will help you if you're planning to get the McAfee products on your devices. By using the 25 digit activation code you can redeem your retail card through this page. In the event you have already used the McAfee activation code, then you can download the program directly from the page.

  14. Confronted with the problem of Windstream Email Login? Or can't you get your passwords back? Well, as we use services related to technology, we understand that this can fail to work normally at any time. And Windstream is no exception to that.

  15. Night driving glasses decrease glare by dissipating and sifting through blue light. Blue light is the aspect of the light range that has the most limited frequency and the biggest measure of energy. In contrast to kinds of light with longer frequencies, blue light is bound to cause glare when it enters the eye.

  16. Buy Cenforce 100 Online with Fast & Free Shipping with Low Price. Cenforce 100mg for sale at AllEDMedicines, You Can Buy by PayPal or Credit Card.Cenforce 100mg Generic Viagra is a medication used to treat erectile dysfunction and pneumonic blood vessel hypertension which gets got the prime issue of sildenafil.

  17. Superb, thank you so much for sharing such amazing information. Visit Ogen Infosystem for creative Web Designing and PPC Services by professional experts.
    SEO Service in Delhi

  18. Erectile Dysfunction is a common disorder that can happen to any age group of men. It is common disorder but one should treat as soon as possible or it may cause serious health issues. For instant and effective results one can use Cenforce 100
    medicine. Cenforce is a generic medicine mostly used by men to cure the problem of Erectile Dysfunction. When you use this medicine it will not only provide you a harder erection for a longer time as well as improve sex stamina strength. From this you can easily cure the problem of erection and get your sex life back as before.
    Cenforce 200

  19. The title of your book has drawn me very strongly, and I am very hopeful that the content of the book will draw me just as strongly. Thanks for sharing this. Assignment Writing Service


Post a Comment

Popular posts from this blog

De-obfuscating javascript code in Chrome Developer Tools

I had blogged about JavaScript debugging with Chrome Developer Tools  some time back, wherein I have explained how these developer tools can help in debugging javascript code. Today Google Chrome 12 was released and my Chrome browser was updated to this version. As with every release, there have been some improvements made on performance, usability etc,. One feature that stood out for me is the ability to De-obfuscate the javascript code. What is Minification? Minification is the process of removing unnecessary characters such as white spaces, comments, new lines from the source code. These otherwise would be added to make the code more readable. Minifying the source code helps in reducing the file size and thereby reducing the time taken to download the file. This is the reason why most of the popular javascript libraries such as jQuery are minified. A minified jQuery file is of 31 KB in size where as an uncompressed one is about 229 KB. Unfortunately, debugging minified javascript f

Adding beforeRender and afterRender functions to a Backbone View

I was working on a Backbone application that updated the DOM when a response was received from the server. In a Backbone View, the initialize method would perform some operations and then call the render method to update the view. This worked fine, however there was scenario where in I wanted to perform some tasks before and after rendering the view. This can be considered as firing an event before and after the function had completed its execution. I found a very simple way to do this with Underscore's wrap method.

Custom validation messages for HTML5 Input elements using the constraint validation API

HTML5 has introduced several input types such as EMAIL, URL, RANGE, SEARCH, DATE, TIME, etc,. Most of the modern browsers have implemented them and are ready to be used in a HTML document. Another exciting feature introduced in HTML5 is the form validation. Instead of writing JavaScript to validate users input, browsers can now validate it and show an appropriate message if the validation fails. The validation message is shown in line with the field for which the validation has failed. The default error message is shown when the validation fails. In this post I'll explain how these error messages can be changed.