ReactXP — First Look🔥 – Nader Dabit – Medium

  • is a new Library by Microsoft for building cross platform apps that run on iOS, Android, Windows, and the web.This library looks really promising, and I will quickly demo the library as well as talk about what it offers.ReactXP is built using React and React Native, and the lifecycle methods remain the same across both platforms.
  • The main difference between React Native is that ReactXP works out of the box with not only iOS and Android, but also on the web and on WindowsOS!From the docs:With React and React Native, your web app can share most its logic with your iOS and Android apps, but the view layer needs to be implemented separately for each platform.
  • If you write your app to this abstraction, you can share your view definitions, styles and animations across multiple target platforms.ReactXP main points:Recommended to build using TypeScript or FlowCan compile directly to web without another abstraction 🔥🔥🔥If you already know React / React Native, you get get up and running quicklyVery similar API to React Native.
  • Below are examples of some code you may see in ReactXPimport RX = require(‘reactxp’)import { Styles, Component, Animated, Types, View, Link, Text,} from ‘reactxp’const styles = { container: Styles.createViewStyle({ flex: 1, justifyContent: ‘center’ backgroundColor: ‘#f5fcff’ })}class App extends Componentnull, null { private _animatedStyle: componentDidMount() { // do some stuff with the _animatedStyle }render() { return( View style={ styles.container } Animated.Text style={this.
  • _animatedStyle} Hello World /Animated.Text /View ) } }export default Appprops, state, and most React specific things work the same, because it is built on top of React and React Native.Huge props to Microsoft + Open Source and all of the great people working there, they have been absolutely crushing it lately and I am excited to see where ReactXP goes from here!

ReactXP is a new Library by Microsoft for building cross platform apps that run on iOS, Android, Windows, and the web. This library looks really promising, and I will quickly demo the library as well…

@dabit3: ReactXP First Look – Build iOS, Android, Windows, and web apps using a single codebase #reactjs #javascript

ReactXP is a new Library by Microsoft for building cross platform apps that run on iOS, Android, Windows, and the web.

This library looks really promising, and I will quickly demo the library as well as talk about what it offers.

ReactXP is built using React and React Native, and the lifecycle methods remain the same across both platforms. The main difference between React Native is that ReactXP works out of the box with not only iOS and Android, but also on the web and on WindowsOS!

From the docs:

With React and React Native, your web app can share most its logic with your iOS and Android apps, but the view layer needs to be implemented separately for each platform. We have taken this a step further and developed a thin cross-platform layer we call ReactXP. If you write your app to this abstraction, you can share your view definitions, styles and animations across multiple target platforms.

ReactXP main points:

flex: 1,

justifyContent: ‘center’

backgroundColor: ‘#f5fcff’

props, state, and most React specific things work the same, because it is built on top of React and React Native.

Huge props to Microsoft + Open Source and all of the great people working there, they have been absolutely crushing it lately and I am excited to see where ReactXP goes from here!

ReactXP — First Look🔥 – Nader Dabit – Medium