Category Archives: React Native

Mastering React Hooks: A Comprehensive Guide for Modern Web Development

React Hooks have transformed the way developers handle state and side effects in React applications, offering a cleaner and more streamlined approach compared to traditional class components. By adopting Hooks, developers can write more maintainable code, reduce complexity, and enhance their development workflow. In this guide, we’ll explore the evolution, core concepts, practical examples, and Continue Reading »

Performance Optimization Tips for React Native Apps

React Native is a powerful framework for building cross-platform mobile apps, but like any technology, performance can be a concern when dealing with complex apps. To ensure that your React Native app performs smoothly, it’s crucial to apply best practices in performance optimization. In this blog post, I’ll cover some essential tips to help boost Continue Reading »

Why Use React Native for Mobile App Development?

For a business that is looking to make a presence on mobile, the ultimate goal that all of them — irrespective of what category they belong to — plans to achieve is reach masses at low development cost and fast launch time. The trio is a sweet spot that all businesses long to achieve. A sweet spot that Continue Reading »

React Patterns and Anti-Patterns: Common Mistakes to Avoid

React Patterns are established solutions to common problems encountered during React development. They are tried and tested approaches that help developers write cleaner, more maintainable, and efficient code. Examples of React patterns include: Container vs. Presentational Components Separating logic from presentation for better code organization. Render Props: Render props is a technique where a component’s Continue Reading »

Understanding Tree Shaking in JavaScript: Trimming the Fat from Your Code

If you’ve ever wondered why your JavaScript files are bigger than they need to be, you might be interested in a neat optimization technique called “tree shaking.” No, it doesn’t involve vigorously shaking your computer – it’s a process that helps you get rid of unnecessary code and make your applications faster and more efficient. Continue Reading »

Code Coverage Tools & its Features

In software testing, there are several ways to measure the coverage of testing. Code coverage method is one of the most important techniques. Using the code coverage tools, one can identify the quantity of code tested while executing tests. In simple words, code coverage tells us how much of the source code is covered by Continue Reading »

Flutter vs. React Native – Choosing the Right Framework for Your Next Project

In the world of modern app development, two prominent players have emerged: Flutter and React. These frameworks offer developers the tools to create captivating, high-performance applications for various platforms. However, they cater to different needs and preferences. In this blog post, we’ll delve into the key differences between Flutter and React, helping you make an Continue Reading »

Various Techniques to minimize code in React JS

There are several ways to minimize code in React JS.. Here are a few tips: Use functional components: Functional components are simpler and require less code than class components. They are also easier to read and understand. Use destructuring: Destructuring allows extracting specific values from objects or arrays. This can make your code more concise Continue Reading »

Create Video calls and screen sharing using WebRTC

Hi there, today we are creating a video call app using webRtc, firebase, and react.js. You can also test code available here -> Github 1. Create Room -> First, create a real-time database in firebase and create a room Id using URL params, a randomly created key in the firebase database. // reference of RD Continue Reading »

CORS – React JS

CORS stands for Cross-Origin Resource Sharing. It is basically a mechanism that uses HTTP headers to tell the browser whether a specific web app can share resources with another web app or not. Here Both the web apps should have different origins because if they have the same origin then they can share the resources Continue Reading »

HOOKS – Analysis about React Hooks

React hooks came into the picture in October 2018. In early February 2019, they finally came in React v16.8.0.React Hooks are a great addition to React which has completely changed how we write code. Before React hooks, there was no way of using state and lifecycle methods in functional components, and that’s why the functional Continue Reading »

FlatList vs ScrollView in React Native

In this article we talk about one of the most important topics is flat list and scroll view which comes, under-react native. Firstly we discuss is flat lists all we know is that a flat list is used for rendering so much data in our component. With the help of a flat list, similar data Continue Reading »

Class component vs functional component

In React Native mainly two types of components Class Component & Functional Component. Class components are ECMAScript2015(ES6) that extend a base class from React called Component. It is used as a container component to handle state management. Before introducing the concept of hooks in React 16.8 functional component is a plain javascript function but after Continue Reading »

Pure Components

In this article, we will discuss what are pure functions in javascript? What are pure components? When to use pure components in React and when not to use them? What is the difference between Pure components and class and functional components? What are the advantages of pure components over others? When a function is called Continue Reading »

Swipeable

Today we are going to discuss how we implement the swipe gesture in react native with the cell of the flat list and section list component in order to do some actions like update to-do and delete some data entry. It renders with its children within a panel and this component allows the children to Continue Reading »

React navigation deep linking

In this blog. I will explain how we can use deep linking in react-native. Nowadays we can use deep linking in many regular applications like Flipkart, Amazon, etc. First, we will discuss what is actually deep linking? Deep-link is a technique in which a given URL or resource is used to open a specific page Continue Reading »

Pagination In React Native- Load More Data Dynamically

Introduction The principle of loading a lot of data into chunks is pagination. Consider a situation in which you have to fill a list of the names of 1000 individuals, so if we load all the data at once, loading time and response time would also increase to enhance this, we will enforce the pagination Continue Reading »

Carousel in React Native

Image Carousel also popularly known as Slider components are one of the most appealing parts of the mobile applications and is used extensively. We can get it through various libraries that provide the slider functionality but today we will be focusing on the custom slider. We can achieve it using ScrollView but Here we will learn how Continue Reading »

Adjustable font sizes in React Native

You may have occurred with the problem of font sizes not adjusting according to the screen size. Smart devices are coming in a number of sizes, from tablet to small smartphones. The ios and android have different pixel ratios too. If you are defining the font sizes in pixels then the size may vary from Continue Reading »

React navigation 5

Introduction React navigation is a library that enables a developer to navigate between the screens in react native.Its the most popular solution when it comes for navigation in react native apps which also supports both expo and CLI.The latest update of the react navigation brings a huge change from the previous versions. The latest react Continue Reading »

Fluid Typography and Responsive CSS in Web

Fluid Typography and Responsive CSS in Web In CSS responsive means something that is set to adjust or resize based on the breakpoint, aka media queries. Fluid is a new approach (not so new, just not put into use as much) which means something that adjust or resizes smoothly to match the device width. With Continue Reading »

SQLite database in React Native

Introduction SQLite is an open-source SQL database used for storing data in mobile devices in the form of text files. It supports all the relational database features. There is no need to establish any linking or connection for performing any operations on the database. It works like other SQL databases, where we can perform any Continue Reading »

Build and Deployment Configuration Flavors in React Native

At the point when you don’t have a server-side programming foundation, environment variables can appear to be a touch of enchantment. That absence of information smacks you in the face when you’re finished making todo applications on your localhost and attempt to make a production build for the application. The issue we’re illuminating: Step by Continue Reading »

How to use Geolocation, Geocoding in React Native Apps?

In this post, we will learn, How to implement Geolocation in your App? Geolocation will find your current location and Geocoding gives your address (like City Name, Street Name, etc) by Coordinates (Latitude and Longitude). What is Geolocation? The most famous and familiar location feature — Geolocation is the ability to track a device using Continue Reading »