Can i still use expo after i detach my react native app? - reactjs

I want to use expokit and also other native library, how can i do this?
Do i need to start my app using create-react-native-app and then detach it or can i start from react-native init app?

If you create an app with create-react-native-app and then detach you can still use most of Expo's feature such as maps for instance.
But if you create a react native project with react-native init you won't be able to use any of expo's feature.
I started my first project with create-react-native-app but then quickly realized most libraries weren't supported by expo yet and required you to detached. After I detached tho I got into a lot of bugs when trying to link new libraries so I finally decided to make a new app from scratch with react-native init and import all my components.
I know this is a late answer by for anyone else trying to get a better understanding of this topic, I decided to write an answer and share my experience with you.

Related

OCR with react-native and expo

I have an upcoming project to build an app that does OCR and i want to ask is there anyway to do ocr with react-native and expo because react-native is my preferred framework and expo makes it really easy.
There has been many ways currently provided in react native to do ocr. One of them, You can simply download react-native-tesseract-ocr and follow the instruction here https://www.npmjs.com/package/react-native-tesseract-ocr. There is also github link related that here https://github.com/jonathanpalma/react-native-tesseract-ocr
You can also try out react-native-mlkit-ocr module for OCR on React native.
check it out here!
What finally worked for me, was to simply create a flask api for the OCR functionality.react-native-tesseract-ocr did not help at all.

Is it best practice to escape create react app and create our own template to get React project ready for production?

I am new to React and recently joined a team and my first assignment was to set up a react project without using create-react-app because as team lead told me custom template makes easier to put react into production. Then, the question is how about create-react-app helping us with all of the setup for us and if we want to customize the CRA we can use npm run eject. So, why should we create our own template?
On the contrary, it's pretty hard to setup a React application without a template.
You can check Creating a Toolchain from Scratch at React docs which refers to this guide.
Your own template should configure package manager, bundler and compiler, it's not so trivial. Best suggestion would be extending CRA by cloning the repo or running yarn eject and continue from there.

How can I scan document in Expo?

I am building the Mobile app with Expo and should implement the document scanner feature.
But I could not find the solution to implement for scanning documents.
I can see only the react-native-document-scanner npm library for React Naive, not for Expo.
If anybody has a good solution, Please help me...
Thanks
There is no document scanner lib for the expo and seems the expo team has been working for that.
So I switch the project to React Native without expo and now working well.
If we should use the expo, the only way to use 3rd service for scan documentation.
Hope this answer will be updated when the expo has module for that.
Hey instead of installing normal react native like Ryan said run npx expo run:android same ios at end and the configuration of document scan lib will work.

I want to built my own React UI library, how can I start?

I do have some components I use across my projects so I thought it was a good idea to build my own React UI lib, but how?
Do I create a SPA using CRA and start coding and listing the components on it?
Yep, it’s one way to start.
But if you want to publish it or organize it to have a better use of it, I suggest you use Storybook as your dev environment and Jest + ESlint.
There’s some boilerplates like React AZap to help you with that.
I built React AZap to be an easy to use React UI lib boilerplate.
It uses Storybook and stories to organize your components, it has a component generator using Plop, tests with Jest+Enzime and styles with styled-components.
Try it out, it can save you time to start your lib ;)
Using CRA won't help you, as you won't be running this project.
Creating a library of components is the same as creating any other npm package, the only difference is that it should export components instead of normal functions/objects.
There are plenty of guides online that you can consult if you want more in-depth explanation.
I'd recommend giving this guide a read, which goes into the details for how to structure a multi-package UI component library. The code is included as well, so you should be able to clone to repository and get started.
Hope that helps!

I cannot find anything on setting up One signal in Expo

I am very new to react native development. I am using Expo for development. I need One signal for push notification in IOS and Android but I cannot find proper information on it. Can someone please help me on this.
That is because Expo doesn’t support OneSignal
From the first page of the OneSignal documentation for react-native
If you are building an Expo project, please note that we have recently
updated the SDK so that it will no longer crash when you add OneSignal
as a dependency inside Expo's development environment. However, please
note that until you detach from Expo and link OneSignal's native SDK's
(along with React Native's own dependencies), any calls to OneSignal
functions will be unused.
If you want to use OneSignal you will have to eject your Expo app.
You can eject by running expo eject in the terminal.

Resources