Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including with all npm packages installed. Try it out:

require(""); // is a peer dependency. require("prop-types/package.json"); // prop-types is a peer dependency. require("react/package.json"); // react is a peer dependency. var socketIoReact = require("")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors. v1.2.0

A High-Order Component to connect React and

A High-Order component to connect React and easily.


import {
} from '';


import { SocketProvider } from '';
import io from '';

import App from './containers/App';

const socket = io.connect(process.env.SOCKET_URL);
socket.on('message', msg => console.log(msg));

const DOMNode = document.getElementById('renderTarget');

  <SocketProvider socket={socket}>
    <App />
  • socket property is false by default.


import { socketConnect } from '';

function App(props) {
  function sendMessage() {
    props.socket.emit('message', 'Hello world!');

  return (
    <button onClick={sendMessage}>

export default socketConnect(App);
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free