The Basics of React

Hello Readers! So, let’s get started! In this article, we will tie together a lot of the concepts and techniques you’ve learned in React.

React Limitations

React is just a library, not a full-blown framework.

Its library is vast and takes time to understand

It can be a little difficult for novice programmers to understand

Coding gets complex as it uses inline templating and JSX

Virtual DOM Vs. Real DOM

Using Virtual DOM:

1. You can directly update the HTML.
2. It acts as a copy of the real DOM, which can be manipulated and frequently updated without refreshing.
3. It can be synced with the real DOM with ‘react-dom.

Using Real DOM:

1. It directly updates the HTML.
2. It creates a new DOM if it is updated.

JSX

1. JSX is the short form of JavaScript XML.
2. Using JSX, we can write JavaScript with HTML-like template syntax.

React Props

1. Props are arguments passed into React components. Props are passed to components via HTML attributes.
2. Props can be passed from parent to child.
3. Props cannot be manipulated, which are only meant for read-only.

React State

1. State is simply the data component maintains
2. If you want to keep the state, you need a class-based component using constructor and super.
3. Using Hooks, it’s possible to make a functional component stateful.

We don’t make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code.

React can also render on the server using Node and power mobile apps using React Native.

You can also build your website without having to write a single line of code using — https://quickwork.co/

Learn more about our blog on — https://blog.quickwork.co/