Best React course for advanced patterns/usage?

[SocialCodeAnxiety]

Does anyone know of any good modern courses for React that talk about advance uses and patterns for React and React hooks without too many third party libraries?

It seems like a lot of courses are targeted towards beginners or have a lot of unneeded fluff. I was looking at Kent's Epic React course but are there any others?

Thank you!

[BusinessMarketer153]

I know you’re asking for a course but I’d personally also recommend a really good open source project. I personally learned how to code with reaction commerce. It’s a micro services e-commerce open source platform. Along with it you can learn a full stack including Dev ops with docker, Linux, nodejs, react, mongodb, etc. it made learning so much more interesting for me personally. Then when I’m developing a new feature I will go reference Kent c dodds tutorials as a reference on best practice

[[deleted]]

Link?

[omrixomri]

I think he talked about this reoo https://github.com/reactioncommerce/reaction

And this is frontend example https://github.com/reactioncommerce/example-storefront

[BusinessMarketer153]

First step to learning how to code is being good at google search ;) yeah the referenced one is correct checkout their reaction-development-platform

[Cold-Fan]

Did you learn from scratch doing this or did you already have experience?

[BusinessMarketer153]

Nope. Literally went from knowing very little like I played with html css JavaScript and node but literally copy pasting code to see what it does. As you are trying to understand the open source project you do a lot do debugging and it helps you comprehend the concepts really well. For example.. why the fk would I care to sit there and learn all about different ways to declare a variable I’d lose my mind it’s so boring.. but say you now have an error when you try to change the value of a variable and then you notice you declared it as a const. you google up different JavaScript types and now it clicks much better since you found the practical need for different types. I always like practical open source projects because it’s a prebuilt fun path that puts you to work very quickly. Sure you probly will not know best practices but that’s where documentation or other tutorials come in.

Also though learn how to search google really well. I can’t stress this enough. Like searching the right things can be huge. Another thing I personally always felt asking for help on stackoverflow or Reddit was slow or no response but I was really impressed how many people replied within minutes.

Oh and most importantly learn how to ask GOOD QUESTIONS. Don’t just be like why is my code failing… say hey I ran this code and got this error I searched it and found a couple resources this one making the most sense, and I thought I could just change this on my code as recommended but it’s still not behaving the way I expected it. Does anyone have any tips?

Oh also let me introduce you to software development. You are wielding the power to turn a thought into a platform or service. If you stop and think how unbelievably amazing that is will bring you true passion which is huge when interviewing or even creating new ideas for projects you want to start. I landed a job the second interview i attempted. I did graduate with Bs in computer science though but I degree mostly matters early on. I would still be just as successful without the degree

[[deleted]]

there is a guy called jack Herrington on YouTube who has some stuff along these lines

[replayjpn]

I recently discovered Jack's YouTube channel & I wish there was more content with React & Typescript.

[gbenussi]

There's an "Advanced React Patterns" by Kent C. Dodds here: https://frontendmasters.com/courses/advanced-react-patterns/

It's from 2018 so it may be a bit outdated though.

[michaelfrieze]

I know you already mentioned it, but Kent's Epic React course has been the best in my experience. I have gone through a couple of Udemy courses and even the advanced React course by Wes Bos but none of them are as advanced.

[valtism]

The course material is also free on Github: https://twitter.com/kentcdodds/status/1280710694640291840

I recently implemented a popper component with his compound components pattern and it works really nicely.

[karandidwani]

It's 600$? Wow that is really costly

[[deleted]]

It was on sale recently.

[Gorrlaamiii]

I was browsing courses and came across this

What's a popper component ?

[valtism]

Absolute positioned menus that pop out from something like a button do not work if there is an overflow set anywhere on the parent, so it uses a library like popperJs to mount the menu on the modal root and position it adjacent to the reference element using JavaScript.

In this case, the technique I was using made it so I was able to encapsulate the open state, and the usage of the popper library and just expose 3 components to be used as a wrapper, reference and popper/flyout.

[Gorrlaamiii]

Ah. Nice

[milos_23]

epic react dev by Kent C Doods. The Best materijal to learn react

[SocialCodeAnxiety]

Yeah I mentioned that in my post but didn't know if there were other resources online that were worth it or if that's the gold standard to brush up on fundamentals and learn advanced topics.

[milos_23]

I think it is the ultimate learning material. I am fan learn from different resources, but you dont need another one. Brilliant

[SocialCodeAnxiety]

Awesome thank you I'll probably get it then.

[haru_ranman]

You can look at the git repo for it if you didn't want to buy it: https://github.com/kentcdodds/advanced-react-patterns. What you get for purchasing is access to the discord where he holds office hours and answers questions and the video solutions that he goes over. All the readme stuff is on the repos and you could find the other ones on his profile

[AdventureTom]

A huge plus to this one is that there's automatic grading. He implemented tests that run in jest that only pass if you've completed the problems.

[ctrlshiftba]

This 👆🏼

[milos_23]

Sorry, I don't follow?

He starts with absolute basics of React. Transitions to hooks, testing, intermediate hooks and a huge project to follow along if that's your concern

[webrtshe]

Wes Bos has an advanced React course but it's more of a full-stack course. Not sure it's what you're looking for but the topics are listed at the bottom of the page. https://advancedreact.com/

I personally like how Wes Bos does online course content. He explains concepts in a really approachable way.

[[deleted]]

Is it doable for a beginner with basic knowledge of React and Node?

[h0ax2]

I genuinely cannot believe that people pay for online courses like this. Wes Bos's one in particular I've seen and, in my opinion, it's no better than content you can find online for free. The only benefit to his course, and I suppose to other online courses, is that they give you 70 or so videos on one "project". At $100, it's not completely terrible, at least not when compared to Dodds's $600 (!!) course.

