Top React Native boilerplates for 2021 (blog.logrocket.com)
May 06, 2021
If you’re familiar with React Native, you know that starting a project from scratch can be a very tedious, repetitive, and time-consuming process. For that reason, in this article, we will take a look at some of the most popular React Native boilerplates that will help you start a project much faster.
Using Material UI in React Native (blog.logrocket.com)
Apr 26, 2021
The heavy hitter of Material Design component libraries on React Native is react-native-paper, and this guide will focus on using react-native-paper to set up a starter app with the some of the most prominent and recognizable Material Design features: Hamburger Menu, Drawer Navigation, FAB (Floating Action Button), and Contextual Action Bar.
Guide to unit testing in React Native (blog.logrocket.com)
Mar 15, 2021
React Native is among the most commonly used libraries for building mobile apps today. In this guide, we will explore unit testing in React Native applications, covering benefits, best practices, testing frameworks, and more.
React Native geolocation: A complete tutorial (blog.logrocket.com)
Jan 15, 2021
In this tutorial, we’ll show you how to implement geolocation in React Native. We’ll build an example app in React Native that displays the user’s location on a map in longitude and latitude coordinates and enables the user to send their location to another source, such as Twitter.
How to use Expo with React Native (robinwieruch.de)
Aug 05, 2020
Expo is a powerful environment for React Native which helps you from creation to distribution of your React Native apps. Without the need to directly use XCode (iOS) or Android Studio, Expo allows you to see your work in progress apps on a phone, emulator, or browser.
The Expo SDK 39 Roadmap (blog.expo.io)
Jul 05, 2020
After releasing SDK 38 about a week ago and following up on some loose ends, the Expo team is starting to work on SDK 39. Our top priorities for SDK 39 are: support for iOS 14, fixing bugs, the Updates and Splash Screen modules, and internal refactoring.
React Native Testing Library 2.0 – What’s New? (callstack.com)
May 28, 2020
We are happy to announce the release of version 2.0 of React Native Testing Library. For the last couple of weeks, we’ve been working really hard to bring you useful new features and to polish our APIs and their documentation, as well as improve compatibility with other Testing Library implementations.
The Ultimate Guide to React Native Optimization (callstack.com)
May 10, 2020
In this and the following articles, we will show you how to optimize the performance and stability of your apps. Thanks to the practices described in the guide, you will improve the user experience and speed up the time-to-market of your apps.
Flipper — A React Native revolution (itnext.io)
Apr 19, 2020
I would like to talk about the recently integrated developer tool for React Native called Flipper. I become a huge fan of this tool and believe it will be a revolution in a way we debug our React Native applications.
The Move to React Native (medium.com)
Apr 18, 2020
Our adoption of React Native was, for all of us at ClassPass, a real lesson in the huge benefits that can accrue from both careful planning and successful adaptation.
Nested React Native navigators (blog.logrocket.com)
Apr 07, 2020
In this blog, we will use React Navigation to implement the different navigators. React Navigation is easy to use, with a big community to help with issues along the base, and very detailed documentation. On top of all this, it is the recommended navigation library in the React Native docs.
Getting Started with React Native (sitepen.com)
Apr 06, 2020
React Native Candy Crush Clone (itnext.io)
Apr 03, 2020
I started building JellyBean Jam as a volunteer project for Puppetry Arts LLC. I wanted to gain experience in React Native and it seemed like a fun way to get started.
Before we get started, don’t forget to download JellyBean Jam for free on the App Store and try it out. My high score is 1400.
Introducing React Navigation 5 (saidhayani.com)
Mar 23, 2020
I’m a big fan of this library and my first solution to handle the Navigation in React Native, it has an awesome and easy API, very customizable. version 5 just went from beta to stable. and it comes with some features changes and new API design that is a simple and different way to declare the Routes. In this article, we are going through the new APIs and ways to use them in our applications.
React Native Starter Kits Review for 2020 (blog.bitsrc.io)
Mar 10, 2020
In this article we are going to review the number of the best React Native starter kits to give you a fuller view of them. If you like something, follow a link in the description of the chapter and jump into the mobile development world. Enjoy reading!
Styling React Native Apps (alligator.io)
Feb 12, 2020
If you ever used React Native, you probably realized it doesn’t use normal HTML & CSS like a web application. In this guide, we will discuss the differences. And one of the main differences you will see is everything is automatically styled based on Flexbox.
The complete guide to React Native WebView (blog.logrocket.com)
Feb 05, 2020
In simple terms, WebView is a component that used to load webpages in your React Native app. It was formerly available out of the box in React Native, but it will now be removed from React Native core and added as a component of the React Native Community libraries.
Common bugs in React Native (blog.logrocket.com)
Jan 31, 2020
Some of the errors you may encounter could be misleading or very hard to find. Recently, the React Native team asked developers to help them determine which of these annoying errors lead to the most frustration. While they did address some of the worst errors, there is still a handful remaining that could go under the radar.
Learning the Basic Components of React Native (alligator.io)
Jan 15, 2020
If you are familiar with normal React, it will be easy to pick up React Native, as long as you can understand the different components used. In this guide, we will look through the basic Native components that React Native uses.
Micro animations to the rescue (react.christmas)
Dec 15, 2019
People like to understand what's happening around them, whether it's in real life or in an app on their phone. Let us have a little peak into how we can help users of our React Native app.
MobX with React Native, Simplified (alligator.io)
Dec 07, 2019
State management is the core of any React application and as React is just a UI library, we need something to take care of the state of our app. State management can become troublesome and it is easy to create unmanageable React applications because of inconsistent state.
6 Tools for Debugging React Native (sitepoint.com)
Oct 28, 2019
In the React Native world, debugging may be done in different ways and with different tools, since React Native is composed of different environments (iOS and Android), which means there’s an assortment of problems and a variety of tools needed for debugging.
Testing Universal React (Native) Apps with Jest and Expo! (blog.expo.io)
Sep 26, 2019
Unit testing with Jest is an integral part of projects that are built with React. But we’ve also found that sometimes entire classes of bugs slip through with several Jest configurations, such as the preset included with React Native, and the testing never seems to really cover everything.
Announcing React Navigation 5.0 (blog.expo.io)
Sep 17, 2019
We’ve been working on several improvements to React Navigation, such as improving animation performance with gesture-handler and reanimated libraries, migrating to TypeScript, and more.
React Native and Expo at Flexport (blog.expo.io)
Sep 10, 2019
State Management in React Native (sitepoint.com)
Sep 03, 2019
In this tutorial, we’ll learn about what state actually is, and about the setState() method, the Context API and React Hooks. This is the foundation of setting state in React Native.
The Case for the React Native Web Singularity (swyx.io)
Aug 30, 2019
Bottom line up front: There is a possible "React Native Web Singularity", when it starts being a better standalone choice for developing for the mobile web than react-dom. If this speculation comes true, this would be gamechanging.
Build a "Not Hotdog" clone with React Native (dev.to)
Aug 28, 2019
If you're a fan of HBO's Silicon Valley, you'll remember when they launched a real AI-powered mobile app that classifies hotdogs from a given image (or not). Using Google's Vision API, let's try to recreate a working model of the application in React Native.
Announcing React Native 0.60 (facebook.github.io)
Jul 03, 2019
After months of hard work from hundreds of contributors, the React Native Core team is proud to announce the release of version 0.60. This release handles significant migrations for both Android and iOS platforms, and many issues are resolved too. This blog post covers the highlights of the release.
You can now use Expo APIs in any React Native app (blog.expo.io)
Feb 28, 2019
Starting today, you can use as little or as much of the Expo SDK as you like in any React Native app. We’ve spent a lot of time building and maintaining these cross-platform APIs for native features, and we’re happy to finally share them with the entire React Native ecosystem and to continue evolving them as a together.
Implementing an Infinite Scroll list in React Native (scotch.io)
Feb 04, 2019
While implementing pagination in mobile devices, one has to take a different approach since space is minimal unlike the web, due to this factor, infinite scrolling has always been the go to solution, giving your users a smooth and desirable experience.
React Native UI Toolkit Roundup (alligator.io)
Aug 07, 2017
Until someone makes react-native-bootstrap (which does not exist yet, by the way), here are a number of other React Native UI Toolkits that you can use to bootstrap (get it?) your next React Native project
Hybrid Apps And React Native: A Time To Transition? (smashingmagazine.com)
Jun 14, 2017
Accomplished musicians often talk about how, at certain moments in their careers, they had to unlearn old habits in order to progress. This process often causes them to regress in performance while they adjust to an ultimately better method. Once the new approach is integrated, they are able to reach new heights that would not have been possible with their previous techniques.
Diverse Test-Automation Frameworks For React Native Apps (smashingmagazine.com)
Aug 24, 2016
The bar is set high for today’s mobile apps. First, apps must meet the standard of quality that app markets expect. Secondly, mobile app users are very demanding. Plenty of alternatives are available to download, so users will not tolerate a buggy app. Because mobile apps have become such a crucial part of people’s lives, users won’t be shy about sharing their love or hate for an app — and that feedback gets in front of millions of users in seconds.
React Native For Web: A Glimpse Into The Future (smashingmagazine.com)
Aug 08, 2016
One of the hardest decisions to make when starting a new app is which platforms to target. A mobile app gives you more control and better performance but isn’t as universal as the web. If you’re making a mobile app, can you afford to support both iOS and Android? What about trying to build a mobile app and a responsive web app? Ultimately, the best experience for your customers is for your app to work everywhere, but the development and maintenance costs of that can be prohibitive.