React Native

How we applied optimisation techniques common to web apps to our React Native app to bring down startup times by 20%. Tree what? Admittedly, Tree Shaking might be a confusing term. You might have already heard of it as “import elision” in TypeScript. Tree Shaking is a form of dead-code elimination related…

Sometimes, we need to show the calendar in react native application. So to achieve this we can use the React Native Calendars. In this article, we will add a calendar for our React Native project. This package works for both Android and iOS. …

Donald Knuth once said, “I don’t understand things unless I try to program them.” I might extend this to posit: We don’t truly understand what we’re programming until we’ve thought of a test for it. When developing for mobile, it is tempting to focus first on ensuring your builds run…

Well in the earlier post we learnt how to set up Mapbox for iOS, in this one we’ll be learning the same for Android. The steps for installation are pretty similar to iOS more or less Install Package: Using yarn: Install the latest source from git: > yarn add rnmapbox/maps#main Using npm…

It’s time to take a closer look at the two mobile app development technologies that are currently gaining a lot of traction — Flutter and React Native. …

In this blog post, I will tell you how to easily integrate multi-language support with react native into your application. With the library I use for this, react-i18next and i18next Firstly, create a new react native project npx react-native init multiLanguage Let’s add packages to your new app cd multiLanguage …

Creating an authentication method using Firebase, let’s jump on it! Installations we need for this app: Visual Studio Code expo init “Project Name” npm install (Optional) npx expo install react-native-web@~0.18.9 react-dom@18.1.0 @expo/webpack-config@⁰.17.2 npm istall @react-navigation/native expo install react-native-screens react-native-safe-area-context expo install firebase Before we start, you need to open an…

Hi Guys, In this blog, I will explain you how to create material ui fab group in react native. You can easily create material ui fab group in react native. First i will import FAB namespace from react-native-paper, after I will make material ui fab group using in react native. …

React Native is bundled with multiple advantages like cross platform support, OTA updates, live reload, cost efficiency etc but the biggest bottleneck in scaling react native applications has been the performance as you add more modules, when application becomes data intensive or when there are multiple passes required over the…