Code Monkey home page Code Monkey logo

universal-react-app's Introduction

React Universal App Tutorial Demo App

Files for React Native Universal App tutorial.

Tutorial URL: https://www.youtube.com/watch?v=um90kBJ_hG0

Blog Post: https://saadibrah.im/how-to-share-code-between-react-and-react-native-app-using-react-native-web-and-yarn-workspaces/

Libraries or tools used

  • React Native
  • React JS
  • React Native Web
  • Redux

Useful links

Running the app in simulator

To run the app you need yarn package manager. Once you have yarn installed, clone the repo and navigate to it's directory in terminal and run the following commands:

## to install the dependencies
yarn
## to run the app on iOS
cd packages/mobile/ios/ && pod install && cd ..
react-native run-ios
## to run the app on Android
react-native run-android
## to run the app on Web
cd packages/web
yarn start

Screenshots:

Universal React and React Native app

universal-react-app's People

Contributors

saadibrahim avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar

Forkers

pradeep-dev-shamlatech citayesh omgo rudiahmad zohaibahmad786 reactnativesandeep gopinath-vivriti salomonganlo parmindersingh1 bigegu24 mrkumar82

universal-react-app's Issues

Getting Error on using Web3 in Production(Platform Web).

Hi , I am using web3 inside the web platform and everything working fine in the development mode but in production getting this error in the console.If I implement web3 in the independent react project it is totally working fine .Please
help.I need to have it in the universal app.

Thanks

Error: Uncaught TypeError: Cannot assign to read only property 'exports' of object '#'
Screenshot 2021-11-01 at 6 45 25 PM

navigation

Hi,

Is navigation working for you in web and mobile, I tried for me it's not working?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.