All Projects → feawesome → spa-bus

feawesome / spa-bus

Licence: other
🔥Tools for multilevel components to pass values in any SPA

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to spa-bus

micro-typed-events
The smallest, most convenient typesafe TS event emitter you'll ever need
Stars: ✭ 39 (+160%)
Mutual labels:  events, listener, event-emitter
tiny-typed-emitter
Fully type-checked NodeJS EventEmitter
Stars: ✭ 96 (+540%)
Mutual labels:  events, event, event-emitter
EventEmitter
Simple EventEmitter with multiple listeners
Stars: ✭ 19 (+26.67%)
Mutual labels:  events, event, event-emitter
PoShLog
🔩 PoShLog is PowerShell cross-platform logging module. It allows you to log structured event data into console, file and much more places easily. It's built upon great C# logging library Serilog - https://serilog.net/
Stars: ✭ 108 (+620%)
Mutual labels:  events, event
event
📆 Strictly typed event emitter with asynciterator support
Stars: ✭ 30 (+100%)
Mutual labels:  events, event-emitter
transceiver
Channel based event bus with request/reply pattern, using promises. For node & browser.
Stars: ✭ 25 (+66.67%)
Mutual labels:  events, event-bus
ikisocket
🧬 WebSocket wrapper with event management for Fiber https://github.com/gofiber/fiber. Based on Fiber WebSocket and inspired by Socket.io
Stars: ✭ 92 (+513.33%)
Mutual labels:  events, listener
event-worker
A simpler way of dealing with Web Workers
Stars: ✭ 18 (+20%)
Mutual labels:  events, listener
event-emitter
Event Emitter module for Nest framework (node.js) 🦋
Stars: ✭ 102 (+580%)
Mutual labels:  events, event-emitter
Steam-Apps-Management-API
A basic Steam Application Management API and Valve Data Format (VDF) reader/writer.
Stars: ✭ 24 (+60%)
Mutual labels:  events, listener
node-await-event-emitter
await events library like EventEmitter
Stars: ✭ 19 (+26.67%)
Mutual labels:  events, event-emitter
tsee
Typed EventEmitter implemented with tsargs
Stars: ✭ 22 (+46.67%)
Mutual labels:  events, event-emitter
dead-simple
💀💡 Dead simple PubSub and EventEmitter in JavaScript
Stars: ✭ 21 (+40%)
Mutual labels:  events, event
react-trigger-change
Trigger React's synthetic change events on input, textarea and select elements
Stars: ✭ 63 (+320%)
Mutual labels:  event, trigger
Chordly
Chordly is a javascript library that may be used to detect and act upon key sequences entered by a user.
Stars: ✭ 14 (-6.67%)
Mutual labels:  events, event
league-lazy-event
💤 Provides a LazyListener for use with League\Event which allows for lazy fetching of actual listeners.
Stars: ✭ 14 (-6.67%)
Mutual labels:  event, listener
telephone-ts
Telephone-ts: The "Event Emitter-less" TypeScript Event Architecture.
Stars: ✭ 22 (+46.67%)
Mutual labels:  events, event-emitter
vue-happy-bus
Event Bus for vue-next, automatically cancel listening events when unmounted. 基于 vue3 的 event bus,带有自动销毁事件功能。
Stars: ✭ 99 (+560%)
Mutual labels:  events, vue-bus
Unity-EventBinder
User Interface Event decoupler
Stars: ✭ 27 (+80%)
Mutual labels:  event, listener
events
Tiny type-safe event emitter
Stars: ✭ 25 (+66.67%)
Mutual labels:  events, event-emitter

GitHub stars GitHub issues GitHub forks GitHub last commit license Twitter

NPM NPM

spa-bus

By this tool, you can pass values across multilevel components, you don't need to pass them step by step.

Example

import React from 'react'
import { render } from 'react-dom'
import eventEmitter from 'spa-bus'

function Child() {
  eventEmitter.emit('testEvent', '传值给父组件')

  return <div>我是子组件</div>
}

class App extends React.Component{
  constructor(props) {
    super(props)
    eventEmitter.addEventListener('testEvent', e => console.log(e))
  }

  render() {
    return (
      <div>
        <h1>我是父组件</h1>
        <Child/>
      </div>
    )
  }
}

render(<App />, document.getElementById('root'))

Install

NPM

npm install spa-bus --save

API

  • addEventListener:

    • type : [ String ] : event type for listening

    • callBack : [ String ] : callback for the event emited

  • emit:

    • type : [ String ] : event type to emit

    • params : [ any ] : parameters to accross

  • removeEventListener:

    • type : [ String ] : event type for removal

Author

Peng Zhang [email protected]

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].