Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

React Router Quick Start Guide

You're reading from React Router Quick Start Guide Routing in React applications made easy

Product type Paperback

Published in Sep 2018

Publisher Packt

ISBN-13 9781789532555

Length 156 pages

Edition 1st Edition

Languages

JavaScript

Tools

React

Concepts

Front End Web Development

Author (1):

Sagar Ganatra

View More author details

Table of Contents (10) Chapters

Preface

1. Introduction to React Router 4 and Creating Your First Route FREE CHAPTER

2. Configuring Routes - Using Various Options in the Route Component

3. Using the Link and NavLink Components to Navigate to a Route

4. Using the Redirect and Switch Components

5. Understanding the Core Router, and Configuring the BrowserRouter and HashRouter components

6. Using StaticRouter in a Server-Side Rendered React Application

7. Using NativeRouter in a React Native Application

8. Redux Bindings with connected-react-router

9. Other Books You May Enjoy

Leave a review - let other readers know what you think

Preface

The React framework from Facebook redefines the way frontend applications should be built. React Router has become the de-facto routing framework for applications built with React. With its latest version 4 release, the library has been rewritten in React and it lets you handle routing declaratively. In this book, you'll learn how the react-router library can be used in any React application, including web and native mobile applications developed with React Native. The book also covers topics such as server-side routing and Redux integration with React Router.

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $19.99/month. Cancel anytime

Authors (1)

Ganatra

Ganatra

Sagar Ganatra is a frontend engineer and an architect from Bangalore, India. He has more than a decade of experience in developing web and mobile applications. He specializes in architecting projects using JavaScript and frameworks such as React, Angular, and Node. His previous books include Kendo UI Cookbook and Instant Kendo UI Mobile, both published by Packt Publishing. He also writes about frontend technologies in his blog, sagarganatra (dot) com.

See other products by Ganatra

Other recommended products

Related to this chapter

Redux Quick Start Guide

Redux Quick Start Guide

This book will help you get started with the Redux set-up and the Redux ecosystem. You will learn how to integrate Redux with React and other front-end JavaScript frameworks efficiently and manage application states effectively.

Feb 2019 6h 48m

Beginning React

Beginning React

Projects like Angular and React are rapidly changing how development teams build and deploy web applications to production. In this book, you'll learn the basics you need to get up and running with React and tackle real-world projects and challenges. It includes helpful guidance on how to consider key user requirements within the development process, and also shows you how to work with advanced concepts such as state management, data-binding, routing, and the popular component markup that is JSX. As you complete the included examples, you'll find yourself well-equipped to move onto a real-world personal or professional frontend project.

Jul 2018 3h 12m

Beginning React

Beginning React

Projects like Angular and React are rapidly changing how development teams build and deploy web applications to production. In this book, you'll learn the basics you need to get up and running with React and tackle real-world projects and challenges. It includes helpful guidance on how to consider key user requirements within the development process, and also shows you how to work with advanced concepts such as state management, data-binding, routing, and the popular component markup that is JSX. As you complete the included examples, you'll find yourself well-equipped to move onto a real-world personal or professional frontend project.

Jul 2018 3h 12m

Beginning React

Beginning React

Projects like Angular and React are rapidly changing how development teams build and deploy web applications to production. In this book, you'll learn the basics you need to get up and running with React and tackle real-world projects and challenges. It includes helpful guidance on how to consider key user requirements within the development process, and also shows you how to work with advanced concepts such as state management, data-binding, routing, and the popular component markup that is JSX. As you complete the included examples, you'll find yourself well-equipped to move onto a real-world personal or professional frontend project.

Jul 2018 3h 12m

Managing an applications state is crucial for your application to behave consistently and this is where Redux comes into the picture. It provides a state container for applications. This book gives in-depth information on Redux and third party tools needed for a developer to build a robust modern web application in React.

Aug 2017 12h 28m

Managing an applications state is crucial for your application to behave consistently and this is where Redux comes into the picture. It provides a state container for applications. This book gives in-depth information on Redux and third party tools needed for a developer to build a robust modern web application in React.

Aug 2017 12h 28m

Managing an applications state is crucial for your application to behave consistently and this is where Redux comes into the picture. It provides a state container for applications. This book gives in-depth information on Redux and third party tools needed for a developer to build a robust modern web application in React.

Aug 2017 12h 28m

Isomorphic JavaScript Web Development

Isomorphic JavaScript Web Development

The latest trend in web development, Isomorphic JavaScript, allows developers to overcome some of the shortcomings of single page applications by running the same code on the server as well as on the client. Leading this trend is React, which when coupled with Node, allows developers to build JavaScript apps that are much faster and more SEO-friendly than single page applications. This book will show you how to develop front-end components in React.

Oct 2017 7h 32m

Isomorphic JavaScript Web Development

Isomorphic JavaScript Web Development

The latest trend in web development, Isomorphic JavaScript, allows developers to overcome some of the shortcomings of single page applications by running the same code on the server as well as on the client. Leading this trend is React, which when coupled with Node, allows developers to build JavaScript apps that are much faster and more SEO-friendly than single page applications. This book will show you how to develop front-end components in React.

Oct 2017 7h 32m

Isomorphic JavaScript Web Development

Isomorphic JavaScript Web Development

The latest trend in web development, Isomorphic JavaScript, allows developers to overcome some of the shortcomings of single page applications by running the same code on the server as well as on the client. Leading this trend is React, which when coupled with Node, allows developers to build JavaScript apps that are much faster and more SEO-friendly than single page applications. This book will show you how to develop front-end components in React.

Oct 2017 7h 32m

React and React Native

React and React Native

Learn how to use React and Reactive Native to build mobile, desktop and native applications with React and React Native. From composable and Native UIs through to device-specific APIs and offline development, this book has everything you need to create engaging and user-friendly React applications which run on all major platforms.

Sep 2018 18h 0m

React and React Native

React and React Native

Learn how to use React and Reactive Native to build mobile, desktop and native applications with React and React Native. From composable and Native UIs through to device-specific APIs and offline development, this book has everything you need to create engaging and user-friendly React applications which run on all major platforms.

Sep 2018 18h 0m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m