Description
'evt' is intended to be a replacement for 'events'. It enables and encourages functional programming and makes heavy use of typescript's type inference features to provide type safety while keeping things concise and elegant 🍸. Suitable for any JS runtime env (deno, node, old browser, react-native ...) ✅ It is both a Deno and an NPM module. ✅ Lightweight, no dependency. ✅ No polyfills needed, the NPM module is transpiled down to ES3. ✅ React Hooks integration Can be imported in TypeScript projects using version >= 3.4 (Mar 2019) and in any plain JS projects.
EVT alternatives and similar libraries
Based on the "Utilities" category.
Alternatively, view EVT alternatives based on common mentions on social networks and blogs.
-
react-intl
The monorepo home to all of the FormatJS related libraries, most notably react-intl. -
react-i18next
Internationalization for react done right. Using the i18next i18n ecosystem. -
react-on-rails
Integration of React + Webpack + Rails + rails/webpacker including server-side rendering of React, enabling a better developer experience and faster client performance. -
js-lingui
🌍 📖 A readable, automated, and optimized (3 kb) internationalization for JavaScript -
reactfire
Hooks, Context Providers, and Components that make it easy to interact with Firebase. -
react-unity-webgl
React Unity WebGL provides a modern solution for embedding Unity WebGL builds in your React Application while providing advanced APIs for two way communication and interaction between Unity and React. -
react-intl-universal
Internationalize React apps. Not only for Component but also for Vanilla JS. -
react-stripe-checkout
Load stripe's checkout.js as a react component. Easiest way to use checkout with React. -
backbone-react-component
A bit of nifty glue that automatically plugs your Backbone models and collections into your React components, on the browser and server -
reactive-elements
Allows to use React.js component as HTML element (web component) -
react-fetching-library
Simple and powerful API client for react 👍 Use hooks or FACCs to fetch data in easy way. No dependencies! Just react under the hood. -
react-google-autocomplete
React components for google places API. -
<qr-code>
A no-framework, no-dependencies, customizable, animate-able, SVG-based <qr-code> HTML element. -
react-translate-component
A component for React that utilizes the Counterpart module to provide multi-lingual/localized text content. -
gl-react
OpenGL / WebGL bindings for React to implement complex effects over images and content, in the descriptive VDOM paradigm. -
react-localstorage
Simple componentized localstorage implementation for Facebook's React. -
react-children-utilities
Extended utils for ⚛️ React.Children data structure that adds recursive filter, map and more methods to iterate nested children. -
gl-react-dom
WebGL bindings for React to implement complex effects over images and content, in the descriptive VDOM paradigm -
react-globalize
Bringing the i18n functionality of Globalize, backed by CLDR, to React -
elm-react-component
A React component which wraps an Elm module to be used in a React application. -
react-middle-ellipsis
Truncate a long string in the middle, instead of the end. -
react-screen-wake-lock
🌓 React implementation of the Screen Wake Lock API. It provides a way to prevent devices from dimming or locking the screen when an application needs to keep running -
react-translate-maker
Universal internationalization (i18n) open source library for React -
Redux Slim Async
:alien: A Redux middleware to ease the pain of tracking the status of an async action -
react-slack-notification
React Slack Notification is a lightweight package, Send messages to a Slack channel directly from your react app. -
react-localized
Internationalization for React and Preact components based on gettext format
AWS Cloud-aware infrastructure-from-code toolbox [NEW]
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of EVT or a related project?
README
💧EventEmitter's typesafe replacement💧
Home - Documentation
'evt'
is intended to be a replacement for 'events'
.
It enables and encourages functional programming and makes heavy use of typescript's type inference features to provide type safety while keeping things concise and elegant 🍸.
Suitable for any JS runtime env (deno, node, old browsers, react-native ...)
- ✅ It is both a Deno and an NPM module. ( Achieved with Denoify )
- ✅ No external dependencies (
tsafe
,run-exclusive
andminimal-polyfills
are all from the same author as EVT). - ✅ Makes it easy to work with events in React.
Can be imported in TypeScript projects using version TypeScript >= 3.8 (February 20th, 2020) and in any plain JS projects.
NOTE: There is very few breaking changes from v1 to v2. Check them out.
Who is using it
Install / Import
In Deno:
import { Evt } from "https://deno.land/x/evt/mod.ts";
Anywhere else:
$ npm install --save evt
import { Evt } from "evt";
Try it
Playground
Motivations
There are a lot of things that can't easily be done with EventEmitter
:
- Enforcing type safety.
- Removing a particular listener ( if the callback is an anonymous function ).
- Adding a one-time listener for the next event that meets a condition.
- Waiting (via a Promise) for one thing or another to happen.
Example: waiting at most one second for the next message, stop waiting if the socket disconnects.
Why would someone pick EVT over RxJS:
- EVT's learning curve is not as steep as RxJS's.
- Generates code that is easier to grasp for people not familiar with reactive programming.
EVT is an attempt to address all these points while trying to remain as accessible as EventEmitter
.
Get Started
The sticker
Shop
*Note that all licence references and agreements mentioned in the EVT README section above
are relevant to that project's source code only.