What is React?

Bino Kochumol Varghese /   January 18, 2023

React is an open-source front-end JavaScript library that is used for building user interfaces, especially for single-page applications. It is used for building modern, reactive user interfaces for the web and mobile by declarative, component based approach.

React was created by Jordan Walke, a software engineer working for Facebook. React was first deployed on Facebook’s News Feed in 2011 and on Instagram in 2012. It is known as React because it was designed to help developers “react” to changes in the state of an application, by efficiently rendering and updating the UI in response to those changes.

React is designed to be declarative, meaning that developers specify what the UI should look like based on the current state of the application, and React takes care of updating the UI as needed. This allows developers to focus on building the logic of the application rather than worrying about how to update the UI efficiently.

React has gained popularity due to its performance and flexibility, and is widely used in the development of web and mobile applications. It is also used in combination with other technologies, such as the React Native framework for building native mobile apps, and the React VR library for building virtual reality experiences.

Reference

Github Ashrayaa

react

Use the share button below if you liked it.

It makes me smile, when I see it.

Read More

Difference between React and ReactDOM

Bino Kochumol Varghese /   February 25, 2023

React is a JavaScript library for building user interfaces. ReactDOM, on the other hand, is a library that provides an interface between React and the DOM...
Read more

Lifting state up

Bino Kochumol Varghese /   February 20, 2023

Lifting state up in react means moving data from a child component to some parent component either to use it there or pass it some other child component.

  • When you want to coordinate two components, move their state to their common parent.
  • Then pass the information down through props from their common parent.
  • Finally, pass the event handlers down so that the children can change the parent’s state.
  • It’s useful to consider components as “controlled” (driven by props) or “uncontrolled” (driven by state).
Read more

Controlled and uncontrolled components

Bino Kochumol Varghese /   February 18, 2023

It is common to call a component with some local state “uncontrolled”.

In contrast, you might say a component is “controlled” when the important information in it is driven by props rather than its own local state. This lets the parent component fully specify its behavior.

When writing a component, consider which information in it should be controlled (via props), and which information should be uncontrolled (via state). But you can always change your mind and refactor later.

References

React Doc

Read more