Build an activity feed with React
Build a simple activity feed with Node.js REST API, Express and Mongoose.
Follow tutorial
Pusher APIs make it simple to add realtime features to your applications, fast. We have hundreds of tutorials, written by our experts, to get you up and running!
Search to find your feature in our collection, or check out the subject list below for inspiration on what you can build using Pusher.
Build a simple activity feed with Node.js REST API, Express and Mongoose.
Follow tutorial
Discover how to sync your shopping cart between browsers and devices with Java and React.
Follow tutorial
Creating a simple anonymous chat app for Android devices using React Native and Node.js.
Follow tutorial
Create a realtime React VR app with multi-user interaction using Pusher Channels.
Follow tutorial
In this tutorial, we will cover how to build a ride hailing app using React Native and Node.js.
Follow tutorial
Benefit from the powerful frameworks like React Native and build a live chat app.
Follow tutorial
Build a realtime PWA displaying the price information about cryptocurrencies using React.js and Pusher.
Follow tutorial
Build a chat application using React and Pusher.
Follow tutorial
Discover how to build a location sharing app with React Native, Google Maps and Facebook.
Follow tutorial
Follow this tutorial to learn how to build a realtime attendance app with React Native, Bluetooth Low Energy (BLE) and Channels.
Follow tutorial
This four-part series takes you through building an Instagram clone using Node and React. In part two, connect your UI and data with GraphQL.
Follow tutorial
This four-part series takes you through building an Instagram clone using Node and React. In part four, implement offline support with service workers.
Follow tutorial
This four-part series takes you through building an Instagram clone using Node and React. In part one, set up your project and create your UI.
Follow tutorial
This four-part series takes you through building an Instagram clone using Node and React. In part three, implement realtime feed updates with Pusher, and create desktop notifications.
Follow tutorial
Use MySQL replication logging to publish database changes to a React-based web dashboard.
Follow tutorial
Build the classic game of tic-tac-toe using React Native.
Follow tutorial
Learn to build a web app with Next.js and React featuring geofencing functionality. Track the location of nearby friends, with a Google Map updating in realtime.
Follow tutorial
Build a simple app with Go and React. The app displays live race results.
Follow tutorial
Learn to build a collaborative painting application with React and Node.js. Users are able to work together on the same drawing, seeing each other's updates instantly.
Follow tutorial
Learn how to use change streams in MongoDB to create a Firebase alternative. The tutorial provides a working example of realtime database updates in action, with a simple task list React app.
Follow tutorial
In this tutorial, we’re going to take a look at how we can add a realtime chat feature to a Gatsby blog using Pusher, using React.
Follow tutorial
This two-part series uses React Native, Docker and several Google services (Maps, Places, Directions and Geocoding) to create a carpooling app. In part twoyou will set up the frontend.
Follow tutorial
This two-part series uses React Native, Docker and several Google services (Maps, Places, Directions and Geocoding) to create a carpooling app. In part one you will set up the backend.
Follow tutorial
Build a simple website with Gatsby and React featuring realtime comments. Create a football blog, where users can post comments and see others' responses instantly.
Follow tutorial
Build a collaborative text editor using Gatsby. Implement realtime functionality to allow multiple people to work on the same text simultaneously, seeing updates instantly.
Follow tutorial
Build a simple blog with a live commenting feature. Use Gatsby, the React-based static site generator, to create the blog. Add realtime comments functionality using Node and Express.
Follow tutorial
Build a realtime football results feed, using Go for the backend and React for the frontend. Admins will be able to send match updates out to any subscribed application.
Follow tutorial
Learn how to use Storybook for React Native development. The tutorial introduces Storybook and the concepts of component driven design. It then walks through building a simple demo app.
Follow tutorial
This tutorial looks at ways to improve the accessibility of React Native apps. You will take a (provided) starter app and enhance it with various accessibility features. You will also learn how to test and measure your app's accessibility.
Follow tutorial
In this tutorial you will create a simple blog using serverless architecture for the backend, specifically Kubeless. You will add basic blogging functionality, including realtime post publishing. You will use React for your frontend.
Follow tutorial
Build a chatbot using Preact and Wit.ai, with a Node.js backend. Create custom entities, and implement realtime functionality to allow users to interact with the bot instantly.
Follow tutorial
In this short tutorial, create a live photo feed using Node, React and Cloudinary. Upload and publish photos in realtime.
Follow tutorial
This three-part series will guide you through setting up continuous integration for your React Native projects. In part one, learn about the principles of continuous integration, and get an overview of the tools and app we will use in the series.
Follow tutorial
This three-part series will guide you through setting up continuous integration for your React Native projects. In part two, learn how to use App Center to manage your integration process, and how to run tests with Jest.
Follow tutorial
This three-part series will guide you through setting up continuous integration for your React Native projects. In part three, switch from App Center to Bitrise, and explore testing with Jest and Detox.
Follow tutorial
This brief tutorial will show you how to build a live news feed app using React and Node.js. You will integrate NewAPI to allow users to receive a news feed on a given topic (this example uses Bitcoin articles).
Follow tutorial
This brief tutorial introduces the concept of type checking. It discusses why it is helpful in dynamically typed languages like JavaScript. It then works through a series of examples using Flow to type check React code.
Follow tutorial
This tutorial provides an introduction to unit testing React code using Jest and Enzyme. You will create a simple sample app and write tests for it, including snapshot tests to monitor for UI changes.
Follow tutorial
This brief tutorial will show you how to create a simple progress bar in React. It will receive updates from a Node.js backend and update live. The example creates a mock file upload process, allowing you to add your own real-life functionality as needed.
Follow tutorial
Use React Native, Node.js and Imgur to create a photo sharing app. Users will be able to follow their friends and share their own photos with their followers. New photos will be published and shared in realtime.
Follow tutorial
Build a web app using Node and React to view your Spotify history. The app allows users to link up to their Spotify account and view a list of tracks played, with new tracks being added as they play.
Follow tutorial
This tutorial takes a look at an upcoming React feature: React Hooks. It explains their purpose and how to use them and offers an introduction to a few built-in Hooks.
Follow tutorial
Learn how to use Zapier, together with Pusher Channels, to create a live tweet stream. You will build a simple web app with Node and React, and use Zapier to connect to a Twitter feed. Pusher will supply the realtime functionality.
Follow tutorial
This tutorial will show you how to create a simple comments ranking system using React and Node. Users will be able to comment on a demo post, and vote on other comments, with higher ranked comments being displayed above lower ranked responses.
Follow tutorial
This tutorial provides a practical demonstration of the power of React Hooks. You will build a to-do list web app, using functional components and Hooks to manage state.
Follow tutorial
In this tutorial, you will build a web application using React, Node.js and Google Maps. Users will be able to see their friends' locations updating in realtime.
Follow tutorial
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.
Follow tutorial
In this tutorial you will create a collaborative web coding playground, using a simple Node server, and React for the frontend. Users will be able to code together, seeing each others' contributions update in realtime.
Follow tutorial
Learn how to use Pusher Channels to notify users of app updates and automatically update credentials. You will create a simple demo app using React Native, and link it to a GitHub access token. You will revoke the token and generate a new one, with the app automatically updating using Pusher Channels.
Follow tutorial
This ten-part series provides a comprehensive introduction to webpack, with practical examples throughout. Over the course of the series you will learn the basics of webpack, before moving on to more advanced topics such as building plugins and creating custom Vue and React setups. In part ten, set up a React project from scratch.
Follow tutorial
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.
Follow tutorial
In this two-part series, build a whiteboard app using Node, Electron and React. Users will be able to collaborate in realtime, drawing on a simple canvas. The app also features chat functionality. In part one, create the whiteboard.
Follow tutorial
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.
Follow tutorial
Learn how to handle nested HTML elements in React using fragments. Understand the benefits of fragments compared to other approaches, and work through a few practical examples.
Follow tutorial
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.
Follow tutorial
Gain an understanding of all the lifecycle methods in React Native 16, including the error boundaries methods. Learn when to use them, performance implications, and best practices.
Follow tutorial
Transactional emails are automated, realtime messages that are sent to users through email after a specific action has been performed on a website or application. In this tutorial you will set up realtime monitoring of transactional emails with SendGrid, using the scenario of a password reset email.
Follow tutorial
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.
Follow tutorial
Create React App just released its third version (3.0.0). A tool to help you build React applications, it saves you from time-consuming setup and configuration. This tutorial will explore all the new features of the React popular boilerplate, including the browserlist support.
Follow tutorial
In this tutorial we’ll show you how you can deliver engaging live data updates to your own users by building a dynamic realtime results app using Channels (and add some bonus features using Beams, our comprehensive push notifications API).
Follow tutorial
This tutorial explains multiple methods of using REST APIs in React applications. As an example, we have used a demo that consumes a contact list API and displays it.
Follow tutorial