Hands-On React Router

Simpliv

Course

Online

£ 10 + VAT

The best IT Systems courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Implement routing by creating and configuring routes in web and native apps using React Router components.React Router is a frontend package that listens to changes in your URL and keeps your application in-sync by rendering the corresponding view components. It enables you to build a single-page web application that incorporates navigation without refreshing the page when the user navigates to it.In this course, you will be introduced to React Router and create your first route using this React component. You will configure your routes by passing parameters and creating nested routes. By working with various React Router components, you will master their various configuration options and learn how to use the Redirect and Switch components.By the end of this course, you will be ready to work with React Router and make routing configurations in a server-side, rendered React application.The code files for this course are available at- About the AuthorHaider Malik is the founder of fullstackhour. He is a full-stack JavaScript developer and is passionate about everything JavaScript; he loves exploring new libraries. He’s had extensive experience developing software and working with teams to improve how software is developed to meet business objectives. Although his primary focus is on outcomes, implementing them often includes technical competency.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Explore React Router components and utilize them effectively in your React applications
Bootstrap your React Router application using create-react-app and use npm to install commands so that you can start coding your application logic right away
Best practices and techniques that will make your React Router app secure and bug-free
Route server-rendered and client-rendered web apps so that you can adjust to both paradigms and decide what is best for your application
Route in both web and native applications so you can appreciate their differences and similarities and develop both application types
Integrate React Router into your app so you are prepared to develop scenarios and systems using this architecture

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 4 years

Subjects

  • Web
  • Layout
  • Router
  • Javascript
  • Javascript training
  • Access

Course programme

Introduction to React Router 6 lectures 20:58 The Course Overview This video will give you an overview about the course. What Is React Router? In this video, you will learn what React Router is and why do we need it.
  • Explore a single page application
  • Learn what React Router is
  • Learn why we need React Router
Adding Routing Using React Router The aim of this video is to teach how to add to the existing React application, using React Router.
  • Add routing to our application
  • Explore BrowserRouter
  • Learn what a link is
URL Parameters with React Router In this video, you will learn how to access URL parameters in React Router.
  • Learn what a URL parameter is
  • Access the URL parameters
Nested Routes In this video, you will learn how to build complex layout using nested routes.
  • What are nested routes
  • Implement nested routing
  • Build master detailed view
How to Parse Query Parameters? In this video, you will learn how to parse the query parameters in React Router.
  • Learn what query parameters are
  • Parse query parameters
Introduction to React Router - Quiz Introduction to React Router 6 lectures 20:58 The Course Overview This video will give you an overview about the course. What Is React Router? In this video, you will learn what React Router is and why do we need it.
  • Explore a single page application
  • Learn what React Router is
  • Learn why we need React Router
Adding Routing Using React Router The aim of this video is to teach how to add to the existing React application, using React Router.
  • Add routing to our application
  • Explore BrowserRouter
  • Learn what a link is
URL Parameters with React Router In this video, you will learn how to access URL parameters in React Router.
  • Learn what a URL parameter is
  • Access the URL parameters
Nested Routes In this video, you will learn how to build complex layout using nested routes.
  • What are nested routes
  • Implement nested routing
  • Build master detailed view
How to Parse Query Parameters? In this video, you will learn how to parse the query parameters in React Router.
  • Learn what query parameters are
  • Parse query parameters
Introduction to React Router - Quiz The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. This video will give you an overview about the course. This video will give you an overview about the course. What Is React Router? In this video, you will learn what React Router is and why do we need it.
  • Explore a single page application
  • Learn what React Router is
  • Learn why we need React Router
What Is React Router? In this video, you will learn what React Router is and why do we need it.
  • Explore a single page application
  • Learn what React Router is
  • Learn why we need React Router
What Is React Router? In this video, you will learn what React Router is and why do we need it.
  • Explore a single page application
  • Learn what React Router is
  • Learn why we need React Router
What Is React Router? In this video, you will learn what React Router is and why do we need it.
  • Explore a single page application
  • Learn what React Router is
  • Learn why we need React Router
In this video, you will learn what React Router is and why do we need it.
  • Explore a single page application
  • Learn what React Router is
  • Learn why we need React Router
In this video, you will learn what React Router is and why do we need it.
  • Explore a single page application
  • Learn what React Router is
  • Learn why we need React Router
Adding Routing Using React Router The aim of this video is to teach how to add to the existing React application, using React Router.
  • Add routing to our application
  • Explore BrowserRouter
  • Learn what a link is
Adding Routing Using React Router The aim of this video is to teach how to add to the existing React application, using React Router.
  • Add routing to our application
  • Explore BrowserRouter
  • Learn what a link is
Adding Routing Using React Router The aim of this video is to teach how to add to the existing React application, using React Router.
  • Add routing to our application
  • Explore BrowserRouter
  • Learn what a link is
Adding Routing Using React Router The aim of this video is to teach how to add to the existing React application, using React Router.
  • Add routing to our application
  • Explore BrowserRouter
  • Learn what a link is
The aim of this video is to teach how to add to the existing React application, using React Router.
  • Add routing to our application
  • Explore BrowserRouter
  • Learn what a link is
The aim of this video is to teach how to add to the existing React application, using React Router.
  • Add routing to our application
  • Explore BrowserRouter
  • Learn what a link is
