React Native Examples and Tutorials

A single place to find all of the React Native tutorials created at Handlebar Labs.

Looking for more in-depth content? Check out any of Handlebar Labs' courses!

• Tutorials
• Examples
• Courses

Tutorials

• How to Use the SectionList Component - React Native Basics (October 24, 2018) - video tutorial, code

• Implement a Long Press Button with React Native's Gesture Responder System (October 17, 2018) - video tutorial, code

• Detect Multiple Touches in React Native with the Gesture Responder System (October 17, 2018) - video tutorial, code

• Fix Broken React Native Projects in Xcode 10 (October 9, 2018) - video tutorial

• Progressive Image Loading (September 26, 2018) - tutorial, code

• Building a React Native Multi-Theme Button (September 19, 2018) - video tutorial, code

• Animated Image Overlay in React Native (September 12, 2018) - written tutorial, code

• Instagram Style Double Tap with React Native (September 6, 2018) - written tutorial, code

• Install React Native Firebase Core [iOS] (August 16, 2018) - video tutorial

• Install React Native Firebase Core [Android] (August 16, 2018) - video tutorial

• Intro to Gestures in React Native (July 24, 2018) - written tutorial, code

• Build A JavaScript Navigator for React Native (July 24, 2018) - written tutorial

• How to Search a React Native FlatList (May 23, 2018) - video tutorial, code

• React Native Animated Answer Bar [Playlist - 7 Videos] (May 21, 2018) - playlist, code

• Enable Scroll in a React Native ScrollView Based on the Content Size (April 26, 2018) - written tutorial, video tutorial, code

• Use the SwitchNavigator in React Navigation for an Authentication Flow (React Native) (March 27, 2018) - video tutorial, code

• 4 Questions to Ask When Choosing a Push Notification Provider for a React Native App (March 21, 2018) - written tutorial

• Migrating from the Old to New React Context API (March 13, 2018) - video tutorial, code

• Migrating from Redux to the New React Context API (March 13, 2018) - video tutorial, code

• React Native FlatList Grid (March 13, 2018) - video tutorial, code

• Fade in an Image with React Native with the Animated API (March 13, 2018) - video tutorial, code

• iPhoneX Compatibility in React Native with SafeAreaView (March 13, 2018) - video tutorial, code

• Dismiss the Keyboard in React Native from Anywhere (March 13, 2018) - video tutorial, code

• How 💩 dad jokes helped me better understand immutable data (March 7, 2018) - written tutorial, code

• Perfect React Native Splash Screen (Android) (February 27, 2018) - written tutorial, video tutorial, code

• Perfect React Native Splash Screen (iOS) (February 27, 2018) - written tutorial, video tutorial, code

• Configure Visual Studio Code for React Native Development (February 21, 2018) - video tutorial

• How to Become a React Native Developer in 2018 (January 26, 2018) - written tutorial

• Setup Continuous Integration with React Native (November 16, 2017) - written tutorial

Examples

• Complex React Navigation with Guest Access - code

Courses

• React Native Basics: Build a Currency Converter - Learn to Use Navigation, Setup Redux, Design Components, Work with a Remote API, and More (FREE)

• Production Ready React Native - Learn Best Practices, Follow a Focused Curriculum, and Write Code You’re Proud Of (PREMIUM)

• Master Push Notifications in React Native - The Most Effective and Efficient Way to Add Push Notifications to Your App (PREMIUM)

• React Native Exercises - Ten Exercises to Make You a Better React Native Developer (PREMIUM)

• How to Set up a New React Native Project - Tips, Tricks, and Tools to Optimize Your React Native Development Workflow (FREE)

• Learn React Native + Meteor - A Premium Course on Building Real-World iOS and Android Apps with React Native and Meteor (PREMIUM)