React (JavaScript library)

React (JavaScript library). React is an open-source JavaScript library designed for building user interfaces, particularly for single-page applications where data changes over time. Developed and maintained by Meta Platforms, it allows developers to create large web applications that can update and render efficiently in response to data changes. React's component-based architecture and declarative programming model have made it a foundational tool in modern web development.

Overview

React primarily serves as the view layer in the Model–view–controller architectural pattern, enabling the construction of reusable UI components. It introduces a virtual Document Object Model which optimizes rendering performance by minimizing direct manipulation of the HTML DOM. This approach is often integrated with other libraries like Redux for state management and React Router for navigation, forming a complete front-end solution. The library is widely used by major companies including Netflix, Airbnb, and The New York Times for their web interfaces.

History

React was created by Jordan Walke, a software engineer at Facebook, and was first deployed on Facebook's newsfeed in 2011 and on Instagram in 2012. It was open-sourced at the JSConf US conference in May 2013. Significant subsequent developments included the introduction of React Native in 2015, enabling mobile app development for iOS and Android, and a major rewrite of its core architecture known as React Fiber, released in 2017. The library's stewardship was transferred to the newly formed OpenJS Foundation in 2020, with ongoing development led by Meta Platforms and a large community of contributors.

Core concepts

The library is built around several key principles. Components are the primary building blocks, encapsulating their own structure and behavior, and can be either class-based or function-based using Hooks. JSX is a syntax extension that allows writing HTML-like code within JavaScript, which is then transformed by tools like Babel. The virtual DOM is a programming concept where an ideal representation of the UI is kept in memory and synced with the real DOM by a library such as ReactDOM. State and props manage data flow, with state representing internal component data and props used to pass data from parent to child components.

Ecosystem

A vast ecosystem of tools, libraries, and frameworks has grown around React. For application scaffolding and tooling, Create React App and Vite are popular choices. State management solutions extend beyond built-in capabilities to include Redux, MobX, and the Context API. Routing is commonly handled by React Router, while testing is facilitated by Jest and React Testing Library. For server-side rendering and static site generation, frameworks like Next.js and Gatsby are widely adopted. The ecosystem also includes extensive UI frameworks such as Material-UI and Ant Design.

Reception and impact

React has received widespread acclaim for improving developer productivity and application performance, significantly influencing front-end development practices. Its component model has been adopted by other libraries like Vue.js and influenced the design of Web Components. The introduction of React Hooks in 2018 was a landmark update that simplified state and lifecycle management in function components. Criticisms have included a steep learning curve associated with its tooling and the rapid pace of change in its ecosystem. Despite this, it remains one of the most popular projects on GitHub and a highly sought-after skill in the job market, fundamentally shaping how interactive web applications are built.

Category:JavaScript libraries Category:Web development Category:Free software programmed in JavaScript