Tutorial How to Get Better Performance Out of Your React Native App Adopted the world over by massively successful companies, React Native offers a promising solution for those developing cross-platform applications. To reach the true performance potential of your React Native app though, optimization is a crucial step. Here are some optimizations you can make!
Tutorial How to Offer Multi-language Support in a React Native App As a business grows, it's natural to expand into markets in other countries and regions, and it's important to cater to the language needs of the communities you are expanding into as well. In this tutorial, we share how you can add multi-language support to a React Native app.
Tutorial How to Implement AdMob Ads in a React Native App When you're looking to monetize your app, there are quite a few options available to you, and in-app ads are one of the easiest options to implement. In this tutorial, we'll take you through the process you can use to implement AdMob functionality in your React Native app.
Modular Development Push Notifications: Why You Want Them & How to Build Them Into Your App (Part 2 of 2) In part 1 of this series, we discussed what push notifications are and how they can be a useful addition to your marketing and communication strategy. In part 2 of our push notification series, we're going to share how you can implement push notification functionality in your app.
Developer Tools React Native Component Libraries to Try in Your Next Build React Native's extensive open source community offers many different ready-to-use component libraries, but with so many options, how do you choose which one to use? In this article, we've compiled a list of our favorites.
React Native How to Create a Custom Image Gallery in React Native In React Native, there are many different ways to go about displaying a collection of images in a gallery view, and a carousel is one of the most popular methods to achieve this. But what if you want to create a custom gallery view with additional functionality? In this tutorial, we'll show you how!
React Hook How to Create a Custom Tab Bar in React Native React Native is an amazing tool for creating beautiful and high-performing mobile applications that run on both iOS and Android. In this post, we're going to create a custom tab bar using the React Navigation library bottom tabs component.
Universal Apps Understanding Universal Applications Universal app development saves you time and money. Here's an introduction to what universal applications are and the best tools you can use to build them.
React Native React Native Performance: Do and Don't React Native is a cross-platform JavaScript library that creates high-performance apps by default. However, there are a few tricks you can use to optimize your React Native performance.
React Native for Windows The State of React Native for Windows + macOS in 2021 React Native for Windows + macOS is an open source framework maintained by Windows that enables you to build desktop apps with React Native. Here's what RN for Windows + macOS has planned for 2021.
React Native Web The State of React Native for Web in 2021 React Native Web is an open source library that enables you to build simultaneously for mobile and web platforms. Here's how you can use React Native for Web in 2021.
RAD stack How to Build the Ultimate Tech Stack for Scale The tech stack you choose to build your product can either propel your growth or constrain it. Here are the best tech stacks for scalability.
App Builder How to Make Your Crowdbotics App ADA-Compliant ADA compliance is an important consideration for any software product. Here's how to build an ADA-compliant app with Crowdbotics.
CCPA How to Make Your Crowdbotics App CCPA-Compliant The California Consumer Privacy Act (CCPA) applies to product or services databases, websites, and mobile apps. To comply with the legislation, developers have to make sure that they follow best practices from the start.
React Native Easiest and Hardest Developer Skills to Hire For in 2021 As we close out 2020, we're taking a look ahead to which technologies will be easiest to hire for and which will have a comparative shortage of talent in 2021.
White Label Apps How to Keep Margins High While Selling White Label Apps to Clients A "white label" app is an application as a service that is developed by one company and then rebranded and sold to the clients of a different company. Here's how to sustainably grow your business with white label development.
React Native Most Compatible Frontend and Backend Framework Pairings There are many criteria to consider before choosing a frontend or backend framework, such as learning curve, ease of integration with other libraries, popularity, core features, language, and more. Here are some combinations we recommend.
React Native React Native and Django for Beginners React Native and Django are popular, flexible, and powerful frameworks that operate well together. Here's an overview of what React Native and Django offer software developers.
React Native How to Create a Custom Mobile React Native App with Crowdbotics Learn how to build a full-stack React Native / Django application with the Crowdbotics App Builder.
RAD stack Why Developers Use React Native and Django Together React Native and Django are well-established and supported by a massive community of users and advocates. Here's why.
React Obscure Frontend Frameworks That Could Become the Next React React's modern dominance is easy to understand. However, React is not the end state of frontend development. In this blog post, we are going to look at some web development frameworks which have the potential to become the next React.
React Native Top Open Source React Native Packages of 2020 React Native comes with many open source libraries supported by its strong developer community. In this article, we are going to talk about the top 7 libraries that are used in React Native projects.
React Native How to Add React Native Web in a Crowdbotics Mobile App Using React Native Web, an open-source project, React Native core API components can be used to build a web application using the same source code. It uses React DOM at the core to render a majority of React Native components.
React Native Top Databases for React Native App Development This list of the best SQL, NoSQL, and document-based databases will help you choose the perfect database for your next React Native app.
React Top Popular UI Component Libraries for React Apps Rapidly build clean-looking user interfaces with these UI component libraries for React.
React Native React Native's Re-Architecture in 2020 Originally announced in 2018, the React Native re-architecture is an ongoing effort by Facebook to make the platform more robust and address common issues.
React Rad Devs Use the RAD Stack Leading development teams use React Native and Django to build high-performance applications. Here's why you should use RAD stack with the Crowdbotics App Builder for your app builds.
React Native How to Integrate Custom Calendar Event Creation In a React Native Crowdbotics App Create events and add them to a mobile device's native calendar app directly from within a custom React Native app.
React Native Add a Real-Time Database with Your React Native Chat App with Firestore Our anonymous React Native chat app tutorial continues with how to store and display chat threads using an integrated Firestore database.
React Native Build an Anonymous Chat App with React Native and Firebase The anonymous sign-in method provided by Firebase enables you to create a React Native chat app that does not require users to login. Here's how.
React Native How to Use Formik and Context API to Build Crowdbotics React Native Apps with Firebase The React Context API gives you access to props from any level of the component tree. You can pair it with Firebase and Formik to create simple user login flows with Crowdbotics.
React Native How to Use Redux Hooks in a React Native App Learn how to use Redux Hooks in a simple shopping cart app created with React Native and Crowdbotics.
React Native How to Integrate GraphQL and Apollo Client in a React Native App Use Apollo Client and GraphQL to query a third-party cryptocurrency API with this React Native and Crowdbotics tutorial.
i18n Using i18n in React Native apps Internationalization (i18n) is essential for any app with a global user base. Here's how to implement it in a React Native app with Crowdbotics.
React Native Using WebViews to Connect a React Native App to Web WebViews add browser-style functionality to native apps. Here's how to implement WebViews in your Crowdbotics React Native app.
React Native How to Add Support for Dark and Light Themes in React Native with Crowdbotics Your React Native app built with Crowdbotics can support light and dark themes chosen by users. Here's how.
React Native An In-Depth Guide to Using React Native Image Picker This tutorial explains how to implement the React Native community module react-native-image-picker, which enables your app to select an image from the user's camera or photo gallery.
App Development How to Integrate Google Sign-in Authentication into a Crowdbotics Mobile App Learn how to create a React Native app and add a Google Sign-in screen with Crowdbotics.
React Native How to Add a Search Bar in a FlatList in React Native Apps Create a list of items populated by a remote API and search them using FlatList in React Native and Crowdbotics.
React Native Add a Pinch-to-Zoom Function using React Native Gesture Handler Learn how to add pinch-to-zoom functionality to your mobile app with the open source React Native package react-native-gesture-handler.
React Native Instagram Clone Part 2: Create a User Profile Screen Learn how to use React Native and Firebase to build an Instagram clone complete with a user ID and user profile page.
React Native Instagram Clone with React Native: Creating the Feed Screen Learn how to use React Native and Firebase to build an Instagram clone that uploads and queries photos stored in a real-time server.
React Native How to use WebViews and Deep Linking in React Native apps If you're a mobile developer, you may need to redirect users to an external web page or link to other native apps within your React Native app. This guide will show you how to use the WebView component and Linking module to manage external links in a Crowdbotics/React Native mobile app.
React Native Accepting Stripe Payments in React Native Platforms such as the web, Android, and iOS already have well-supported APIs for payment gateways such as Stripe. But what about cross-platform frameworks like React Native? In this tutorial, we’ll be looking at how to accept payments within a React Native app.
Firebase How to integrate Firebase and Firestore cloud database with a React application In this tutorial, we will be learning how to integrate Firebase and Firestore cloud database with a React application. We will also create a bare minimum demo application from scratch with the help of Firebase & React Native to see how they work together.
JavaScript React Hooks Basics— Building a React Native App with React Hooks React 16.8 welcomed the dawn of Hooks. This new addition is both a new concept and pragmatic approach that helps you use state and lifecycle methods behavior in functional React components, that is…
React Native How To Build Your First VR App with ViroReact, React Native, and Crowdbotics Virtual Reality (VR) is an immersive technology that has intentions to improve the experience by providing a three-dimensional realistic environment rendered for the individual to feel real. The…
React Native How to Build a Real Time Logo Detection App with React Native, Google Vision API and Crowdbotics Google Vision API is a great way to add image recognition capabilities to your app. It does a great job detecting a variety of categories such as labels, popular logos, faces, landmarks, and text…
React Building ReactN — An extension of React that includes global state management When your React application reaches a certain size and scope, attempting to manage state within component instances adds too much complexity, prop drilling, and code smell. Developers inevitably turn…
React Native How To Build a News Reader App with React Native and NewsAPI React Native is a great platform to build cross-platform mobile applications for iOs and Android. While there are few other framework options available in the mobile app development space to build…
JavaScript Cache Your React Event Listeners to Improve Performance An under-appreciated concept in JavaScript is how objects and functions are references, and that directly impacts React performance. If you were to create two functions that are completely identical…
React 21 Useful Open Source Packages for React Native We live in the world of a variety, yet mobile devices are dominated by two major platforms, iOS and Android. It is a two-horse race, but that doesn’t make mobile app development easy. For iOS you…
React Native How to Build A Facial Recognition Mobile App with React Native, Expo, and Kairos Facial recognition — once the stuff of sci-fi novels — is now a widely used technology. In this post, I will I will show you how to develop a basic face-detecting mobile app with React Native and…
React Native How To Make A Simple ‘Accelerometer’-Based Driving Game with React Native Expo When I discovered React Native Expo’s feature ‘Accelerometer’, I thought it would be fun to develop a racing game using this functionality. As Bill Gates said: “I choose a lazy person to do a hard…