React Native boilerplate files - react-native

this is my situation:
new to react native
familiar with react.js for web
successfully ran the boilerplate from the react-native cli.
Can someone send me links to docs or articles discussing or explaining the files in the boilerplate?
Which files are safe to delete? I want to make a minimized build as possible and understand the whole ecosystem behind it.
I'm sure react native compiles with babel since it has jsx in it. But how?
I just don't understand yet how react native works. Thanks a lot guys.

Related

Storybook React native

Im currently writting a storybook ui library for react native. Im browsing various addons and am looking for suggestions for react-native addons.
Can anyone suggest anything that would intergrate with figma and help with creating documentation.
You can achieve this by adding the storybook-addon-designs library. Refer to Storybook-and-Figma for more information.

Will this module work in expo or react native?

I am new to react native and expo.
This is the module i am looking at: https://github.com/leesiongchan/react-native-esc-pos
I want to build an app that can print using bluetooth thermal printer. I am not sure if i should build it using react native or expo. Please advise me.
Thank you.
Expo has its own limitations and there are even some bugs there too, Its good for quick development as the documentation suggests the same that it is good to get you started with development within minutes without much hustle. In my opinion, React Native CLI is most of the time the best option even if you are new to react native development. Because of the following reasons
You will learn a lot as you will get your hands dirty in core react native app development.
You won't have to deal with expo limitations
You won't have to be dependent on expo tools
Any Library which requires linking or contains native modules will not work with the expo.
The library you mentioned uses many native modules and usually these type of libraries are not supported and that is the reason why they've built their own APIs and Native Components you can read this,
the developer has not mentioned Expo support anywhere on the docs but still You can open an issue on GitHub and ask the developer if it supports EXPO platform or not, or maybe instead of asking you can try the library yourself and you will find out if its working or not,

Boilerplate code for setting up Redux on a Expo/CNApp project?

I've used Ignite CLI to bootstrap a simple react native project, and everything from sample components to Redux were set up and ready to go. What's missing from the Ignite project is the ability to use Expo out of the box. So I though I'd look into Expo and Create React Native App, and see if those provide a similar easy out-of-the-box Redux setup.
So does anyone know of any Expo/CNApp boilerplate code for bootstrapping a react-native project, which includes stuff like Redux and sample screens and components?
Expo offers a New Project Template. While it includes fonts, navigation, icons, app loading, push notifications, and some basic screens, it does not include Redux.
There are good Redux examples from Redux.org. I also found this repo and the associated tutorial to be good a example of how to integrate Redux into a React Native app.

Converting Existing React Native Projects to Expo

I'm considering building mobile apps in React Native using Expo and I noticed under FAQ that existing React Native projects can be converted to Expo.
What exactly are we converting? I really like staying as pure and clean as possible without too many abstraction layers in the middle which can obscure my ability to understand what's really happening for things to work in the app.
I'd appreciate a bit more clarification about what's really happening in the conversion process and what Expo is adding to the existing project.
This topic is covered in the Expo XDE readme.
However, we didn't get it working and decided to port our code into the default Expo app (Edit: after hitting a lot of issues porting our app to Expo, we decided to revert to vanilla RN).
There are at least a few required steps missing from the documentation:
Create exp.json file
Update React and React Native libraries to the versions required by Exponent
"react": "16.0.0-alpha.6",
"react-native": "https://github.com/expo/react-native/archive/sdk-16.0.0.tar.gz",
We summarized on our blog why we gave up on Expo in its current form.

React Native - Using iOS and Android SDKs

I just started using React Native a few days ago and want to build my next iOS/Android app with it. However, I had a question (and I apologize in advance if this question is very basic).
If I am integrating my iOS and Android apps built with React Native, with an external service (like Salesforce for example), how do I go about using the native mobile SDKs they provide for iOS and Android? As in, what do I do to integrate those SDKs into my React Native app? Those SDKs are using native Objective-C and Java code, so how would I be able to use the JS code for React Native? I believe my understanding about this is skewed.
I looked at this link which goes into it, but it seemed very confusing and I had a bit of a hard time grasping the concept (again, I am very new to this - I've done a lot of web development, hence turning my attention to React Native, but I've done no mobile development whatsoever).
If someone could please explain how that works, and point me in the right direction where I can read and learn more, I would sincerely appreciate that!
Thank you!
Checkout out this talk on SalesForce mobile SDK for React native
Official SalesForce Docs - Read Here
Also this tutorial might help you. http://rajaraodv.github.io/salesforce-react-native-tutorial/
Update:
There are react native packages build by open react native community if you couldn't find anything to access native iOS or android functionality you will have to write react native wrapper yourself using react native "Native Modules"
Native Modules