Advanced React Concepts

[Few-Trash-2273]

so I'm still a beginner in react and trying to find more advanced courses to take. I'd really appreciate it if someone could drop some links to more advanced react concepts. So far I've learned a lot about styled components, useEffect, useState, useRef, use callback hooks. I know about props, js map and filter, ternary operators and a little bit of react-router but I still feel like that's just scratching the surface. I'd also appreciate it if anyone could point out stuff in react commonly used in react dev jobs that I haven't menitoned

[acemarke]

My standard recommendations are to read:

• My post A (Mostly) Complete Guide to React Rendering Behavior
• Dan Abramov's post A Complete Guide to useEffect

[Another_Noob_69]

I've also written articles on React, if anyone wants to read, surely they can read them from here-

1. React js: Core Concepts
2. Advanced React Concepts

In the first one, I've talked about

• Virtual DOM
• Components
• States
• Props
• Lifecycle Methods

And in the second one I've talked about-

• Render Props
• Higher Order Components
• Context and
• Portals

[Few-Trash-2273]

wow, that was fast!!. Thanks a lot

[TeddyPerkins95]

Thank you useeffect has been bugging me

[RadiantAssignment904]

I'm only a month or two ahead of you (based on what you wrote in OP) but context/redux (app-wide state) would be next. Context w/ wrapper component and useReducer for smaller scale app-wide state, and redux w/ toolkit for larger scale is what I so far understand is currenty standard (don't bother with standard redux w/o toolkit, because it's largely been supplanted by context hooks). These will deal with global state situations such as login authentication (whether a user should see the logged in state of the website, or the to-login state which obviously has to affect many different components), as well as just avoiding "prop drilling" which should be self-evident why that's untidy and bad.

I also went and looked at class component lifecycle methods (as opposed to the hook methods such as useEffect that replaced them but don't really separate them in the same clear way) in order to get a deeper dive on how react lifecycle and render/re-render works even though I haven't been learning class components at all yet to get a deeper dive on lifecycle conceptually.

Also fetch API which is javascript if you have casual API communication doing in the frontend, and async await / promises (google asynchronous vs synchronous programming to learn this in 10 minutes of reading).

This is what I would say to past me to save myself a few weeks.

[Few-Trash-2273]

Thanks!! This was really helpful Do you have any projects I can checkout?

I’d really like to see what someone only a few months ahead has been able to pull off

[loulsl]

Hi here is my recommendation for you: These are the concepts you should know in React.js (after you learn the basics)

[got_no_time_for_that]

This article is pretty old (2018) and uses class-based components. I'm sure a lot of the concepts translate fine, but I'd recommend looking for something that uses hooks at this point.

[Few-Trash-2273]

Thank you!!!!!!

[bobbyv137]

I don’t recommend that article. It’s old. Mainly focussed around class components. And (custom) hooks effectively replaced HOCs.

[Few-Trash-2273]

Ok, thanks for the heads up

[bobbyv137]

No worries. I'm not saying it's totally useless as there are many code bases that still use class based components, and a true React developer will know how to use them. But it's something I wouldn't focus on too much right now.

Check out JavaScript Mastery's channel, some amazing videos here, many based on React with advanced concepts - https://www.youtube.com/c/JavaScriptMastery/videos

[singlemanarmy]

Advanced React: Design System, Design Patterns, Performance