How to Create White-Label Project using Expo React Native - reactjs

I am wondering how to create a white-label project in using react native without ejecting from expo. I understand how to use dynamic styles based on settings/configuration that I choose, but I do not get how to compile and publish the project with app.json matching those settings. Should I create multiple app.json files and use them for each setting/project I have?

Related

why react native project is creating in typescript ? i want app.js

I'm beginner for react native i'm creating a React Native Project using React native CLI but project is creating with app.ts i want to create project in javascript version.
i have tried react native official docs to create React native Project
TypeScript is a language which extends JavaScript by adding type definitions. New React Native projects target TypeScript by default, but also support JavaScript and Flow.
Files with a .jsx / .js extension are treated as JavaScript instead of TypeScript, and will not be type checked.
So you can simply use JavaScript instead of TypeScript by changing extension from .tsx/.ts to .jsx/.js and also you may remove type annotations if any is there in your JavaScript files.
Ref : Using JavaScript Instead of TypeScript
There was an update recently and all new React Native projects are going to be created with TypeScript by default, but they also support JavaScript.
Project files with a .jsx .js extension are treated as JavaScript instead of TypeScript, and will not be typechecked. This means, you can create projects files as .jsx or .js and your project is going to work as expected.
If you want to create project with TypeScript files, but skip the typechecking, you can add // #ts-nocheck onto the top of each TypeScript files. However, this is not advised, it just gets rid of red lines in your IDE, without checking types in the project file.
Unless I'm wrong, npx react-native init your-project-name creates a JS project by default.

May I create a Next.js application inside an existing workspace created with the react preset?

We have a workspace that has been created using the react preset with libraries containing shared components and hooks.
Is It possible to create a new Next.JS application in this workspace? Is there going to be any issue by creating a NextJS app inside the workspace created using the react preset?
I have this workspace in our monorepo used for multiple applications already, but I would like some information before I try and mess with the files by running the next.js generator inside this workspace.

Cannot configure existing React-Native project

I am new learner for the React-Native and trying to setup the project on Mac.
I'm able to create the fresh project but unable to do so with the existing project using WebStorm IDE. I am trying since a week.
You are trying to run your application using node node_modules\react-native\local-cli\runIOS\runIOS.js. This is not the right way to start React Native application. You need using React Native run configuration for this.
See https://blog.jetbrains.com/webstorm/2016/12/developing-mobile-apps-with-react-native-in-webstorm/ and https://www.jetbrains.com/help/webstorm/react-native.html#starting_with_existing_react_native_application for more info.

How to generate mnemonics in React Native?

I want to generate mnemonics in React Native. I have cloned this project. I imported bip39 but I am getting this error in mobile/simulator. Works fine in debug mode in Chrome browser.
library Error: Secure random number generation is not supported by this browser
I installed bip39 react native library. But when I use that module app is not opening and gets stuck in the splash screen. I tried to use other libraries like bit core bip39, but every lib has the same problem.
How can I create mnemonics in React Native using the above repository which I cloned React Native web3 boiler plate?
I generated the memonic using #medardm/react-native-bip39 on React Native project.
Working with web3 in react-native i faced this issue a few. You are probably using the bip39 node.js package. The output you get means that is using a browser library that is not present in react-native(it is probably added as dependency in node). What you should use is bip39 for react native, here is a link to it.

How can I import the *.xcodeproj of React Native framework into my native project elegantly?

I have already had a native iOS project,
and now my leader let me use react native to build UI in it, just use JavaScript to create two platform Apps.
The normal steps to init a react native project is use the command react-native init XXXX, however, the initialized project is an new project. I have to import the *.xcodeproj of React Native framework into my native project and I don't want to drag the project files into my previous project.
I found the method to solve my problem:
Open the URL https://facebook.github.io/react-native/docs/integration-with-existing-apps.html
Create a new package.json file
Install node_modules with command npm install --verbose in terminal
Create Podfile at the same path of native project, so that can import the *.xcodeproj of ReactNative as the native project submudles.

Resources