There are two types of components in React . Namely: Functional components Functional components are React components built purely using JavaScript functions. Functional components do not store state and are only used to display the UI. In other words, this component can be called a stateless component. Although it is stateless, the component can receive data through properties, or props. class component Class components are components created through JavaScript classes and inherit the properties of React Component. In contrast to functional components, class components can store and manage state and have multiple methods, one of which is rendering, which is used to display the UI. This component can be called a stateful component because it can have state.
Here are some of the advantages
when creating website UI using React components: State Management: When creating stateful components, you can leverage state to decide how to reactively render the UI based on value/state. Encapsulation: All data (images, CSS, or structured data) required by a component to display the UI is contained within the component. This is why React components are encapsulated. Reusable: In addition whatsapp number list to being encapsulated, React components are also reusable or reusable. You don’t need to create multiple components to display the same UI. Just use what you’ve already made. Rapid development: The role of reusable components is rapid development. It’s different if you have to do everything from scratch. functions in react Once you know the explanation, it’s incomplete if you don’t know what functions it has. Here are the features in React: JSX JSX is a JavaScript syntax extension that allows .
You to write XML-style syntax to
modify the DOM (Document Object Model). A little explanation about DOM. DOM itself is an application programming interface that has the function of setting the structure of website pages. So, for those who want to add dynamic content to a web page, you have to modify this DOM. JSX is an extension that allows you to add dynamic content to your website pages DD Leads more easily. Because this extension helps you input XML-style code into the DOM. One-way data binding Data binding is the process of connecting display or user interface elements to the data or components that populate them. Data binding in React is a one-way data binding.