ORPP logo
Image from Google Jackets

React Router Quick Start Guide : Routing in React Applications Made Easy.

By: Material type: TextTextPublisher: Birmingham : Packt Publishing, Limited, 2018Copyright date: ©2018Edition: 1st edDescription: 1 online resource (146 pages)Content type:
  • text
Media type:
  • computer
Carrier type:
  • online resource
ISBN:
  • 9781789532838
Subject(s): Genre/Form: Additional physical formats: Print version:: React Router Quick Start GuideDDC classification:
  • 005.1
LOC classification:
  • QA76.76.A65 .G363 2018
Online resources:
Contents:
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.
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.
Summary: 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.
Tags from this library: No tags from this library for this title. Log in to add tags.
Star ratings
    Average rating: 0.0 (0 votes)
No physical items for this record

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.

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.

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.

Description based on publisher supplied metadata and other sources.

Electronic reproduction. Ann Arbor, Michigan : ProQuest Ebook Central, 2024. Available via World Wide Web. Access may be limited to ProQuest Ebook Central affiliated libraries.

There are no comments on this title.

to post a comment.

© 2024 Resource Centre. All rights reserved.