Get it HereĪpart from the installations, you will need some basic React framework understanding if you are here to learn this for first time. Install the Expo CLI for React native development.I wont be going through details of how to install these but provide documentation link for each: To follow through the steps, there are few pre-reqs which you will need on your system. You can use your own code too and follow through these steps.
But for this, critical part will be how to convert the app to an installable mobile app and keep the cookie storage feature intact. You can go through the code to have a basic understanding. The sample codes which I used in this post is available on this Github repo: Here. These are the parts I will be covering in this post:Ĭonvert the React web app to a mobile app using React-Native and Webview (I will cover an Android app)Ĭonvert the React web app to an installable PWA( Progressive Web Application) via TWA( Trusted Web Activity)
I figured this may help someone having similar issue. In this post I will be going through the process and steps which I followed to make it work for me. I didn’t want to develop a whole new app for mobile using React Native and just re-use the React web app which I built, as an app on mobile. I wanted to convert the React app to an installable android app and provide a persistent login for the user. Recently while I was working on one of my side projects, developing a React app, I faced an issue to persist the cookies on the app when opened on mobile. Next, open the App.In this post I am switching gears from my general cloud technology posts towards a bit of app development. Go ahead and install the Expo app on your mobile device and scan the QR code in your terminal, you should be able to start your app on your mobile device. If you don't have a development environment with Java and Android Studio installed or a macOS with Xcode you can install the Expo app on your mobile device and scan the QR code as shown:
Depending on your development environment, you can either use an iOS simulator or an Android emulator or an actual mobile device to test your application. The command starts the Metro bundler which bundles the JavaScript code of your application and Expo DevTools that allows you to debug your application. This is a screenshot below of what you'll get in your terminal. Next, navigate to your project's folder and run the local development server using the following commands: $ cd react-native-example You'll be asked to choose a template for your project, use the blank template and type a name for your application then wait for the CLI to generate the necessary files and install the packages from npm. Head back to your command-line interface and run the following command: $ expo init react-native-example After installing the Expo CLI, let's use it to initialize our React Native project.
0 kommentar(er)
