Intro To Reactjs

React Basics In 30 Minutes

What is React? And Why React?

What is React?

React is one of the most powerful, widely used frontend frameworks. It is an open-source (anyone can see the source code and contribute to it) JavaScript library for building web applications (the user interface part of the web application). It was created and is powered by Facebook.

Why Use React?

  • A Smooth Learning Curve

React is an elementary and lightweight library that only deals with the view layer of a web page. It has an easy learning curve, making it easier to start with.

  • Large Community

You can get access to a large community of experts to solve any problems. Plus, this is a great way to keep yourself updated.

  • Reusable Components

React is based on independent components. It is the building block of React. Don't worry. We will cover the components in detail later. Just know now that each React component can be reused in other parts of the app.

  • Virtual DOMS

Document Object Model or DOM is an interface that represents HTML into trees. React simply creates a copy of the DOM. Every time a change is made, it examines the Virtual DOM and pinpoints exactly which parts need to be updated. This enhances the web application's performance.

  • JSX

JSX or JavaScript XML is a syntax used to mix HTML with JavaScript making it easier to develop user interfaces. We will cover it later.

  • Unidirectional Data Flow

In React, data flows from the parent component to children components (unidirectional). This provides higher control over data access of components making debugging much easier.

  • Not opinionated

which means that it won’t force you to follow any specific design patterns, project organizational structure, or logic. It’s all up to you.

  • Giant Platforms depend on React

  • Facebook

  • Instagram

  • Netflix

  • WhatsApp

  • New York Times

  • Dropbox

  • Airbnb

Additional Resources

Last updated