/react-native-examples-and-tutorials

An index of React Native examples and tutorials by Handlebar Labs.

Primary LanguageJavaScript

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

  • Layout with Flexbox - React Native Basics (November 7, 2018) - video, code

  • How to use the Image Component - React Native Basics (November 7, 2018) - video, code

  • Building a Global Alert System in React Native (November 5, 2018) - video series, code

  • 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