Live refactoring a subscribers React SPA anime application

Just sharing some more refactoring with y'all. Enjoy.

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

[arditgashi]

Stop excusing yourself for doing what you are doing. You are doing great, everything you've done in this refactor I would have done myself. Don't be so hard on yourself. Great video, keep them coming!

[ImSoFucktarded]

Great content, fun to watch someone more experienced going through his though process. Would love to see more! Would also love to watch other frameworks, and even some basic functions, like your shorts. Good stuff, love your voice for teaching.

[Sapphiamur]

These refactoring sessions are awesome to learn from, thank you so much!

[vaibhavgautam]

This is really helpful for new programmers like me, it feels like a PR review. And lots of new insights

[ishakzehhaf]

Dammmnn bro, you always make very helpful videos about coding and way of working. Keep up

[AnshumanKP]

Your videos are chill and informative, specially the live code refactoring streams. Love them!

[afaque.]

At last someone experienced making a video

[dninja]

One thing I would say is to use lowercased words separated by hyphens for css classes. So instead of heroContainer, make it hero-container.

[Manjaco]

I believe the problem was the missing “:” at 6:37 before the ${id}

[NguyenLam-vznb]

Very useful hope you make more videos like this

[jordondax]

Great video idea man, learning a ton.

[markangeloatienza]

Love to watch more of this kind of videos.

[BSimone]

Love this type of content. I'm worse than you at coding, the only thing that came to my mind while you were refactoring is that it seemed that the random anime page was returning JSON detials for all the animes, which made the call to get the data again for individual anime seem a bit redundant. I think, in a perfect world, when opening the individual component I would've had something like an optional prop with data if I'm coming from the random anime page, if there is no prop then I make the request with the id.

[stanimirdimitrov]

4:56 - I'd say, make an array of objects, which would include the path and the element that you want to render. Then, you would simply map it in the return statement.

[turkeymoonrover]

React-router has GeneratePath method for generating paths with params . Better approach then GOTO usage.

[ProbablyArth]

I love to watch videos like these <3

[mmareplays]

Nice video man. What extension shows the errors while you code?

[xiiEJRAM]

I really love watch your videos and the way you think 🖤

[HarshPatel-uznm]

What Xcode theme, with font and text color scheme are you using

[lalithrockz]

Ive been having this bug when I login it goes into a infinite loop. It should go to a home page but its not. If I manually go to the other routes then the whole app works fine.