DEV Community

Cover image for Learn React JS in 5 minutes — A tutorial for beginners

Learn React JS in 5 minutes — A tutorial for beginners

Per on May 16, 2019

This tutorial will give you a basic understanding of React by building a very simple application. I’ll leave out everything which I don’t think is...
Collapse
 
karataev profile image
Eugene Karataev •

Nice introduction to React.

The reason we’re writing {this.props.message} with curly braces is because we need to tell the JSX that we want to add a JavaScript expression. This is called escaping.

I don't get why this process is called escaping. I think the better name is interpolation.
Escaping for me is more like adding a slash before a quote symbol in a javascript string. Replacing special symbols in URL is also sounds like escaping.

Collapse
 
laurieontech profile image
Laurie •

Nice write up. Once you understand the creation of a single component the possibilities are endless. If you're looking to interact with more than one/between them I might recommend something I wrote.

Collapse
 
vanaf1979 profile image
Stephan Nijman •

I took the scrimba course a couple of weeks ago. I realy recommend it to anyone wanting to learn react. :)

Collapse
 
jsardev profile image
Jakub Sarnowski •

I don't like this kind of clickbait titles like "Learn React in 5 minutes", "Master Angular in 1 day". You know it's not possible - why use such a title then? I wonder why articles like this still gain the most traction - do people still don't understand that you can't learn anything more complex than adding two integers to each other in such a small period of time? :P

No hate tho, the article is totally cool, just wanted to share my thought about this kind of practices :)

Collapse
 
alexantra profile image
Alex Antra •

Ooh this actually looks doable by a noob like me. Might give it a whirl!

Collapse
 
dance2die profile image
Sung M. Kim •

Refreshing to see a React tutorial using a CDN for React instead of using webpack/create-react-app/<>.

It definitely removes the barrier to get started with React 😃

Collapse
 
josegonz321 profile image
Jose Gonzalez •

Many people still believe you need create-react-app to get started

Collapse
 
dance2die profile image
Sung M. Kim •

I couldn't agree more.

I see many Vue "getting started" posts using a single "script" tag to get started while the majority of React counterparts starts with "CRA" (which requires understanding of NPM & Node).

Collapse
 
rick02840 profile image
Rick Hood •

Are sites for production done this way (via CDN)? In other words, is there anything "wrong" with doing it this way?

Collapse
 
donvitocodes profile image
donvitocodes •

Thanks for sharing the free react course!

Collapse
 
kenold profile image
Kenold Beauplan •

Thanks for sharing Pee. I'm half way through your React article on Scrimba. Great work!

Collapse
 
azhtom profile image
Daniel Soria •

Cool!

Thank you.