React Router Quick Start Guide Routing in React Applications Made Easy

React 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.

Saved in:
Bibliographic Details
Main Author: Ganatra, Sagar
Format: eBook
Language:English
Published: Birmingham Packt Publishing, Limited 2018
Packt Publishing Limited
Packt Publishing
Edition:1
Subjects:
Application software-Development
COM051260 COMPUTERS / Programming Languages / JavaScript
COM060080 COMPUTERS / Web / General
COMPUTERS / Programming / Open Source
Mobile apps
ISBN:1789532558, 9781789532555
Online Access:Get full text
Tags: Add Tag
No Tags, Be the first to tag this record!
Table of Contents:
  • to redirect to a Page Not Found page -- Redirecting from an old path to a new path -- Summary -- Chapter 5: Understanding the Core Router, and Configuring the BrowserRouter and HashRouter components -- &lt -- Router&gt -- component -- Including &lt -- Router&gt -- from react-router -- react-router package -- react-router-dom package -- &lt -- BrowserRouter&gt -- component -- basename prop -- forceRefresh prop -- keyLengthprop -- getUserConfirmation prop -- Showing a custom dialog box using the getUserConfirmation prop -- &lt -- HashRouter&gt -- component -- hashType prop -- Summary -- Chapter 6: Using StaticRouter in a Server-Side Rendered React Application -- Performing SSR of a React application using Node.js and Express.js -- Installing dependencies -- Webpack build configuration -- Server-Side application -- Rendering a React application using ReactDOMServer.renderToString -- Adding &lt -- StaticRouter&gt -- and creating routes -- Server-Side redirect using the &lt -- Redirect&gt -- and staticContext -- Request URL matching with matchPath -- StaticRouter context prop -- Creating Isomorphic React applications -- Webpack configuration -- Server-Side configuration -- Summary -- Chapter 7: Using NativeRouter in a React Native Application -- Using NativeRouter in a React Native application -- Creating a new project with the create-react-native-app CLI -- Adding the &lt -- NativeRouter&gt -- component -- The &lt -- NativeRouter&gt -- component -- The initialEntries prop -- The initialIndex prop -- The &lt -- BackButton&gt -- component -- Creating Deeplinks with &lt -- DeepLinking&gt -- -- Ejecting from the create-react-native-app -- Adding &lt -- intent-filter&gt -- to the manifest file -- Including the &lt -- DeepLinking&gt -- component -- Summary -- Chapter 8: Redux Bindings with connected-react-router -- State management with Redux -- Actions
  • Reducers -- Store -- Redux in React -- Getting started with connected-react-router -- Reading state information from the Redux store -- Navigating by dispatching actions -- Summary -- Other Books You May Enjoy -- Index
  • Cover -- Title Page -- Copyright and Credits -- Packt Upsell -- Contributors -- Table of Contents -- Preface -- Chapter 1: Introduction to React Router 4 and Creating Your First Route -- A brief look at React -- Component-based architecture in React -- Creating a React component -- Introduction to React-Router -- Getting started with React-Router -- Adding the React-Router library -- Defining application routes -- Summary -- Chapter 2: Configuring Routes - Using Various Options in the Route Component -- Route props -- The exact prop -- The strict prop -- The sensitive prop -- Inline rendering with the render prop -- Inline rendering with the children prop -- Route component props -- History -- The location object -- The match object -- Route parameters -- Nested routes and dynamic routing -- Dynamic routes from JSON -- Summary -- Chapter 3: Using the Link and NavLink Components to Navigate to a Route -- &lt -- Link&gt -- component -- replace prop -- innerRef prop -- to prop with an object -- &lt -- NavLink&gt -- component -- activeClassName prop -- activeStyle prop -- exact prop -- strict prop -- isActive prop -- location prop -- Navigating to nested routes -- Navigating to a route programmatically using history -- Using the withRouter higher-order component -- Preventing transitions with &lt -- Prompt&gt -- -- Summary -- Chapter 4: Using the Redirect and Switch Components -- The &lt -- Redirect&gt -- component -- The to prop -- The push prop -- Protecting routes and authorization -- Redirecting with a callback route -- Exclusive routing with the &lt -- Switch&gt -- component -- Ordering of the &lt -- Route&gt -- components in &lt -- Switch&gt -- -- &lt -- Route&gt -- with path '/' as the first child in &lt -- Switch&gt -- -- &lt -- Route&gt -- with path params -- Adding a 404 - Page Not Found -- Using &lt -- Redirect&gt -- in &lt -- Switch&gt
  • React Router Quick Start Guide: Routing in React applications made easy