React

React. It is a free and open-source JavaScript library 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. Its component-based architecture and declarative programming model have made it one of the most influential tools in modern web development.

Overview

React is primarily used for building interactive user interfaces for web browsers. It enables the creation of reusable UI components that manage their own state, which can then be composed to build complex applications. The library is often used in conjunction with other libraries and frameworks, such as Next.js for server-side rendering or Redux for state management. While it was created at Meta Platforms for use on platforms like Facebook and Instagram, it was open-sourced at JSConf US in 2013 and has since seen widespread adoption across the industry.

Core concepts

The foundational unit in this library is the component, which encapsulates logic and presentation. Components are typically written using JSX, a syntax extension that allows mixing HTML with JavaScript. The library uses a virtual DOM to optimize rendering performance by calculating the most efficient way to update the browser's DOM. State and props are key concepts for managing data flow; state is managed within a component, while props are passed from parent to child components. The introduction of React Hooks at React Conf 2018 provided a way to use state and other features in function components, fundamentally changing component authoring patterns.

Ecosystem and tools

A vast ecosystem of supporting tools and libraries has grown around this technology. For application scaffolding and development, tools like Create React App and Vite are commonly used. Popular frameworks that build upon it include Next.js, developed by Vercel, and Gatsby. For state management beyond built-in capabilities, developers often turn to Redux, MobX, or the Context API. The React Developer Tools extension for Chrome and Firefox is an essential utility for debugging component hierarchies. Testing is frequently done with libraries like Jest and React Testing Library.

History and development

The technology was created by Jordan Walke, a software engineer at Facebook, to address challenges in building dynamic, high-performance user interfaces for the Facebook News Feed. It was first deployed on Facebook's newsfeed in 2011 and on Instagram in 2012. The project was open-sourced in May 2013 at JSConf US. Major milestones include the introduction of React Fiber, a complete rewrite of the core reconciliation algorithm, announced at React Conf 2017. The React Hooks API, unveiled at React Conf 2018, represented a paradigm shift in how components are written. Ongoing development is managed by the React team at Meta Platforms and a large community of open-source contributors.

Reception and impact

Since its release, it has received widespread acclaim and adoption, fundamentally shaping front-end development practices. It consistently ranks at the top of surveys like the Stack Overflow Developer Survey and the State of JS report. Its component model has influenced other major frameworks, including Vue.js and Angular. The library's success helped popularize related architectural patterns and languages, such as Flux and TypeScript. Criticisms have included a steep learning curve, the complexity of its build tooling, and the rapid pace of change in its ecosystem. Despite this, it remains a cornerstone technology for companies ranging from Netflix and Airbnb to The New York Times and Discord.

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