Pusher tutorials

Sign in

Back to all tutorials33 tutorials tagged with React Native

Create a food ordering app in React Native - Part 2: Adding the driver app and chat functionality

Food ordering apps such as Uber Eats and FoodPanda are a popular way to order from your favorite local restaurant. In this tutorial series, create both the food ordering app and the driving app using React Native. In part 2, create the driver app and implement a chat functionality between the customer and the driver.

21 minute read

Follow tutorial

Create a food ordering app in React Native - Part 1: Making an order

Food ordering apps such as UberEats and FoodPanda are a popular way to order from your favorite local restaurant. In this tutorial series, create both the food ordering app and the driving app. In part 1, create a simplified food ordering app using React Native.

22 minute read

Follow tutorial

Create a food ordering app in React Native - Part 3: Adding push notifications

Food ordering apps such as Uber Eats and FoodPanda are a popular way to order from your favorite local restaurant. In this tutorial series, create both the food ordering app and the driving app using React Native. In the third and final part, add push notifications to inform both the customer and the driver of various events throughout the ordering process.

14 minute read

Follow tutorial

Create a facial recognition attendance app in React Native

In this tutorial, implement an app that uses facial recognition to identify people and verify that a student has indeed attended a class. You'll learn how to use Microsoft Cognitive Services, and specifically how to use React Native Camera and convert its response to a format that can be understood by the API.

12 minute read

Follow tutorial

How to build a serverless mobile app with React Native and AWS Amplify

This tutorial is a step-by-step guide to connect AWS Amplify and AWS AppSync services with your React Native application. Build a cross-platform mobile app by integrating frameworks like React Native and Expo CLI, with services AWS AppSync and Amplify.

13 minute read

Follow tutorial

Getting started with GraphQL in React Native

GraphQL makes it easier for developers to get the specific data we want with less code. In this tutorial you will learn how to implement a simple GraphQL server and query the data from a React Native app, by creating a simple app which fetches, inserts, updates, and deletes data from a GraphQL server.

12 minute read

Follow tutorial

Build a game using device sensors in React Native

Build a mobile game, taking advantage of React Native's device sensors module. Use the gyroscope to detect the tilt of the phone, allowing a player to manipulate objects on screen and dodge obstacles. The game includes a simple scoring system, and can be easily extended.

11 minute read

Follow tutorial

Build a todo app for iOS, Android and web with react-native-web

Build a basic todo list app for Android, iOS and web using React Native. Users can add to-dos and see the app update across all platforms in realtime, thanks to Pusher Channels.

7 minute read

Follow tutorial

Create a Youtube-integrated application using React Native

Build a basic React Native app. Set up YouTube integration and pull in playlists from Rotten Tomatoes. This tutorial will guide you through React Native basics such as building components and using React Router.

6 minute read

Follow tutorial

Creating a live multiplayer quiz app in React Native

Use React Native and Node to build a live cross-platform quiz app. Admins are able to add questions and start the game. Users have a short amount of time to respond. At the end, a scoreboard is displayed, showing the top player.

15 minute read

Follow tutorial

Create a two-player maze game with React Native

Build a two-player maze game for mobile using React Native and Node.js. Users can log in, be matched with an opponent, and race each other through a maze to a target. The tutorial takes advantage of MatterJS to handle game physics.

23 minute read

Follow tutorial

Create a two-player Pong game with React Native

This in-depth tutorial will show you how to create a complete two-player mobile Pong game using React Native. You will use Node for the backend and MatterJS as the physics engine.

20 minute read

Follow tutorial

Accepting payments in React Native

In this tutorial you will build a mobile app in React Native that can process payments using Stripe. The backend will be created with Laravel Lumen and MySQL.

12 minute read

Follow tutorial

Using Pusher Beams to notify users of a new release of your iOS app

In this tutorial, you will build a simple to-do app for iOS using React Native. You will integrate push notifications, so that every time an updated version of the app is deployed to the App Store, users will receive a notification.

8 minute read

Follow tutorial

Handling authentication in React Native using Okta

Create a simple React Native login experience, fully integrated with Okta's Open ID authentication service. You will complete setups for both Android and iOS, before creating a basic React Native login feature.

9 minute read

Follow tutorial

Create a Pokemon battle game with React Native - Part 3: Animations and sounds

In this three part series, use React Native and Node.js to create a two-player Pokemon-like game. In part three, extend the app with improved animations.

19 minute read

Follow tutorial

Linking WordPress and React Native

This tutorial discusses the pros and cons of using WordPress and React Native together, before walking through a practical build of a simple blogging app, supported by a WordPress API.

11 minute read

Follow tutorial

Create a Pokemon battle game with React Native - Part 2: Two-player mode

In this three part series, use React Native and Node.js to create a two-player Pokemon-like game. In part two, implement multi-player mode, allowing two players to fight in realtime.

18 minute read

Follow tutorial

Create a Pokemon battle game with React Native - Part 1: Practice mode

In this three part series, use React Native and Node.js to create a two-player Pokemon-like game. In part one, implement a practice mode, allowing users to play against a random computer-generated team.

23 minute read

Follow tutorial

React Native development tools - Part 2: Debugging tools

This is part two of a three part tutorial series examining development tools for React Native. In this part, learn to debug React Native apps using Reactotron and React Native Debugger.

11 minute read

Follow tutorial