r/Frontend•
905Tassy

Can anyone recommend me a place to learn React best practises?

I am able to create components such as login menus and nav bars but is there a place I can visit where I can visit that will show me more efficient ways of doing things?

Posted May 17, 2022, 3:17 AM UTC

8640
bageddy•

Check out ui.dev or frontend masters

24
JackAuduin•

The front end masters courses are phenomenal.

8
[deleted]•

[deleted]

6
StormofThunder•

Not all courses do this, but many have new versions with a vX appended. I don't know if that helps any. It's kind of the sad truth of the vast majority of courses, and it sucks they're not kept up to date.

1
its_never2_late•

I like these, but they are paid subscriptions which can get expensive. YouTube has some good quality videos on it too but with react you have to also sift through some bad quality tutorials. Once you find the better teachers and follow them you don't really need to pay a subscription.

If anyone has the extra money though, front end masters has some really fantastic quality teaching!

4
Siemen_316•

Can you suggest some YouTube channels which talk about or implement these best practices in react

1
905TassyOP•

Thanks!! Found their github and will be going through source code to see how they do things. Fyi for anyone else looking it is https://github.com/uidotdev

2
rArithmetics•

Kent C dodds

12
TehTriangle•

And the Bulletproof React repo.

8
905TassyOP•

Thanks for the info! Much appreciated

3
PositivelyAwful•

Wow, this is great. Thanks for this.

1
Key-Carpet-561•

What is the hype here?

1
ThatDudeDunks•

This is the way

1
Luna_Coder•

You could start by looking at other people's code and picking up from their practices. Here's a good start https://github.com/alan2207/bulletproof-react

12
fuzzyline•

wow this is a gem! thank you, i’ll definitely be reading all of it! just read a bit and am already amazed by it!

2
Luna_Coder•

You might also want to check this out:

https://fullstackopen.com/en/#course-contents

2
fuzzyline•

heh thanks for the wonderful resources you have shared! 😄🙏🏻

1
scriptedpixels•

Have a look under /reactjs instead 👍🏽

5
[deleted]•

[removed]

1
[deleted]•

[removed]

1
[deleted]•

[removed]

1
kolenko•

Modern React with Redux by Stephen Grider on Udemy is a great course. He explains everything thoroughly and in a way you can easily understand. That’s where I started!

1
DashingTin•

does this course use class or functional components?

2
kolenko•

He teaches both! And different cases of when you’d use one over the other but it’s more on the side of functional components

1
DashingTin•

That’s great, I’ve already started learning react but there are things I still don’t understand, going to start this course now

2
kolenko•

You can easily jump around the course too if you want specific nuggets of information but following it from the top has its benefits too. Feel free to DM me if you have any questions also, I might be able to help!

1
Dodgy-Boi•

They don’t exist. Open Facebook (the ones who developed React) and see the console. It fires tons of errors and other junk. /s

0†
msucorey•

So I had to go check - it would have made my day to see 'sibling elements must have a key' or some such rookie mistake, but was disappointed. I need to wait until their guard's down. :)

2
[deleted]•

[removed]

-25
905TassyOP•

You seem to say a lot of troll comments judging by your profile

11
[deleted]•

[removed]

-21
kbr8510•

Pathetic Manchild

7
[deleted]•

[removed]

-14
techmaster242•

React and Vue are libraries and Svelte is a compiler. Angular is the framework and you didn't even mention that one.

1
905TassyOP•

I didnt mention that since I am focusing on react as my main framework

1
techmaster242•

I wasn't replying to you. 😉

1
jaredcheeda•

Slight correction, mostly pedantics, feel free to ignore.

  • All-in-one framework - Comes with everything built in/out of the box. All maintained together. Not worth the effort to deviate away from what it comes with. See: Angular, Ember
  • Progressive Framework - Is broken up into small libraries, each piece of the framework has an officially recommended and/or maintained library to solve that problem, but you can skip them or pull in whatever alternative you want. See: Vue, Backbone, Svelte
  • Incomplete Framework - Only one piece of the framework is officially recommended, for anything else you have to evaluate available options, but nothing is officially maintained or recommended. See: React, Riot

Note: Incomplete !== Unfinished

0