URL Parameters with React Router In this video, you will learn how to access URL parameters in React Router.
  • Learn what a URL parameter is
  • Access the URL parameters
URL Parameters with React Router In this video, you will learn how to access URL parameters in React Router.
  • Learn what a URL parameter is
  • Access the URL parameters
URL Parameters with React Router In this video, you will learn how to access URL parameters in React Router.
  • Learn what a URL parameter is
  • Access the URL parameters
URL Parameters with React Router In this video, you will learn how to access URL parameters in React Router.
  • Learn what a URL parameter is
  • Access the URL parameters
In this video, you will learn how to access URL parameters in React Router.
  • Learn what a URL parameter is
  • Access the URL parameters
In this video, you will learn how to access URL parameters in React Router.
  • Learn what a URL parameter is
  • Access the URL parameters
Nested Routes In this video, you will learn how to build complex layout using nested routes.
  • What are nested routes
  • Implement nested routing
  • Build master detailed view
Nested Routes In this video, you will learn how to build complex layout using nested routes.
  • What are nested routes
  • Implement nested routing
  • Build master detailed view
Nested Routes In this video, you will learn how to build complex layout using nested routes.
  • What are nested routes
  • Implement nested routing
  • Build master detailed view
Nested Routes In this video, you will learn how to build complex layout using nested routes.
  • What are nested routes
  • Implement nested routing
  • Build master detailed view
In this video, you will learn how to build complex layout using nested routes.
  • What are nested routes
  • Implement nested routing
  • Build master detailed view
In this video, you will learn how to build complex layout using nested routes.
  • What are nested routes
  • Implement nested routing
  • Build master detailed view
How to Parse Query Parameters? In this video, you will learn how to parse the query parameters in React Router.
  • Learn what query parameters are
  • Parse query parameters
How to Parse Query Parameters? In this video, you will learn how to parse the query parameters in React Router.
  • Learn what query parameters are
  • Parse query parameters
How to Parse Query Parameters? In this video, you will learn how to parse the query parameters in React Router.
  • Learn what query parameters are
  • Parse query parameters
How to Parse Query Parameters? In this video, you will learn how to parse the query parameters in React Router.
  • Learn what query parameters are
  • Parse query parameters
In this video, you will learn how to parse the query parameters in React Router.
  • Learn what query parameters are
  • Parse query parameters
In this video, you will learn how to parse the query parameters in React Router.
  • Learn what query parameters are
  • Parse query parameters
Introduction to React Router - Quiz Introduction to React Router - Quiz Introduction to React Router - Quiz Introduction to React Router - Quiz React Router Fundamentals 3 lectures 12:11 Render Catch All Routes The aim of this video is to explain to you how to implement the switch component.
  • Learn to handle the 'page not found' route
  • Use switch component
Conditionally Render Component In this video, you will learn how to render multiple components on the same route.
  • Conditionally, render a route with the switch component
  • Render multiple components for the same route
Redirecting to Another Page The aim of this video is to explain to you how to use Redirect Component in React Router.
  • Learn what Redirect is
  • Redirect to another page
  • Intercept route changes
React Router Fundamentals - Quiz React Router Fundamentals. 3 lectures 12:11 Render Catch All Routes The aim of this video is to explain to you how to implement the switch component.
  • Learn to handle the 'page not found' route
  • Use switch component
Conditionally Render Component In this video, you will learn how to render multiple components on the same route.
  • Conditionally, render a route with the switch component
  • Render multiple components for the same route
Redirecting to Another Page The aim of this video is to explain to you how to use Redirect Component in React Router.
  • Learn what Redirect is
  • Redirect to another page
  • Intercept route changes
React Router Fundamentals - Quiz Render Catch All Routes The aim of this video is to explain to you how to implement the switch component.
  • Learn to handle the 'page not found' route
  • Use switch component
Render Catch All Routes The aim of this video is to explain to you how to implement the switch component.
  • Learn to handle the 'page not found' route
  • Use switch component
Render Catch All Routes The aim of this video is to explain to you how to implement the switch component.
  • Learn to handle the 'page not found' route
  • Use switch component
Render Catch All Routes The aim of this video is to explain to you how to implement the switch component.
  • Learn to handle the 'page not found' route
  • Use switch component
The aim of this video is to explain to you how to implement the switch component.
  • Learn to handle the 'page not found' route
  • Use switch component
The aim of this video is to explain to you how to implement the switch component.
  • Learn to handle the 'page not found' route
  • Use switch component
Conditionally Render Component In this video, you will learn how to render multiple components on the same route.
  • Conditionally, render a route with the switch component
  • Render multiple components for the same route
Conditionally Render Component In this video, you will learn how to render multiple components on the same route.
  • Conditionally, render a route with the switch component
  • Render multiple components for the same route
Conditionally Render Component In this video, you will learn how to render multiple components on the same route.
  • Conditionally, render a route with the switch component
  • Render multiple components for the same route
Conditionally Render Component In this video, you will learn how to render multiple components on the same route.
  • Conditionally, render a route with the switch component
  • Render multiple components for the same route
In this video, you will learn how to render multiple components on the same route.
  • Conditionally, render a route with the switch component
  • Render multiple components for the same route
In this video, you will learn how to render multiple components on the same route...

Additional information

Knowledge of Javascript Development and basic knowledge of React is required

See related categories

Hands-On React Router

£ 10 + VAT

The best IT Systems courses

See all

See all