ReactJS - Part 7 - Routing in a single page application

Channel:
Denmark Mike Møller Nielsen
Subscribers:
11,000
Published on ● Video Link: https://www.youtube.com/watch?v=gyVHR9ut0FU


Duration: 1:07:02
114 views
5

Setup Routes and link to them with the NavLink and Link tags. Setup a default route or redirect unknown routes to a specific route.
Extract parameters from props.match.params and use the query parameters in the components.
Enjoy! :-)
Feel free to leave a comment or question.
The code is located here with tag Part_7:
https://github.com/ekim197711/reactjs-springboot
Follow me on twitter:
https://twitter.com/MikeMoelNielsen



Other Videos By Mike Møller Nielsen


2019-10-06Postman and Spring Boot
2019-10-03XML and XSD with null or blank values
2019-10-02Spring Boot Basic Authentication with Users and Roles
2019-10-01Spring Boot CORS Http Request Filters
2019-09-30SFTP how to know when the file is done being uploaded?
2019-09-29XSLT XML transformation to HTML with CSS grid styling
2019-09-28HashiCorp Vault Administrator workflow
2019-09-28Java Read a File in many different ways
2019-09-26CSS Grids Basic
2019-09-24ReactJS - Part 8 - Redux
2019-09-23ReactJS - Part 7 - Routing in a single page application
2019-09-22ReactJS - Part 6 - Basic styling with Radium
2019-09-21ReactJS - Part 5 - http requests with fetch and axios
2019-09-21ReactJS - Part 4 - Functional Component Lifecycle management
2019-09-19ReactJS - Part 3 - conditional content and useState hooks
2019-09-18ReactJS - Part 2 - State manipulation and event handling
2019-09-17ReactJS - Part 1 - Up and Running with simple Components
2019-09-16Spring Boot Upload and Download files
2019-09-15Maven Custom Plugin and a Plugin Consumer
2019-09-14Spring Boot with Groovy - List and Maps - RestController and JPA
2019-09-13Custom Gradle Plugin as Standalone project


Tags:
react
reactjs
route
routing
navlink
link
redirect
default route
javascript
single page application
web
frontend