React for Beginners

Ben Brown
2 min readApr 6, 2020

React is a javascript library that is used for building user interfaces. This article will describe the basic fundamentals of React. Websites are built by programming.

React uses components within the webpage. The components have elements associated with them. These elements are based on the functionality of the websites components. These elements are programmed (produced) using the syntax in React: ‘class’ followed by a keyword that (usually) describes the elements (application or use), as pictured below.

With in the element that is created within React’s syntax, are the ‘state’ object and ‘render’ method. State is going to be the data that is displayed. The render method will automatically update the real DOM. This is the power and advantage of using React: the REAL DOM is updated using this feature as opposed to updating it on the user interface side of the UI. This makes things easier for us programmers because a query does not have to be sent to the real DOM. The functionality of React can be taken advantage of.

A lot of people question the difference between React and Angular. The clear difference between these two is Angular being a framework for building Javascript applications and React being a library to build Javascript applications. Angular can be used with certain libraries and is limited to these where as React being a library is imported into the application and used in conjunction with the programmers favorite libraries so adapting to unfamiliar libraries is unnecessary.

--

--