https://github.com/joshgachnang/react-unifier

Write once, run React on the Web, iOS, and Android. A unified navigation, component, and utility framework for React Native and React Native Web.
https://github.com/joshgachnang/react-unifier

react-native react-native-web

Last synced: 25 days ago
JSON representation

Write once, run React on the Web, iOS, and Android. A unified navigation, component, and utility framework for React Native and React Native Web.

• Host: GitHub
• URL: https://github.com/joshgachnang/react-unifier
• Owner: joshgachnang
• License: apache-2.0
• Created: 2020-08-09T18:24:38.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-02-04T05:08:00.000Z (almost 2 years ago)
• Last Synced: 2023-03-11T08:12:49.408Z (over 1 year ago)
• Topics: react-native, react-native-web
• Language: TypeScript
• Homepage:
• Size: 6.21 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 20
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Unifier

This package provides an abstraction for React (web) and React-Native code,

so the code and components you write work the same on both platforms. It does this

by creating a higher level abstraction over both (Unifier) and providing components

that work the same on all supported platforms. For example, instead of using

`
` and ``, you use `` which provides a flexbox-first layout system,

translated to `
` and ``.


`react-unifier` is a package you can import in React or React Native. Underneath,

it imports `react-unifier-web` and `react-unifier-native` depending where it's used.

This means you won't be bundling React Native-specific code in your web bundles and

vice versa.

`Unifier` also provides an abstraction for many of the features of native and web,

such as Camera, Permissions, etc. This way you can write apps that work similarly

on all 3 platforms.

`react-unifier` is Typescript first.

You can easily add your own Unifier components by creating a `Foo.tsx` and

`Foo.native.tsx` component. Most of the `react-unifier` components are implemented

this way, with some only having a single `Component.tsx` if the component is a

higher level component that already works the same on all platforms.

Unifier supports theming, allowing you to change the colors and fonts of the

components.