pinnacle / React Event
Licence: mit
Declarative way to handle events outside / inside of React Component.
Stars: ✭ 90
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Event
React Bps
🔱 Create breakpoints to your component props
Stars: ✭ 64 (-28.89%)
Mutual labels: higher-order-component
Event Management
helps to register an users for on events conducted in college fests with simple logic with secured way
Stars: ✭ 65 (-27.78%)
Mutual labels: events
Refluent
A chainable & composable alternative React component API.
Stars: ✭ 75 (-16.67%)
Mutual labels: higher-order-component
Webuild
📝 Robot-handpicked list of open events and open source for designers, developers and makers in Singapore
Stars: ✭ 62 (-31.11%)
Mutual labels: events
Historical
A serverless, event-driven AWS configuration collection service with configuration versioning.
Stars: ✭ 85 (-5.56%)
Mutual labels: events
Indico
Indico - A feature-rich event management system, made @ CERN, the place where the Web was born.
Stars: ✭ 1,160 (+1188.89%)
Mutual labels: events
Foxylink
An easy way to handle integration tasks in a reliable way and run them on 1C:Enterprise server
Stars: ✭ 77 (-14.44%)
Mutual labels: events
Spring Higher Order Components
⚡️ Preconfigured components to speedup Spring Boot development
Stars: ✭ 65 (-27.78%)
Mutual labels: higher-order-component
Kubernetes Community Days
📅 Kubernetes Community Days website
Stars: ✭ 67 (-25.56%)
Mutual labels: events
Melbourne Hackathons
Frequently updated list of Hackathons in Melbourne - Watch the repo for live updates!
Stars: ✭ 75 (-16.67%)
Mutual labels: events
Wanandroid
🔥项目采用 Kotlin 语言,基于 MVP + RxJava + Retrofit + Glide + EventBus 等架构设计,努力打造一款优秀的 [玩Android] 客户端
Stars: ✭ 1,223 (+1258.89%)
Mutual labels: events
Robin
Robin is a logging library for Bundle data passed between Activities and fragments. It also provides a callback to send screen views of user visited pages to your analytics client
Stars: ✭ 63 (-30%)
Mutual labels: events
Perf Hoc
(Deprecated) Visualize and detect unnecessary rendering and performance issues in React.
Stars: ✭ 87 (-3.33%)
Mutual labels: higher-order-component
Rabbitevents
Nuwber's events provide a simple observer implementation, allowing you to listen for various events that occur in your current and another application. For example, if you need to react to some event published from another API.
Stars: ✭ 84 (-6.67%)
Mutual labels: events
Incompose
A inferno utility belt for function components and higher-order components
Stars: ✭ 76 (-15.56%)
Mutual labels: higher-order-component
React Event
Declarative way to handle events outside / inside of React Component.
Example
import enhanceWithEvent from '@pinnacleio/react-event'
class HelloWorld extends Component {
handleEvent() { /* Do whatever you want :) */ }
render() { return <div /> }
}
// This component calls `handleEvent` method when `mousedown` is fired anywhere.
const Foo = enhanceWithEvent('mousedown')(HelloWorld)
// This component calls `handleEvent` method when `mousedown` is fired inside it.
const Bar = enhanceWithEvent('mousedown', { inside: true })(HelloWorld)
// This component calls `handleEvent` method when `mousedown` is fired outside of it.
const Baz = enhanceWithEvent('mousedown', { outside: true })(HelloWorld)
API
Our component must define method handleEvent()
in order for enhancer to work, otherwise nothing will happen.
enhanceWithEvent(
events: String | Array<String>,
options: Object,
): HigherOrderComponent
Parameter | Description | Example | Default Value |
---|---|---|---|
events | Event type(s) to listen for. | 'mousedown', ['mousedown', 'touchstart'] |
Null |
options | Where event will be accepted. | { outside: true }, { inside: true } |
{} |
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].