Posts by Saad

As an app developer, one of the most important things to consider is how to keep your users engaged. Push notifications are a great way to do that. There are two types of push notifications, local and remote. In this tutorial, we will be learning step-by-step how to set up and use local push notifications in React Native. Task 1: Schedule a notification when the user saves a reminder Tass 2: Handle the notification when the user clicks on it Task 3: Cancel the notification when the user deletes the reminder The full blog post is published in the following…

Photo by Towfiqu barbhuiya on Unsplash In this short guide, I will try to document the following — Setting up the translation in React NativeUse translation react native components/screens.Change translation 1. Setting up the language Create a new project with expo or RN CLI. Once your app is ready, install the necessary packages to set up the translation in your app. yarn add i18next react-i18next Then create a `translation folder` inside your src or app directory. Within that folder create a `resources` folder with 3 files, namely `en.js` & `bm.js` (Bahasa Malaysia), and `index.js` file. The folder structure should look like the following,…

Photo by Rodion Kutsaev on Unsplash In this post, I will document my learning on downloading remote pdf files on iOS and android. Setup the project: Let’s first create a blank project by hitting, npx react-native init DownloadPdf It will just have one button that will try to download this sample pdf file. This is our initial code, Download PDF: Now, let’s write our download functionality. Before that, we will need to download 2 modules. react-native-blob-util: great library for downloading files.react-native-share: for iOS, we would like to save the files on our phone, hence the share library. here is the gist,https://saadbashar.medium.com/media/3e3449377bf362935f1b5d62f371c3ad Output of the functionality: Android…

Testing is an important part of any software development process. It helps you to ensure that your code is working as expected and that you are not introducing any bugs. In this article, we will learn how to test our React Native app with Jest and React Native Testing Library. There are many variations of testing methods. In this article, we will focus on unit testing by providing a simple example of how to test a React Native component. This article is intended for anyone who is very new to testing in React Native. The full blog post is published…

As an app developer, one of the most important things to consider is how to keep your users engaged. Push notifications are a great way to do that. There are two types of push notifications, local and remote. In this tutorial, we will be learning step-by-step how to set up and use local push notifications in React Native. The full blog post is published in the following link: https://www.notjust.dev/blog/2023-02-02-react-native-local-push-notifications

It's very rare to find a react native app without a global state management library. It's also very common to find a react native app with redux. Redux is one of the most used state management libraries in React / React Native and a tool that is being asked as a job requirement. If you wanted an easy explanation of what redux is, you are in luck! In this article, we will dive into the world of redux and learn how to get started with redux in react native The full article is published on the following link: https://www.notjust.dev/blog/2022-12-24-react-native-redux-toolkit