react-native-twilio-video-webrtc VS react-native

{ "name": "application", "version": "0.0.1", "private": true, "scripts": { "android": "react-native run-android", "ios": "react-native run-ios", "start": "react-native start", "test": "jest", "lint": "eslint .", "ipad-pro": "react-native run-ios --simulator='iPad Pro (12.9-inch) (5th generation)'" }, "dependencies": { "@aws-sdk/client-ses": "^3.271.0", "@aws-sdk/is-array-buffer": "^3.201.0", "@aws-sdk/util-buffer-from": "^3.208.0", "@openspacelabs/react-native-zoomable-view": "^2.1.1", "@react-native-community/art": "^1.2.0", "@react-native-community/async-storage": "^1.12.1", "@react-native-community/blur": "^4.3.0", "@react-native-community/masked-view": "^0.1.10", "@react-native-community/netinfo": "9.3.10", "@react-native-community/slider": "4.4.2", "@react-native-picker/picker": "2.4.10", "@react-navigation/bottom-tabs": "^6.5.1", "@react-navigation/drawer": "^6.5.5", "@react-navigation/native": "^5.9.3", "@react-navigation/stack": "^5.14.3", "@reduxjs/toolkit": "^1.8.6", "@sentry/react-native": "5.5.0", "axios": "^0.21.1", "axios-retry": "^3.4.0", "buffer": "^6.0.3", "expo": "^49.0.0", "expo-av": "~13.4.1", "expo-device": "~5.4.0", "expo-file-system": "~15.4.2", "expo-keep-awake": "~12.3.0", "expo-modules-core": "~1.5.6", "expo-network": "~5.4.0", "expo-screen-orientation": "~6.0.2", "http": "^0.0.1-security", "http2": "^3.3.7", "https-browserify": "^1.0.0", "jwt-decode": "^3.1.2", "lodash": "^4.17.21", "moment": "^2.29.1", "node-libs-react-native": "^1.2.1", "react": "18.2.0", "react-native": "0.72.1", "react-native-a-beep": "^1.1.0", "react-native-audio": "^4.3.0", "react-native-audio-recorder-player": "^3.4.0", "react-native-biometrics": "^2.2.2", "react-native-callkeep": "^4.2.0", "react-native-elements": "^3.4.1", "react-native-fs": "^2.18.0", "react-native-gesture-handler": "~2.12.0", "react-native-get-random-values": "~1.8.0", "react-native-gifted-chat": "^1.1.0", "react-native-keep-awake": "^4.0.0", "react-native-keychain": "^8.0.0", "react-native-linear-gradient": "^2.6.2", "react-native-paper": "^4.9.1", "react-native-permissions": "^3.3.1", "react-native-reanimated": "~3.3.0", "react-native-safe-area-context": "4.6.3", "react-native-screens": "~3.22.0", "react-native-sound": "^0.11.0", "react-native-sound-recorder": "^1.5.0", "react-native-toast-message": "^1.4.9", "react-native-twilio-video-webrtc": "https://github.com/blackuy/react-native-twilio-video-webrtc", "react-native-url-polyfill": "^1.3.0", "react-native-vector-icons": "^8.1.0", "react-redux": "^8.0.4", "readable-stream": "^4.4.2", "redux": "^4.2.0", "redux-logger": "^3.0.6", "redux-thunk": "^2.3.0", "rn-fetch-blob": "^0.12.0", "stream": "^0.0.2", "stream-http": "^3.2.0", "url": "^0.11.1", "uuid": "^3.4.0" }, "overrides": { "react-native-gifted-chat": { "react-native-safe-area-context": "4.6.3" } }, "devDependencies": { "@babel/core": "^7.20.0", "@babel/runtime": "^7.12.5", "@react-native-community/eslint-config": "^2.0.0", "babel-jest": "^26.6.3", "babel-plugin-module-resolver": "^4.1.0", "eslint": "7.14.0", "jest": "^29.2.1", "metro-react-native-babel-preset": "^0.64.0", "react-test-renderer": "17.0.1" }, "jest": { "preset": "react-native" } }

Pretty much just the title. We're developing a similar feature to Instagram Live, where one user can switch on their camera on the mobile app and then many other users can go on the app and watch it. I developed a prototype using Twilio but realized too late that the library I'm using doesn't seem to support streaming, just video calling. Does anyone know any libraries or API services that would be best to implement this feature?

Hi everyone, I'm starting my investigation about video call SDK's out there. Prefer one is webRTC based. I see one of the most popular one is: react-native-twilio I just wonder if there is anyone here that tried to use it? The thing is I'm not so sure about this is that it has 100+ issues and not many activity going on there for support. Maybe there is other libraries I should be looking at? Any suggestion is welcome, thanks in advance!

Here we will be using React Native starter kit that can be copied from the GitHub link- https://github.com/flatlogic/react-native-starter. You need to run the command- “npm install https://github.com/blackuy/react-native-twilio-video-webrtc –save” in the terminal project directory and then write the required code in App.js file.

yarn add https://github.com/blackuy/react-native-twilio-video-webrtc

I have already implemented video calls on RN using Twilio, that worked! For reference https://github.com/blackuy/react-native-twilio-video-webrtc

There was always a tiny sparkle in me telling me that I want to develop mobile apps but I never pursued it. It always felt a bit complicated for me to learn development processes in a completely different industry. I did try developing mobile apps using React Native but it never felt right for me. Also, I already tried to write some Kotlin code and so far I like it, but the whole Android ecosystem is still pretty new to me and I feel there will be a lot to learn. Nevertheless, I will try to learn it in parallel with Elixir but Elixir will be my primary goal, and Kotlin / Android will go along depending on how much time I will have.

This is a modified version of the file from the react native cli template

Recently, there has been a notable shift in mobile application development practices. Rather than creating separate applications for each native platform, many developers are opting for hybrid mobile frameworks like React Native.

React Native [ https://reactnative.dev/ ]

Versatility: JavaScript is not limited to web browsers. It's used in a variety of environments, including mobile app development (using frameworks like React Native), game development (using libraries like Phaser), and even serverless computing (using platforms like AWS Lambda).

In the competitive landscape of mobile app development, user experience (UX) has emerged as a critical differentiator. React Native, with its robust framework and versatile capabilities, offers developers a powerful toolkit to create seamless and engaging user experiences. This blog post delves into the design principles and best practices in React Native app development, uncovering how developers can elevate user experience to new heights and drive success in the digital realm.

You can find the React Native documentation here and Flutter Documentation here.

Additionally, React Native, an extension of React.js, enables developers to create hybrid mobile applications with ease.

You don’t know what to do with your time while applying the 5th rule? Start small, tiny steps. If you can’t read much, start small, 15 minutes a day reading a technical article or even a book like Effective Java, by Joshua Bloch. You don’t like to read? Create small projects by using a framework you want to learn. Check for example: React framework.