DEV Community

Cover image for How to Get Started With React – A Beginner's Guide
Rajiv Chaulagain
Rajiv Chaulagain

Posted on

14

How to Get Started With React – A Beginner's Guide

React js is a javascript library and it is also termed as a framework because it can be directly be compared with javascript frameworks like angular , view.

Most people including me used react because of it’s huge community support and you can find many article and solutions like this about react js everywhere on goggle.

I used react js because it was so popular and in demand , but after using it I felt that this is the fastest way to design web apps and It was amazing experience while coding because now frontend is not only about designing but it is also about implementing business logics and techniques.

Many developers want to learn react but learning react can be difficult if you directly jump into in without learning basics of Javascript.

Some of the terms to be learned before diving into react js are :

HTML

— Learn basics of HTML 5 like div tags , classes and id’s of HTML and stuffs like semantic tags as (section , aside , header , footer);

CSS

— Learning CSS helps to learn react js faster cause styling is necessity for front-end developers.

JAVASCRIPT

— Learning basics of Js is important as what we use is only ES6 stand for EcmaScript 2015. Learn following things in ES6 like : map method , filter method , template strings , var , let , const , hoisting , arrow functions , this keyword , class in js , OOP in js , destructuring etc.

REACT DOCS

— Learn react docs more than anything in world then you feel react js is so easy that a common man learn do it within months.

Conclusion

Now, create more projects like todolist, ecommerce website, api covid tracker and many crud projects to be used in react.

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

Top comments (4)

Collapse
 
nyashu profile image
Yashu Neupane

Great roadmap to begin.

Collapse
 
rajivchaulagain profile image
Rajiv Chaulagain

thanks @nyashu

Collapse
 
vishalraj82 profile image
Vishal Raj

Nice one. Here is one of my article on getting started with React with Typescript - dev.to/vishalraj82/getting-started...

Collapse
 
rajivchaulagain profile image
Rajiv Chaulagain

Sure , I will check it out

AWS Q Developer image

Your AI Code Assistant

Implement features, document your code, or refactor your projects.
Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Get started free in your IDE

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay