All Projects → Tech-Phantoms → kladi

Tech-Phantoms / kladi

Licence: MIT License
Easy to use state management library for React

Programming Languages

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

Projects that are alternatives of or similar to kladi

Unstated Debug
Debug your Unstated containers with ease
Stars: ✭ 231 (+862.5%)
Mutual labels:  state-management, npm-package
Bloc.js
A predictable state management library that helps implement the BLoC design pattern in JavaScript
Stars: ✭ 111 (+362.5%)
Mutual labels:  state-management, npm-package
picsort
Organize your photos by date in one click 👏
Stars: ✭ 22 (-8.33%)
Mutual labels:  npm-package
xstate-cpp-generator
C++ State Machine generator for Xstate
Stars: ✭ 33 (+37.5%)
Mutual labels:  state-management
couchbase-index-manager
Command-line interface to manage Couchbase indexes, synchronizing them to index definitions.
Stars: ✭ 14 (-41.67%)
Mutual labels:  npm-package
juliette
Reactive State Management Powered by RxJS
Stars: ✭ 84 (+250%)
Mutual labels:  state-management
Vuex-Alt
An alternative approach to Vuex helpers for accessing state, getters and actions that doesn't rely on string constants.
Stars: ✭ 15 (-37.5%)
Mutual labels:  state-management
react-multi-context
Manage multiple React 16 contexts with a single component.
Stars: ✭ 19 (-20.83%)
Mutual labels:  npm-package
conditional-expression
JavaScript functional conditional expression
Stars: ✭ 63 (+162.5%)
Mutual labels:  npm-package
xstate-viz
Visualizer for XState machines
Stars: ✭ 274 (+1041.67%)
Mutual labels:  state-management
randoma
User-friendly pseudorandom number generator (PRNG)
Stars: ✭ 103 (+329.17%)
Mutual labels:  npm-package
next-gen-ui
www.npmjs.com/package/next-gen-ui
Stars: ✭ 24 (+0%)
Mutual labels:  npm-package
rxdeep
rxjs deep state management
Stars: ✭ 47 (+95.83%)
Mutual labels:  state-management
flutter-bloc-patterns
A set of most common BLoC use cases built on top of flutter_bloc library
Stars: ✭ 58 (+141.67%)
Mutual labels:  state-management
flutter modularization
[Flutter SDK V.2] - This repo will introduce you how to mastering your app with implementation Flutter Modularization in several ways
Stars: ✭ 78 (+225%)
Mutual labels:  state-management
dotto.x
A tiny state manager for React, Svelte, Vue and vanilla JS
Stars: ✭ 104 (+333.33%)
Mutual labels:  state-management
stoxy
Stoxy is a state management API for all modern Web Technologies
Stars: ✭ 73 (+204.17%)
Mutual labels:  state-management
Nodorithm
NPM package for algorithms.
Stars: ✭ 22 (-8.33%)
Mutual labels:  npm-package
ngx-model-hacker-news-example
Example repository with Hacker News implementation using Angular, Angular Material & ngx-model
Stars: ✭ 27 (+12.5%)
Mutual labels:  state-management
okwolo
light javascript framework to build web applications
Stars: ✭ 19 (-20.83%)
Mutual labels:  state-management

NPM JavaScript Style Guide Github License npm

Install

npm install --save kladi

Usage

import { Provider, useGlobalState } from "kladi";

import React from "react";
import ReactDOM from "react-dom";
import App from "./App";

ReactDOM.render(
  <Provider>
    <App />
  </Provider>,
  document.getElementById("root")
);

const App = (props) => {
  let [count, setCount] = useGlobalState("count", 0);

  return (
    <div>
      {count}
      <button
        onClick={() => {
          setCount(count + 1);
        }}
      >
        Press
      </button>
    </div>
  );
};

License

MIT © Tech Phantoms

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].