React Native

React Native
Name	React Native
Developer	Meta Platforms
Released	26 March 2015
Programming language	JavaScript, Java, Objective-C, Swift, C++
Operating system	Android, iOS, Windows 10, macOS, tvOS, Android TV, Web
Genre	Application framework
License	MIT License

React Native. It is an open-source UI software framework created by Meta Platforms (formerly Facebook, Inc.) for building natively rendered mobile applications. The framework allows developers to use the React (JavaScript library) along with native platform capabilities. By enabling code reuse across platforms like iOS and Android (operating system), it significantly streamlines the development process for cross-platform applications.

Overview

The project was first publicly revealed at React.js Conf in early 2015, with an initial preview release supporting only iOS. Support for the Android (operating system) platform was added later that year. The framework's core premise is extending the React (JavaScript library) paradigm, famous for powering web applications like Facebook (service), to mobile development. It allows the creation of mobile UIs using declarative JavaScript components, which are then mapped to native UIViews on iOS or View (Android)s on Android (operating system). This approach aims to combine the best of native development with the fast iteration cycles familiar to web developers.

Architecture

At its heart, the framework employs a bridge (software) that facilitates asynchronous communication between the JavaScript runtime and the native platform. The JavaScriptCore engine, also used by Safari (web browser), typically executes the application logic. For rendering, it uses a separate thread called the "shadow thread" to calculate layout with Yoga (software), a cross-platform layout engine open-sourced by Meta Platforms. This calculated layout is then transmitted across the bridge to the native main thread, which renders actual native components. Major architectural updates, like the Fabric (React Native) renderer and the TurboModules system, aim to improve performance by optimizing this communication model and enabling more direct native interaction.

Development and tooling

Development typically occurs using Node.js and the npm (software) package manager, with the React Native CLI or the Expo (software) set of tools providing the initial project scaffolding and build processes. The Metro (software) bundler, developed alongside the framework, handles JavaScript code compilation and bundling. Popular code editors like Microsoft Visual Studio Code and WebStorm are commonly used, with debugging often performed through tools like Chrome DevTools or Flipper (software). The Fast Refresh feature provides instant feedback for code changes, significantly enhancing developer productivity during the iteration cycle.

Features and capabilities

It provides access to a vast array of native platform APIs and device features, including the Camera (computing), Geolocation, Push Notifications, and Accelerometer, through a combination of built-in modules and a rich ecosystem of community-developed libraries. The framework supports native Navigation (user interface) solutions, Gesture recognition, and platform-specific code integration via "native modules" written in Java (programming language) or Swift (programming language). For complex animations and interactions, libraries like Reanimated (software) offer high-performance alternatives to the standard Animated API. The introduction of the New Architecture (React Native) promises enhanced type safety with code generation from TypeScript-like specifications.

Adoption and community

It has been widely adopted by many prominent companies beyond its creator, Meta Platforms, including Microsoft for parts of the Office 365 mobile experience, Tesla, Inc. for its vehicle mobile app, and Shopify for its merchant applications. The framework's governance was moved to the OpenJS Foundation in 2022, signaling a commitment to broader community-driven development. A large and active ecosystem exists, with resources like the React Native Directory for libraries, conferences such as App.js Conf and React Native EU, and extensive documentation maintained by contributors from companies like Callstack (company) and Software Mansion.

Comparison with other frameworks

When compared to other cross-platform solutions, it differs significantly from Apache Cordova or Ionic (mobile app framework) which render applications inside a WebView component, as it produces truly native UI elements. It is often contrasted with Flutter (software) from Google, which uses the Dart (programming language) and renders its own Skia (graphics engine)-based components, and with Xamarin, which uses the C Sharp (programming language) and the .NET ecosystem. Unlike Progressive Web Apps (PWAs), applications built with it are distributed through official app stores like the App Store (iOS) and Google Play. The choice between it and a fully native approach using Swift (programming language) or Kotlin (programming language) often involves trade-offs between development speed, access to cutting-edge platform APIs, and application performance.

Category:Mobile software programming tools Category:Free software programmed in JavaScript Category:Free mobile software Category:React (JavaScript library) Category:Software using the MIT license