![Create React App Officially Deprecated Amid React 19 Compatibility Issues](https://cdn.sanity.io/images/cgdhsj6q/production/04fa08cf844d798abc0e1a6391c129363cc7e2ab-1024x1024.webp?w=400&fit=max&auto=format)
Security News
Create React App Officially Deprecated Amid React 19 Compatibility Issues
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.
react-native-multipeer
Advanced tools
Communicate over ad hoc wifi using Multipeer Connectivity.
Below is a list of known issues. Pull requests are welcome for any of these issues!
npm install react-native-multipeer@latest --save
Libraries
➜ Add Files to [your project's name]
node_modules
➜ react-native-multipeer
and add RCTMultipeerConnectivity.xcodeproj
libRCTMultipeerConnectivity.a
to your project's Build Phases
➜ Link Binary With Libraries
RCTMultipeerConnectivity.xcodeproj
in the project navigator and go the Build Settings
tab. Make sure 'All' is toggled on (instead of 'Basic'). Look for Header Search Paths
and make sure it contains both $(SRCROOT)/../react-native/React
and $(SRCROOT)/../../React
- mark both as recursive
.Cmd+R
)All you need is to require
the react-native-multipeer
module and then you can start using the singleton instance.
var React = require('react-native');
var {
AppRegistry,
StyleSheet,
Text,
View,
TouchableHighlight
} = React;
var MultipeerConnectivity = require('react-native-multipeer');
function getStateFromSources() {
var ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
return {
dataSource: ds.cloneWithRows(_.values(MultipeerConnectivity.getAllPeers()))
};
}
var peerApp = React.createClass({
getInitialState: function() {
return getStateFromSources()
},
componentDidMount() {
MultipeerConnectivity.on('peerFound', this._onChange());
MultipeerConnectivity.on('peerLost', this._onChange());
MultipeerConnectivity.on('invite', ((event) => {
// Automatically accept invitations
MultipeerConnectivity.rsvp(event.invite.id, true);
}).bind(this));
MultipeerConnectivity.on('peerConnected', (event) => {
alert(event.peer.id + ' connected!');
});
MultipeerConnectivity.advertise('channel1', { name: 'User-' + Math.round(1e6 * Math.random()) });
MultipeerConnectivity.browse('channel1');
},
renderRow(peer) {
return (
<TouchableHighlight onPress={this.invite.bind(this, peer)} style={styles.row}>
<View>
<Text>{peer.name}</Text>
</View>
</TouchableHighlight>
);
},
render: function() {
return (
<View style={styles.container}>
<ListView
style={styles.peers}
dataSource={this.state.dataSource}
renderRow={this.renderRow}
/>
</View>
);
},
_invite(peer) {
MultipeerConnectivity.invite(peer.id);
},
_onChange() {
this.setState(getStateFromSources());
}
});
var styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: 'transparent',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
instructions: {
textAlign: 'center',
color: '#333333',
},
});
AppRegistry.registerComponent('peerApp', () => peerApp);
MultipeerConnectivity
methodsadvertise(channelId, info)
Allow discovery of yourself as a peer in a given channel. channelId
can be any string. info
is an object containing data which will be passed to other peers when you join the channel.
browse(channelId)
Browse for peers on a given channel.
getAllPeers()
Gets all the peers in the current channel.
getConnectedPeers()
Gets all the peers in the current session.
disconnect([callback])
Disconnect from the current session.
invite(peerId [, callback])
Invite a peer from your channel into your session.
rsvp(inviteId, accept [, callback])
Accept/decline a session invitation.
broadcast(data [, callback<err>])
Send data to all connected peers in the current channel.
send(data, recipients [, callback<err>])
Send data to specific peers in the current channel. recipients
is an array of peer IDs or Peer
s.
MultipeerConnectivity
EventsMultipeerConnectivity
inherits from EventEmitter
- as such the .on
method is available for listening to important events. Below is a list of those events.
data
Event properties: Peer sender
, data
Fired when new data is received from sender
.
peerFound
Event properties: peer
A new peer was found in the current channel.
peerLost
Event properties: peer
A peer left the current channel.
peerConnected
Event properties: peer
A peer has connected to your session.
peerConnecting
Event properties: peer
A peer is connecting to your session.
peerDisconnected
Event properties: peer
A peer disconnected from your session.
invite
Event properties: sender
, invite
You have been invited to a session.
Peer
methodsconnected
The peer connected to the current session.
connecting
The peer is connecting to the current session.
disconnected
The peer disconnected from the current session.
lost
The peer left the current channel.
These are some features I think would be important/beneficial to have included with this module. Pull requests welcome!
FAQs
Communicate over ad hoc wifi using Multipeer Connectivity
We found that react-native-multipeer demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.
Security News
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
Security News
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.