React (web framework)

React (web framework)
Name	React
Developer	Facebook (Meta)
Initial release	2013
Stable release	18.2.0
Programming language	JavaScript, TypeScript
Platform	Web browsers, Node.js, Deno
License	MIT License

React (web framework) is a JavaScript library for building user interfaces originally created by engineers at Facebook and maintained by Meta Platforms, Inc. alongside an open source community including contributors from Google, Microsoft, and independent projects. It popularized a component-based architecture and a virtual DOM rendering model that influenced frameworks and libraries across the web stack, including projects at Netflix, Airbnb, Uber, Pinterest, and Instagram. React's ecosystem spans state management, routing, testing, and build tooling developed by organizations such as Vercel, GitHub, Amazon Web Services, Cloudflare, and academic groups from Massachusetts Institute of Technology, Stanford University, and University of California, Berkeley.

History

React emerged from an internal need at Facebook to manage complex user interfaces for applications like Facebook Ads Manager and Instagram. Early prototypes drew on ideas from functional programming languages popularized at Bell Labs and influenced by work at Xerox PARC and researchers at Stanford University. React was open-sourced in 2013 at JSConf US and later adopted by major projects at Yahoo!, Etsy, and Dropbox. Over time, releases coordinated with advances in ECMAScript standards maintained by Ecma International and committees such as TC39, and React evolved alongside competing approaches exemplified by AngularJS, Vue.js, Ember.js, and innovations from Google's Polymer Project. Governance shifted through partnerships with organizations like Khan Academy, Codecademy, and corporate contributors from Intel, IBM, and Salesforce.

Design and Concepts

React centers on declarative component composition influenced by research from Alan Kay and the Smalltalk community, with functional programming principles promoted by authors like John Hughes and Simon Peyton Jones. Its virtual DOM diffing algorithm shares conceptual lineage with reconciliation techniques studied at Princeton University and implementation strategies used in Synchronous Reactors research. Core concepts include JSX syntax inspired by template engines used at Twitter and LinkedIn, unidirectional data flow related to architectural patterns described by Rich Hickey and Clojure communities, and hooks introduced after discussions with contributors from Mozilla and W3C standards groups. Accessibility patterns align with specifications from World Wide Web Consortium and testing recommendations from International Organization for Standardization committees.

API and Core Features

React exposes an API that includes component creation, lifecycle methods, and hooks devised in collaboration with engineers from Microsoft Research and design teams at Adobe Systems. Key APIs include useState and useEffect (hooks), context for dependency injection, and portals for rendering across DOM boundaries—concepts refined through engineering efforts at Spotify, Trello (Atlassian), and Basecamp. React's reconciliation, fiber architecture, and concurrent rendering were the result of research partnerships between Facebook AI Research and contributors from Carnegie Mellon University and University of Cambridge. Server-side rendering techniques interoperable with Node.js and Deno benefited from integrations created by teams at Netflix and Vercel, while TypeScript support was advanced with input from Microsoft and the TypeScript community.

Ecosystem and Tooling

The React ecosystem includes libraries and tools built by companies and projects like Redux (influenced by Elm and contributors from Facebook), React Router (community project with contributors from Airbnb), component libraries from Material-UI and Ant Design backed by teams at Google and Alibaba Group respectively, testing tools like Jest and Enzyme with stewardship from Facebook and contributors at Airbnb, and build systems such as Webpack, Rollup, Parcel, and esbuild with involvement from maintainers linked to Mozilla, Cloudflare, and Vercel. Continuous integration and deployment pipelines often integrate services from GitHub Actions, CircleCI, Travis CI, and GitLab CI/CD. Performance profiling and monitoring are supported by vendors like New Relic, Datadog, Sentry, and developer tools created by Google Chrome and Mozilla Firefox teams.

Adoption and Use Cases

React is used by consumer platforms and enterprises including Facebook, Instagram, WhatsApp, Airbnb, Uber, Netflix, Microsoft Office 365, Salesforce, Shopify, Amazon, eBay, PayPal, Pinterest, and Reddit. It supports single-page applications, progressive web apps, content-heavy sites rendered via Next.js and Gatsby maintained by teams at Vercel and community contributors, and desktop applications through Electron and Proton projects. Mobile applications leverage React Native with contributions from Microsoft and Expo, while native hosting and edge rendering are enabled by platforms like Netlify and Cloudflare Workers.

Performance and Optimization

React performance strategies reflect research from MIT, Stanford University, and industrial case studies at Google and Facebook. Techniques include memoization patterns popularized by contributors at Facebook Research, code splitting using bundlers like Webpack and Rollup, lazy loading via standards driven by WHATWG and W3C, server-side rendering and hydration as practiced by Next.js teams, and profiling with tools from Google Chrome DevTools and React Developer Tools maintained by engineers from Mozilla and Meta Platforms, Inc.. Optimizations also draw on machine learning-guided heuristics developed at DeepMind and applied research from Facebook AI Research for scheduling and rendering prioritization.

Category:JavaScript libraries