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
 
alexantra profile image
Alex Antra

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

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
 
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
 
azhtom profile image
Daniel Soria

Cool!

Thank you.

Collapse
 
kenold profile image
Kenold Beauplan

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