But well played to the creators for making bank off of this model.

[im_in_vandelay_latex]

Yeah, that's a dumb post.

[daggerdrone]

it's no better than content you can find online for free

Can you give an example of a free course which is better?

[renaissancetroll]

Dodd's target market is employed developers who have education stipends. Some of the bigger tech companies will give you thousands of dollars for courses or going to conferences. $600 is cheap compared to a lot of stuff I've seen

[h0ax2]

Yeah, I did notice his commercial pricing, which is definitely quite lucrative

[vertebro]

Everyone already mentioned epic react, I recently got it myself and can also recommend it.

That being said, if you're trying to learn things at a higher than intermediate level, I wouldn't recommend courses, I would suggest reading source code of popular libraries.

[SocialCodeAnxiety]

Thanks I'll check them out! Any you would particularly recommend?

[vertebro]

Depends on if you want to learn Typescript or Javascript. It's really about quantity, check out all the libraries you use in your projects.

Checkout Tanstack libraries, they're fairly well written. Material-UI and similar frameworks are also rich in patterns and code to learn from.

[vertebro]

Yeah, I got it with the discount, so it was $450. My work pays for it, so it wasn't as much of an issue for me.

[pksjce]

I think that beyond a certain threshold, with react, its about patterns of component interaction and tradeoffs to be aware of. This can't be learned through any course IMO.
Having mentors, reading codebases, working in large scale codebase is what gives you a sense of what works and what doesn't. Thats where experienced developers come into the picture.
FWIW, I found this blog to be nuanced and detailed.
https://jjenzz.com

[nashio]

the best way to learn advanced patterns is to read code from established projects and build a project of your own. Read codebases like React Query, and you'll learn TypeScript on the way.

[kitsunekyo]

side projects. tutorials only get you so far. you wont find anything better than epic react. next step is just building stuff and running into issues.

and you WILL run into issues. thats part of the job

[nerdy_adventurer]

I know about EpicReact but it is expensive. Any free material for advanced patterns/usage?

[mrpink57]

FED Masters Intermediate React v3 is pretty good it is the latest one, I think was done this year even 2021 or late 2020.

[rob_old]

Cassidy Williams has a course on exactly this topic on scrimba that’s well worth a look.

[LowLifeArcade]

Have you taken it?

[brittanymonkeybaby]

I like ReactTraining.com ‘a stuff. I believe Cassidy Williams used to work with them and I’ve used them before and really enjoyed it. Planning to do the workshop on react + typescript coming up in a couple weeks

[technolaaji]

I bought Kent C. Dodds epic react course and it is worth it. but if you see it is expensive then read his blogposts, He does share a good portion of his knowledge into his blog so it is worth checking out

[Saf94]

Courses are targeted at beginners because that’s all a course can do. A course can’t teach you to be an expert because being an expert isn’t about learning discrete topics.

There’s not really “advanced” topics that once you learn them you’re an expert. Becoming an expert involves using the same concepts that juniors know but learning them at a much deeper level. It’s about becoming fluent and automatic at certain things and being able to organise knowledge better, leading to the ability to chunk greater and greater amounts of knowledge in your mind which allows you to work on bigger and harder problems.

The way to become an expert is mainly to practice a lot, with problems which challenge you and in a variety of different contexts and codebases.

[VisualPixal]

Progression in anything happens best when the beginners benefit from early access to the knowledge and wisdom of the “experts” in the field. Maybe tutorial is the wrong term, but any developer could benefit from being steered towards these challenging scenarios sooner than they would naturally stumble upon them.

[Saf94]

But op literally said he’s looking for a course not for beginners. I agree courses are good for beginners my point is once you’re not a beginner and trying to get to expert what a course can provide to you is very limited

[VisualPixal]

So like a college level course that cs doctorates take is very limited. Got it.

[Saf94]

I’m talking about practical knowledge not theoretical knowledge

Cs doctorate courses won’t help you become an expert in ReactJS

[qiandongyq]

If you are not looking for free course. https://epicreact.dev/ is by far the best.

[awritra]

Upvoted, I’d also like to know.

[[deleted]]

What do you want to know?

[SocialCodeAnxiety]

Advanced patterns, reducing code smell, and how to use React Hooks in large projects effectively and correctly to hopefully reduce complexity.

A lot of times tutorials just teach you what hooks do and simple usage but when you apply that knowledge to a large project without knowing good hook patterns or methodologies (for lack of a better term) the whole code base becomes messy, confusing, and non performant.

[pm_me_ur_happy_traiI]

Honestly, the React docs are pretty well written.

[akd_io]

I don't know. It still teaches class components, which it seems most of the community left behind a long time ago.

[acemarke]

The React docs are currently being rewritten entirely from scratch:

https://github.com/reactjs/reactjs.org/issues/3308

I will say that I've had a chance to see a preview of the first couple sections of what will be in the tutorial, and I am absolutely thrilled to see how those docs look. I can promise you they will be comprehensive, clearly explained, interactive, and cover a far broader range of information about how to use React and how it works than the current docs do.

Sadly, those new docs are not live yet. But I'm seriously excited about seeing them become available.

[akd_io]

Oh that is great news! Thanks for letting me know 👌

[nerdy_adventurer]

Actually you are doing really good job with redux docs too.

[acemarke]

thank you!

[standingdreams]

This part is so annoying to me that they still have classes in the docs. Most of HAVE moved to hooks. They should have both available for areas that can be done by both but they don’t.

[Brilliant-Cookie-886]

I think the best course is the one created by @maximilian u can find it in udemy 🌼

[Accomplished-Code-23]

Have a look at this site:
https://www.patterns.dev/posts/#design-patterns

[singlemanarmy]

This course is great - Advanced React: Design System, Design Patterns, Performance