React Router Quick Start Guide
Routing in React applications made easy
Published on 29. September 2018
Book
Paperback/Softback
156 pages
978-1-78953-255-5 (ISBN)
Description
Learn how you can implement routing in a React Web/Native application using React-Router library
Key Features
Create nested routes and complex workflows for your applications
Learn Routing in server-side rendered applications and in Native mobile applications
Understand how Redux bindings for React-Router works using the connected-react-router library
Book DescriptionReact Router is the routing library for React, and it can be used in both React Web and React Native applications. This book is a simple way to get started with React Router and harness its full power for your applications.
The book starts with an introduction to React Router and teaches you how to create your first route using the React component. You will then learn about configuring your routes, passing parameters, and creating nested routes. You will be introduced to various components in React-Router and learn different configuration options available for these components. You will then see how to use the Redirect and Switch components. For even greater ?exibility, you will learn about BrowserRouter, HashRouter, NativeRouter, and StaticRouter.
By the end of the book, you will have set up a project with React Router and make routing configuration work in a server-side rendered React application, a mobile application built with React Native and also understand how Redux and React-Router can be used in the same application.What you will learn
Create your first Route using the Route component
Protect routes from unauthorized access by using the redirect component
Navigate to your defined route using Link and NavLink
Configure BrowserRouter and HashRouter using various props
Use StaticRouter for routing in server-side rendered React applications
Implement routing in a React Native app using react-router-native
Using connected-react-router library with React-Router for better state management
Who this book is forThis book is for JavaScript developers who have basic knowledge of React and who want to harness the power and flexibility of React Router
Key Features
Create nested routes and complex workflows for your applications
Learn Routing in server-side rendered applications and in Native mobile applications
Understand how Redux bindings for React-Router works using the connected-react-router library
Book DescriptionReact Router is the routing library for React, and it can be used in both React Web and React Native applications. This book is a simple way to get started with React Router and harness its full power for your applications.
The book starts with an introduction to React Router and teaches you how to create your first route using the React component. You will then learn about configuring your routes, passing parameters, and creating nested routes. You will be introduced to various components in React-Router and learn different configuration options available for these components. You will then see how to use the Redirect and Switch components. For even greater ?exibility, you will learn about BrowserRouter, HashRouter, NativeRouter, and StaticRouter.
By the end of the book, you will have set up a project with React Router and make routing configuration work in a server-side rendered React application, a mobile application built with React Native and also understand how Redux and React-Router can be used in the same application.What you will learn
Create your first Route using the Route component
Protect routes from unauthorized access by using the redirect component
Navigate to your defined route using Link and NavLink
Configure BrowserRouter and HashRouter using various props
Use StaticRouter for routing in server-side rendered React applications
Implement routing in a React Native app using react-router-native
Using connected-react-router library with React-Router for better state management
Who this book is forThis book is for JavaScript developers who have basic knowledge of React and who want to harness the power and flexibility of React Router
More details
Language
English
Place of publication
Birmingham
United Kingdom
Target group
Professional and scholarly
US School Grade: College Graduate Student
Dimensions
Height: 235 mm
Width: 191 mm
Thickness: 9 mm
Weight
305 gr
ISBN-13
978-1-78953-255-5 (9781789532555)
Copyright in bibliographic data and cover images is held by Nielsen Book Services Limited or by the publishers or by their respective licensors: all rights reserved.
Schweitzer Classification
Other editions
Additional editions
E-Book
09/2024
Packt Publishing
€23.49
Available for download
Person
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.
Content
Table of Contents
Introduction to React Router 4 and Creating Your First Route
Configuring Routes - Using Various Options in the Route Component
Using the Link and NavLink Components to Navigate to a Route
Using the Redirect and Switch Components
Understanding the Core Router, and Configuring the BrowserRouter and HashRouter components
Using StaticRouter in a Server-Side Rendered React Application
Using NativeRouter in a React Native Application
Redux Bindings with connected-react-router
Introduction to React Router 4 and Creating Your First Route
Configuring Routes - Using Various Options in the Route Component
Using the Link and NavLink Components to Navigate to a Route
Using the Redirect and Switch Components
Understanding the Core Router, and Configuring the BrowserRouter and HashRouter components
Using StaticRouter in a Server-Side Rendered React Application
Using NativeRouter in a React Native Application
Redux Bindings with connected-react-router