Thisarticlewas originally published on.cultbyManusha Chethiyawardhana.
.cult is a Berlin-based community platform for developers.
So youre preparing for your next mobile development interview?
Why use React Native over other frameworks?
React Native is a cross-platform framework.
However, its not React Natives only specialty.
40% off TNW Conference!
BecauseIonicis built on top of the web web client, utility code cannot easily access native functionalities.
Flexibility
React Native does not bind you to its code alone.
React Native allows you to generate platform-specific code in Xcode if you want to code natively in Swift.
React Native is also compatible with third-party plugins, making it even more flexible.
you’re able to accelerate the development process even further by using open-source libraries of pre-built components.
Perform live updates without App Store approval
Waiting for App Store approvals for updates can take a long time.
What are the Basic Components used in a React Native app?
View The most basic component for creating a React Native UI.
VIew supports layout with flexbox, style, some touch handling, and accessibility controls.
Text A React component for displaying text that also supports nesting, styling, and touch handling.
Image A React component for displaying various types of images, including camera roll images.
ScrollView A scrolling container that can hold multiple components and views.
TextInput The basic component for entering text into the app using a keyboard.
StyleSheet StyleSheet is an abstraction similar to CSS StyleSheets that allows you to define styles for various containers.
Whats the difference between ScrollView and FlatList?
ScrollView and FlatList are both used to display a list of components in a React Native app.
However, ScrollView has a performance disadvantage.
ScrollView will load all of the items as soon as the component is loaded.
you might use ScrollView for a small number of items and FlatList for a larger number of items.
Class Components vs Functional Components, what to use?
Components in React can be created using either classes or functions.
We write fewer lines of code with functional components, and its much easier to read and test.
So, do Class Components still need to be used?
Aside from that, its preferable to use functional components when developing your apps.
What is the use of the useEffect hook?
We can perform side effects in function components by using the useEffect Hook.
useEffect Hook is a combination of all these methods.
It accepts a callback function that is called whenever a render occurs.
By default, useEffect Hook runs after the first render as well as after each update.
The useEffect Hook helps to avoid redundant code and group related code.
What is Props Drilling and how to avoid it?
Although there is nothing inherently wrong with props drilling, it complicates your system unnecessarily.
One of the best ways to avoid props drilling is to use the Context API.
Context allows us to pass data directly to the required components.
We can use React Context for props like UI theme, currently authenticated user, or language.
Context React
7.
How to implement Networking in React Native?
For our networking requirements, React Native includes theFetch APIand theXMLHttpRequestAPI.
Fetch also accepts an optional second argument, which allows us to customize the HTTP request.
For example, we can use it to specify additional headers or to make a POST request.
Furthermore, we can use third-party libraries likeaxiosorfrisbeeto implement networking in React Native as well.
What is Async Storage and when should it be used?
Async Storage is a React Native community-maintained module that provides an asynchronous, unencrypted key-value store.
Its essentially React Natives version of web-based Local Storage.
Because Async Storage can only store string data, object data must be serialized before it can be stored.
Github Async storage react native
9.
Why are the animations in React Native so smooth?
Animations React Native
10.
How to debug React Native applications?
Chrome DevToolsis the simplest way to debug your code without installing any additional apps.
React Native by default supports ChromeDev tools via its remote debugging capability.
If youre using Redux in your React Native app, the best debugger to use isReact Native Debugger.
So read through the answers again and ensure prepared for your upcoming React Native interview.
In the meantime, keep learning and paving the way to your dream.
Thank you for reading, and happy coding!
Story by.cult
.cult by Honeypot is a Berlin-based community platform for developers.
