Technology moves fast! ⚡ Don't get left behind.🚶 Subscribe to our mailing list to keep up with latest and greatest in open source projects! 🏆


Subscribe to our mailing list

react-web

A framework for building web apps with React Native compatible API.

Subscribe to updates I use react-web


Statistics on react-web

Number of watchers on Github 3212
Number of open issues 36
Average time to close an issue 29 days
Main language JavaScript
Average time to merge a PR 5 days
Open pull requests 11+
Closed pull requests 4+
Last commit over 1 year ago
Repo Created over 3 years ago
Repo Last Updated over 1 year ago
Size 8.12 MB
Homepage http://taobaofed....
Organization / Authortaobaofed
Latest Release0.4.5
Contributors2
Page Updated
Do you use react-web? Leave a review!
View open issues (36)
View react-web activity
View on github
Fresh, new opensource launches 🚀🚀🚀
Trendy new open source projects in your inbox! View examples

Subscribe to our mailing list

Evaluating react-web for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)

react-web

React Web npm version

A library for building web apps with React Native compatible API.

Getting Started

Install

npm install --save react-web

Add Webpack configuration

Inside your webpack configuration, alias the react-native package to the react-web package:

// webpack.config.js

module.exports = {
  resolve: {
    alias: {
      'react-native': 'react-web'
    }
  }
}

Write your application with React Native API

import React, {Component} from 'react';
import {AppRegistry, StyleSheet, Text, View, Platform} from 'react-native';

class App extends Component {
  render() {
    return (
      <View style={styles.box}>
        <Text style={styles.text}>Hello, world!</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  box: {padding: 10},
  text: {fontWeight: 'bold'}
});

AppRegistry.registerComponent('App', () => App);

if (Platform.OS === 'web') {
  AppRegistry.runApplication('App', { rootTag: document.getElementById('app') });
}

React Native Compatible

  • ActivityIndicator
  • ART
  • Button
  • CheckBox
  • FlatList
  • Image
  • ImageBackground
  • KeyboardAvoidingView
  • ListView
  • Modal
  • Picker
  • ProgressBar
  • RefreshControl
  • SafeAreaView
  • ScrollView
  • SectionList
  • Slider
  • StatusBar
  • Switch
  • Text
  • TextInput
  • Touchable
  • TouchableHighlight
  • TouchableNativeFeedback
  • TouchableOpacity
  • TouchableWithoutFeedback
  • View
  • VirtualizedList
  • WebView
  • findNodeHandle
  • AccessibilityInfo
  • Alert
  • Animated
  • AppRegistry
  • AppState
  • AsyncStorage
  • BackHandler
  • Clipboard
  • Dimensions
  • Easing
  • Geolocation
  • I18nManager
  • InteractionManager
  • Keyboard
  • LayoutAnimation
  • Linking
  • NetInfo
  • PanResponder
  • PixelRatio
  • Platform
  • Settings
  • StyleSheet
  • UIManager
  • Vibration
  • processColor
  • NativeModules
  • ColorPropType
  • EdgeInsetsPropType
  • PointPropType
  • ViewPropTypes

Project Dependencies

License

React Web is BSD licensed.

react-web open issues Ask a question     (View All Issues)
  • over 2 years ScrollView.web.js的一个bug
  • over 2 years ScrollView pagingEnabled={true}没有生效
  • over 2 years 为什么没有Button这个组件呀?
  • over 2 years react-web升级到0.4.5产生的新问题
  • over 2 years scrollView.scrollEventThrottle 定义错误?
  • over 2 years 目前这个版本的Navigator有问题啊,显示不出renderScene里的东西
  • over 2 years TextInput的问题
  • over 2 years Picker组件中的itemPosition如何获取到?或者怎么去定义?
  • over 2 years 关于本地调试的跨域问题
  • over 2 years 新手 跑起来了 但是浏览器中什么都看不到
  • over 2 years 请问listview在滑动的时候,如何逐渐隐藏safari的地址栏,工具栏?
  • over 2 years 打算支持server端渲染吗?
  • over 2 years Demo not working
  • over 2 years 发现点问题
  • over 2 years 如何识别当前页面的url地址?
  • over 2 years ListView大数据量时,性能变得极其弱
  • over 2 years 运行react-web start,所有图片都报错
  • over 2 years ListView大数据量时,只默认加载10组数据,另外数据数据不能实现动态加载
  • over 2 years ViewPager.web.js未兼容scrollEnabled属性?
  • over 2 years Navigator top/bottom style breaks visibility
  • almost 3 years ScrollView无法隐藏滚动条,scrollTo方法没有动画
  • almost 3 years can you require react-web components in a react-native-web project?
  • almost 3 years react-native-vector-icons
  • almost 3 years scrollView与Touchable系列组件使用时,冒泡问题。
  • almost 3 years TouchableHighlight组件 underlayColor不生效
  • almost 3 years ViewPagerAndroid not support setPageWithoutAnimation method
  • almost 3 years react-web start 出现错误
  • almost 3 years The units are px, responsive support?
  • almost 3 years Warning: Unknown props `allowFontScaling`, `accessible`, `isHighlighted` on <span> tag. Remove these props from the element.
  • almost 3 years 在react native项目中升级为web版本的时候报错
react-web open pull requests (View All Pulls)
  • Feature/appregistry web
  • add babel-polyfill support
  • support callbacks in AsyncStorage
  • Add support for reauire paths to be relative to base folder
  • ScrollView 和 Rootstyle 与客户端显示不一致,修复
  • correct word & add.
  • 直接使用 Libraries/ 而非 babel 转换过的 lib/
  • Windows development support
  • make navbar responsive to changes in dimensions
  • Fix `Uncaught TypeError: Cannot read property 'source' of undefined`
  • Support react 16(react-native 0.43) , findNodeHandle, FlatList and SectionList
react-web questions on Stackoverflow (View All Questions)
  • react & web pack hot loader. "waiting for roots to load...to reload the inspector"
  • Node, React web-server with a PHP api server
  • Avoid re-rendering on scroll and increase performance in a React web application
  • Use javascript library inside of TypeScript React web app
  • React-native: can't have react (web version) as dependency
  • What is the best way to selectively server-render in an isomorphic React web app?
react-web list of languages used
Other projects in JavaScript