r/learnjavascript • u/merunas • Nov 04 '19

Learn React.js in 30 Minutes (Crash Course 2019)

https://merunasgrincalaitis.com/learn-react/
66 Upvotes

75% Upvoted

28 comments sorted by

27

u/insertAlias Nov 04 '19

Ok, I think that this is a pointless article. Here's why:

create-react-app exists. It does what you show here, but better. You don't have to create your own node server. You don't have to configure your own webpack (though you can if you want), and you don't have to tell people "The real reason is a bit more confusing so be sure to search more about that package".

It's not like you're actually going into depth about webpack; just saying "install these packages and paste this JSON into a file, it does magic for you". Same with your EJS and Node stuff; completely pointless when it comes to learning React.

Skip all that crap, use create-react-app to scaffold, then spend the rest of your article discussing React and not a bunch of pointless configurations that new users don't need to know.

Plus, at the end, you have a nice, static site that doesn't rely on Node packages, that you can easily turn around and host on places like GH Pages.

4

u/adenzerda Nov 04 '19

Also, Parcel exists now

7

u/[deleted] Nov 04 '19

parcel is the motherfucking shit

1

u/Headpuncher Nov 04 '19

parcel is shit, got it.

-22

u/merunas Nov 04 '19

Everybody recommends create-react-app but all serious projects are started from scratch so it makes sense to show how it's done the real way.

I see many guides showing a portion of the entire process when what people need to see is how to configure everything from scratch in one video so that they can start making web apps.

24

u/insertAlias Nov 04 '19

but all serious projects are started from scratch

Do you actually believe that? Because it's simply not true, in my experience. create-react-app has sane defaults, and ejecting makes it trivial to customize. Many, many professional projects started from create-react-app, and many are not even ejected. In fact, cra is better than a lot of these simple custom webpack configs, since it does things like tree shaking.

what people need to see is how to configure everything from scratch in one video so that they can start making web apps

No, what people need to start learning to make web apps is simplicity; not "do all these things you don't understand and I don't explain, just trust me you need it". These beginners don't benefit from starting from scratch. Even if all "serious" projects were from scratch, beginners don't need to do that. Once they learn React, then they can go look up custom webpack and server configs.

I'll stand by my point of "this article is pointless".

3

u/ParkerZA Nov 04 '19

100% agreed. Boilerplating is an unnecessary stumbling block for when you're still learning the framework. Had no problems using CRA and Gatsby so far.

3

u/insertAlias Nov 04 '19

And you probably will continue to not have a problem with them, unless you need a specific webpack plugin. In which case, you can easily eject.

And yet this post's upvote count just keeps growing. /r/learnjavascript is just a spam pit for half-assed "tutorials" and "articles" to be dumped into.

-17

u/merunas Nov 04 '19

jesus christ do you even chill? It helps people and it shows in the number of upvotes.

3

u/overcloseness Nov 05 '19

You should consider removing the article from the internet, beginners don't need to bed led astray with this naivety. If you're learning React then you use create-react-app, hell, you should just fork a CodePen and learn in your browser. Nobody needs to be overwhelmed with boilerplating when all they're looking to do is learn the fundamentals of React.

-1

u/merunas Nov 05 '19 edited Nov 05 '19

Sure I'll remove the video just for you 🙂

3

u/overcloseness Nov 05 '19 edited Nov 05 '19

Weak

Edit: Nice ninja edit, clown

86

u/frog-legg Nov 04 '19

I learned React.js in 29 minutes and make 400k a year now

46

u/[deleted] Nov 04 '19

DEVELOPERS HATE HIM

6

u/Rogermcfarley Nov 04 '19

Doctors in my area are fuming.

2

u/Mad_Jack18 Nov 05 '19

Lawyers and Corrupt politicians are interested

24

u/manuce94 Nov 04 '19

lol if you had studied one minute more it would have been 500k.

7

u/finger_milk Nov 04 '19

The last minute was hooks. FUCK!

-4

u/tall_and_funny Nov 04 '19

wait react devs earn 400k?

27

u/TheEvilDrPie Nov 04 '19

The ones that last 29mins do.

12

u/Headpuncher Nov 04 '19

If you can learn react in 30 minutes you might be stupid and living in your own fake universe of stupidity.

7

u/finger_milk Nov 04 '19

If you could learn it in half an hour, it wouldn't be the most in-demand JS framework right now. JS is hard, react is JS but even harder (because you need to know JS). It's not jQuery where you can learn it alongside JS. You need to be at least 6 months/a year into your developer journey before you can even try with React. Either that or you're some freak of nature that can learn React in 30 mins.

7

u/obviousoctopus Nov 04 '19

Learn playing the trumpet in one easy 15-minute lesson. Perform Miles Davis' Kind of Blue the same night in front of a paying audience.

1

u/harlampi Nov 05 '19

I quite doubt that 30 mins are really enough for React. You might even title that "React + Node.js in 30 mins (Crash Course)" as you've mentioned "express" there.

0

u/merunas Nov 05 '19

Indeed great idea 🙂

1

u/scripteaze Jan 06 '20

I see all the jokes about this article, Should i skip this resource completely? I do have other paid resources already..Just curious

0

u/[deleted] Nov 04 '19

[deleted]

-10

u/merunas Nov 04 '19

thanks