React, Redux & Firebase App Tutorial #7 - Project Details Component

Hey gang, in this React, Redux & Firebase tutorial we'll create the template for our project details component. We'll also set up a route to load the component in.

----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🧠🧠 Other Helpful Playlists:

🤑🤑 Donate


🎓🎓 Find me on Udemy

[eeezypeeezy]

If you are following this tutorial with a later version of the ES7 snippets extension, *rfe* might not work for you. Try using *rafce* instead, that worked for me

[ryangaudion]

To access the id param with the latest version of react-router-dom you need to "import { useParams } from 'react-router-dom'" and then access the id with "const { id } = useParams()"

[cjhackerz]

Your channel is most underrated one... I have been following you for past 2 years... Great job and keep posting stuff...

[jaredlising-simplybrewedph]

good thing i already installed the plugin to VS before i even watched this episode in the series. :) this should have been inserted in the react beginners series as part of the project creations. keep it up sensei!

[MrStupiuno]

Had to use *rafce* instead of *rfe* .To create the functional component.

[sim_scape]

Funny thing, I am doing this tutorial the 2nd september at 2 am, exactly at the same time as the example !
Thank you for sharing your knowledge

[yinonb]

Great explainations for a complex subjects, well done. thanks a lot.

[thomasrichardson]

Great Work man, I'll definitely be keeping up with your work!

[blazerx]

This video series is gret!!! Thank you :)

[gglandshomeunixorg]

The 1st snippet of yours is already rafce to me :)

[rezahedi]

Thanks for the great tutorial @{The Net Ninja}

[jamespotter]

laughed so hard on the comment "agh gret" XD

[liveitup]

Overall getting alot out of this but the css emmet shortcuts are not working, not a big deal just curious why

[salvatoreargentieri]

RFE still works, it seems VSC has a reserved name for RFE so all you need to do is select the correct one that is suggested. Also my router isn't changing the page to the project details component. What could I be doing wrong lol

[liewweijun]

Can I know where is the id comes from?

[patrickbarosy]

When creating the route project/:id, what does project relate to? I can't find a prior reference to it in the code. Does project mean a reference to one individual project from ProjectDetails or Is it just a placeholder name for the example -- could I have put cars/2 in the address bar & still come up with the correct result?

[rcustodian]

inquiry: re #7 React-redux-Firebase App U have as a directory projects (w/ a 's') & yet in the App.js U have the Route path='/project/:id' w/o 's' & when console.log is displayed it also shows path='project' w/o the 's' & the DOM displays the info with no errors. I tried this same syntax & I do not get an error but, I also do not display the data. I am on Ubuntu 16.04. Is this a quirk of Windows OS or what? I got it to work by adding the 's' in the Route path=' ' just curious
Otherwise, I do consider U a 'teacher, Sin-Say', Well Done !
,

[extremtourist]

Hi there ! I tried to find the es7 snippets created by dsznajder in atom but impossible to find it !! I typed exactly the name of the package but nothing !! Any tip to find it please ? Thank you

[kraja]

but we never created ann id anywhere, how does it know the correct id to load

[joelgreek]

I can't see the props in any browser. :(