React.js is a powerful JavaScript library for building interactive user interfaces. It’s perfect for creating dynamic applications, and one of the best ways to learn React is by building simple projects. In this article, we’ll walk through how to create…
Category: ReactNative
Important Modules in React.js: A Developer’s Guide
React.js has rapidly become one of the most popular libraries for building modern web applications. Its component-based architecture and powerful state management make it an excellent choice for both small and large-scale applications. However, React’s true power lies in its…
Understanding the UseState Hook in React.js
Hooks were introduced in react.js version 16.8. Hooks allow developers to use state and other React features without writing a class. Among the various hooks available, the useState hook is fundamental for managing state in functional components. This article provides…
State Management in React Native with React Hooks and Context API
How do you manage state in a React application? Have you used Redux or Hookstate or MobX etc. to manage state in your last React application. Do you remember all the stuff like store, actions and reducers in Redux? And…
Implementing Dropdown Selection with React Hook Form in React Native
I was using React Hook Form in my new React Native project. Unfortunately I was not able to find any useful examples of React Hook Form’ dropdown implementation in React Native except this one. So I had to put some…
Merging two CSS Style objects using Typescript in React Native
I am in the starting phase of using Typescript and I am sharing this code which I created to merge two different CSS definition files to combine and use merged css styles. I used similar code to combine two javascript…
How to add path alias in React Native and to configure editors
Isn’t it frustrating to locate a file by path, for example by “../../../../../path/to/component” in import or require calls. Is there a better way for example making it like @core/component or @src/component? Yes, there is. Using path alias in React Native…
How to Reinstall Pods in a Expo React native bare project in MacOS
Cocoapod is a package dependency manager for Objective-C and Swift projects with XCode. In a expo bare development environment you may need to re-install Cocoapods or in short Pods occasionally. In this tutorial I will show you the proper way…
How to Publish ReactNative Expo Mobile App to Apple App Store and Google Play Store
In this tutorial, I will walk you through the entire process of publishing a ReactNative Expo Mobile App. In the tutorial, we will use Expo for building and publishing ReactNative App. Challenges in Publishing a ReactNative Expo Mobile App In…
Using FCM for Push Notifications in a React-Native Mobile App
What are Push Notifications? A push notification is a message that pops up on a mobile device. Mobile App publishers can send them at any time; users don’t have to be in the app or using their devices to receive…
