Learn to build a video and voice calling mobile application for iOS and Android using React Native in this comprehensive tutorial. Follow step-by-step instructions to create a fully functional app with features like authentication, contact list management, call initiation and reception, video and voice-only calls, and navigation. Utilize Voximplant cloud technology to power the video calling feature, and gain hands-on experience in React Native development. Explore topics such as initializing a project, rendering contact lists, implementing search functionality, designing calling screens, handling incoming calls, and setting up app navigation. Suitable for beginners, this tutorial covers everything from project setup to advanced features, culminating in a professional-grade video calling application.
Overview
Syllabus
- How to build a Video calling app like Skype, WhatsApp, FaceTime
- Building Front End UI with React Native
- What can be done with Voximplant?
- Prerequisites for the build
- Initializing React Native Project
- Open Project with Visual Studio Code
- Run the development server with npm start
- Run the app on a device or an emulator
- Render a List of Contacts
- Adding Search functionality
- Creating the Calling Screen
- Incoming Call Screen
- Click handlers for the Accept and Decline buttons
- Ongoing CallScreen
- App Navigation
- Install Native Stack Navigator
- Summary: Contact List, Incoming Call Screen, Call Screen, Navigation
- Sneak peak to next video
- Q&A from the chat
Taught by
notJust․dev
