Coding / Programming Videos

Post your favorite coding videos and share them with others!

React Router Dynamic Pages

Download Video link >



React Router Dynamic Pages

Learn how to create dynamic routes in React Router and render different content depending on the url. React Router will extract part of the url for us, so we can use that to make a call to our API to get the data to show. I also show you how to redirect to a 404 page if the user gives a bad route or the API does not have the data. The server used in this video is built with Node.js, GraphQL, and Postgresql

Starter code:
Server: https://github.com/benawad/graphql-express-template/tree/20_join_monster_cursor_pagination
Client: https://github.com/benawad/gello-world/tree/4_refresh_tokens

Finished code: https://github.com/benawad/gello-world/tree/6_react_router_dynamic_routes

http://dev.apollodata.com/react/queries.html#graphql-skip

—-
Watch me live:
https://www.twitch.tv/benawad

—-
Video Suggestions:

Trello: https://trello.com/b/mErpLVj7/todo
Join the Trello board: https://trello.com/invite/b/mErpLVj7/99020cac2d3397287640d7d86cb3c09a/todo

—-
Follow Me Online Here:

Instagram: http://instagram.com/benawad97
Twitter: https://twitter.com/benawad97
Patreon: https://www.patreon.com/benawad
—-
Join the Discord: https://discord.gg/Vehs99V

source

Bookmark(0)
 

 

View Comments source >

Transcript view all >

00:00 what's up guys I want to show you how to

00:03 create a dynamic route and react router

00:06 now what I mean by that is creating a

00:09 route these are what I would call static

00:11 routes they just match to like login

Leave a Reply

Please Login to comment
  Subscribe  
Notify of
Translate »