How to use snowpack with react native - reactjs

I recently got to know about snowpack and it's advantages but the thing is all the available tutorials are on how to make a react app with snowpack but I wanted to use it with react-native. I saw that expo uses webpack does that mean we can use snowpack instead by initializing a bare react-native app. Any help would be appreciated (like link of any tutorial).
NOTE :
I did get a github discussion saying the author doesn't have enough knowledge about react-native in particular. Does that mean he will have to do some additional work for supporting react-native?

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.

watching courses react native expo and react-native cli

I have knowledge about react native with cli, while in most of the courses they used react native with expo, my question is that , can i follow a course while i am using react native with cli? are there big differences between them ?
For beginners, I would recommend going with Expo since it will take a lot of your headache away, and later, when you are more familiar with the React environment, you can always eject from Expo to Bareflow, which works similar to the React-Native CLI but comes under Expo.
In my opinion, React-Native CLI gives you more freedom, liberty, and control to express and experiment over your code whereas, Expo binds you in a shell where you rely more on Expo dependencies. The choice is yours depending on your level of the React expertise.
hope you got your answer

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.

React Native Boilerplate template

I'm a ReactJS developer, and I'm learning React Native for an upcoming project.
With ReactJS, there is a great boilerplate which is widely used by ReactJS developer: https://www.reactboilerplate.com/ (There are also many other great boilerplate).
However, after researching for a day, I haven't figured something similar to React Native. Please, can someone suggest to me a boilerplate for React Native?. Is there a standard project structure out there?
Actually there is not much difference from ReactJs. It really depends on navigation library you are choosing. The best options are:
React Navigation (JS based navigation library)
React Native Navigation (Native navigation library)
I suggest seeing example projects of both libraries.
You should try:
https://github.com/react-community/create-react-native-app
Also read documentation about React Navigation.
You can use the react native Ignite CLI Github which seems to be very similar, it's probably one of the most advanced Boilerplates for React Native and can be difficult to understand, thus when starting with React Native I would advise you to use none at all or just use your React structure
I recommend using the Handidev boilerplate since it only consists of the minimum library that every react-native project uses. And it has been used in many projects. This boilerplate consists of :
latest react-native version
react-navigation and its dependencies
redux-toolkit ( state management)
react-native vector icons ( for icons)
You can check it out here:
javascript version: https://www.npmjs.com/package/#handidev/react-native-boilerplate
npx react-native init MyApp --template #handidev/react-native-boilerplate
TypeScript version: https://www.npmjs.com/package/#handidev/react-native-typescript-boilerplate
npx react-native init MyAppName --template #handidev/react-native-typescript-boilerplate

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

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.

Resources