71 Repositories
JavaScript atomic-state Libraries
A state of the art* image classification app that tells users if the photo they uploaded is a pizza or is not a pizza
Not Pizza Have you ever seen something and wondered if it was a pizza or not? No? Doesn't matter. What matters is that we have a state of the art imag
Trying 5 Redux Alternatives (Zustand, Recoil, Jotai, Rematch and Redux-Toolkit). Expalined on CoderOne Ytb channel
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Create a deep copy of a set of matched elements with the dynamic state of all form elements copied to the cloned elements.
jq-deepest-copy FUNCTION: Create a deep copy of a set of matched elements while preserving the dynamic state of any matched form elements. Example Use
TZ-FE-22-01 Conditonal Rendering + State Live-Coding
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
A SolidJS signal tracking dependency & structural visualizer developer tool
Solid JS DevTool Developer tool that visualizes Solid's signal architecture, including the components. It can be added to any Solid JS application. In
(Experimenting) Transform CSS Modules to enable Atomic CSS benefits ๐ฑ
MatoCSS Transform CSS Modules to enable Atomic CSS benefits Please note that it is still experimenting. I do not recommend using this in production. U
A library for updating your immutable state in JavaScript applications.
ionic-bond A library for updating immutable states in JavaScript applications. Introduction This library is a very lightweight replacement for immer,
A tiny JavaScript library to easily toggle the state of any HTML element in any contexts, and create UI components in no time.
A tiny JavaScript library to easily toggle the state of any HTML element in any contexts, and create UI components in no time. Dropdown, navigation bu
๐ฆ Fully typed and immutable store made on top of Immer with mutation, action, subscription and validation!
Riux is a fully typed and immutable store made on top of Immer with mutation, action, subscription and validation! Table of contents ๐ Installation U
Simple store for Deno Fresh, to pass state between islands
Fresh Store A minimal store for Fresh, to allow communication between islands. It attach stores to the window component. It uses "pointers" or "keys"
Anystate is an object, that it's!
anyState What is anyState? Just an object Can must be update via setter Watch state changed Independent any frontend frameworks Back to basic, callbac
jQuery UI widget for structured queries like "Contacts where Firstname starts with A and Birthday before 1/1/2000 and State in (CA, NY, FL)"...
Structured-Filter ยท Structured-Filter is a generic Web UI for building structured search or filter queries. With it you can build structured search co
Skip a job if it already succeeded for the same repo state. Uses S3 for caching.
๐ชฃ โป๏ธ S3 Cache Action First Run, Cold Cache Next Run, Cache Hit Description Allows to skip a job if it already succeeded for the same repo state. Uses
Blazing fast and lightweight state management framework ๐
StateX is a blazing fast and lightweight framework for managing state in a Javascript app. Features ๐จ Fast โ Our APIs just run lightning fast, no mor
a babel plugin that can transform generator function to state machine, which is a ported version of typescript generator transform
Babel Plugin Lite Regenerator intro This babel plugin is a ported version of TypeScript generator transform. It can transform async and generator func
History.js gracefully supports the HTML5 History/State APIs (pushState, replaceState, onPopState) in all browsers. Including continued support for data, titles, replaceState
History.js gracefully supports the HTML5 History/State APIs (pushState, replaceState, onPopState) in all browsers. Including continued support for data, titles, replaceState. Supports jQuery, MooTools and Prototype.
A tiny foundation that providing nested state-based routing for complex web application.
StateMan stateman: A tiny foundation that provides nested state-based routing for complex web applications. stateman is highly inspired by ui-router;
Custom Vitest matchers to test the state of the DOM, forked from jest-dom.
vitest-dom Custom Vitest matchers to test the state of the DOM This library is a fork of @testing-library/jest-dom. It shares that library's implement
๐ป Trying out the bear necessities for complex state management.
๐ป Zustand Demos My practice repository for the Zustand library--the bear necessities for complex state management. You can find some examples of how
On-chain snapshots of the whole blockchain state
๐ธ Snapshop ๐ธ Snapshop is a tool for creating on-chain snapshots of the whole blockchain state. It lets your smart contracts read the storage of any
Aeona is a multi-purpose discord bot ready to skill up and boost up your Discord server! It has an State of the Art AI chatbot to make sure you never feel bored!
Aeona | Chatbot Aeona is an ever-growing multipurpose bot; primarily a fun chatbot you can converse with, but also showcases a wide range of fun comma
chain-syncer is a module which allows you to synchronize your app with any ethereum-compatible blockchain/contract state. Fast. Realtime. Reliable.
Chain Syncer Chain Syncer is a JS module which allows you to synchronize your app with any ethereum-compatible blockchain/contract state. Fast. Realti
Learning how to use redux - a state management library
Redux Learning how to use redux - a state management library What is Redux? Redux is a state management library for JS apps. It centralizes applicatio
Example code for MFE routing, shared state, build-time & runtime deploy video
Turborepo starter with pnpm This is an official starter turborepo. What's inside? This turborepo uses pnpm as a packages manager. It includes the foll
๐ฑor โจ๏ธ? ๐คทโโ๏ธ, but hopefully use-hover-state works on the "user intent" not the "device"
useHoverState() The one aware of keyboard navigation as well ๐ npm i use-hover-state A React hook for tracking user interaction with the DOM elements
A ๐ฉโ๐ป developer-friendly entity management system for ๐น games and similarly demanding applications, based on ๐ ECS architecture.
Miniplex Ecosystem miniplex miniplex-react Introduction Miniplex is an entity management system for games and similarly demanding applications. Instea
Mailbox is the predictable states & transitions container for actors.
Mailbox (turns XState Machine into a REAL Actor) Mailbox is an NPM module built on top of the XState machine, by adding a message queue to the XState
Spec compliant URL state machine for Node.js
URL Parser This repository contains a work in progress state machine 100% compliant to the URL parser specification. The goal is to create a performan
A plugin that provides utilities for animation property.
tailwindcss-animation-property A plugin that provides utilities for animation property. Not only does the plugin provide the usual animation propertie
A pinia plugin for state persist.
Pinia Persists A pinia plugin for state persist. English | ็ฎไฝไธญๆ Usage Install npm i pinia-persists Use import { persist } from 'pinia-persists' import
Adds full-text search to Community Solid Server. Powered by atomic-server
Solid Search for Community Solid Server This is an extension / plugin for the Community Solid Server. It adds full-text search to the Community Solid
Tiny and powerful state management library.
BitAboutState Tiny and powerful React state management library. 100% Idiomatic React. Install npm install --save @bit-about/state Features 100% Idioma
Create a performant distributed context state by synergyzing atomar context pieces and composing reusable state logic.
Synergies Create a performant distributed context state by synergyzing atomar context pieces and composing reusable state logic. synergies is a tiny (
An event-driven architecture wrapper for Wechaty that applies the CQS principle by using separate Query and Command messages to retrieve and modify the bot state, respectively.
CQRS Wechaty An event-driven architecture wrapper for Wechaty that applies the CQS principle by using separate Query and Command messages to retrieve
A tiny package for JavaScript Web App's state management based on RxJS & Immer
A tiny package for JavaScript Web App's state management based on RxJS & Immer
A helper to use immer as Solid.js Signal to drive state
Solid Immer A helper to use immer as Solid.js Signal to drive state. Installation $ npm install solid-immer Usage Use createImmerSignal to create a im
State based input library for the browser
Inp State based input library for the browser
Beat Akamai Technologies' State of the Art Antibot 2.0
Akamai Bot Manager 2.0 If you want to talk join https://discord.gg/amBFR6G2PM Feel free to contact me @lulu_fr_ on Twitter, open an issue or start a d
Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js
Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js
Optimistic state updates using @nrwl/angular#optimisticUpdate
NxOptimisticState Quickstart: $ npm ci $ npx nx serve ou-ui This simple project was created as a PoC to show comparison of two different approaches to
Small (0.5 Kb) react hook for getting media breakpoints state info in runtime
tiny-use-media Small (0.5 Kb) react hook for getting media breakpoints state info in runtime Usage npm i tiny-use-media --save Adn in your react code
React Native's Global Alert Component that can be fully customized and without the need of a state.
๐ฉ React Native Easy Alert React Native Easy Alert Component. Watch on youtube Easy Alert example app. React Native's Global Alert Component that can
๐ฎ tiny robust state management
๐ฎ snapstate tiny robust state management ๐ฆ npm install @chasemoskal/snapstate ๐๏ธ watch for changes to properties ๐ต๏ธ track only the properties you
Tiny, composable atomic CSS engine
mapcss Tiny, composable atomic CSS engine ๐ง This project is currently in beta release. All interfaces are subject to change. What mapcss is an Atomic
Redux Remote is a high level networking library for Redux.
Redux Remote Redux Remote is a high level networking library for Redux. It runs Redux on both client and server, maintaining the same state. It allows
An event emitter that allows you to manage your global state
Thor Event Emitter Event emitter to manage your state. An event emitter that allows you to manage your global state. Instead of using global giant obj
A tiny, reactive JavaScript library for structured state and tabular data.
A JavaScript library for structured state. Using plain old JavaScript objects to manage data gets old very quickly. It's error-prone, tricky to track
๐ช๐ฝ Form creation made easy, backed by state machines
Elderform Form handling without tears and predictable form state based on defined parameters. Elderform gives you everything you need to create robust
Whoosh - minimalistic React state manager
Whoosh - minimalistic React state manager Whoosh is a React state manager which entire API consists of exactly one function - createShared(). TL;DR ve
AppRun is a JavaScript library for developing high-performance and reliable web applications using the elm inspired architecture, events and components.
AppRun AppRun is a JavaScript library for building reliable, high-performance web applications using the Elm-inspired architecture, events, and compon
Todo App is a single page application for listing tasks
Todo App is a single page application for listing tasks. These tasks that are stored in the local storage can be marked as completed, edited and deleted. It is built using React, Bootstrap and CSS.
Solid.js library adding a services layer for global shared state.
Solid Services Services are "global" objects useful for features that require shared state or persistent connections. Example uses of services might i
Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal.
Tiny UI Toggle Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal. Demo and documenta
Diagram-maker - A library to display an interactive editor for any graph-like data.
Diagram Maker Diagram Maker is a library to display an interactive editor for any graph-like data. Following is a screenshot from one of the consumers
Twitter-Clone-Nextjs - Twitter Clone Built With React JS, Next JS, Recoil for State Management and Firebase as Backend
Twitter Clone This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn de
This hook allows you to isolate and manage the state within the component, reducing rendering operations and keeping the source code concise.
React Hook Component State This hook allows you to isolate and manage the state within the component, reducing rendering operations and keeping the so
experimental project for babel-plugin-mutable-react-state
Goalist Mutable React Example This example is an attempt to work with babel-plugin-mutable-react-state on a simpler project to see how complicated wou
Real state property listing app using next.js , chakra.ui, SCSS
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
A state management library for React, heavily inspired by vuex
Vuex - But for React! โ If you know vuex, you know it's as close as we get to a perfect state management library. What if we could do this in the reac
Prefetch and sync state to client with one line of code, out-of-the-box
vue3-SSR-starter Prefetch and sync state to client with one line of code, out-of-the-box Features vue3 SSR vue-router we don't need vuex anymore one l
Node.js Application Configuration
Configure your Node.js Applications release notes Introduction Node-config organizes hierarchical configurations for your app deployments. It lets you
Create the next immutable state by mutating the current one
Immer Create the next immutable state tree by simply modifying the current tree Winner of the "Breakthrough of the year" React open source award and "
State management that tailored for react, it is simple, predictable, progressive and efficient.
English | ็ฎไฝไธญๆ โก๏ธ State management that tailored for react, it is simple, predictable, progressive and efficient. ๐ฎ Introduction Concent is an amazin
Simple, scalable state management.
MobX Simple, scalable state management. Documentation for older unsupported V4/V5 can be found here, but be sure to read about current documentation f
The state manager โ๏ธ
โ๏ธ effector The state manager Table of Contents Introduction Effector follows five basic principles: Installation Documentation Packages Articles Comm
๐๏ธ Centralized State Management for Vue.js.
Vuex ๐ฅ HEADS UP! You're currently looking at Vuex 3 branch. If you're looking for Vuex 4, please check out 4.0 branch. Vuex is a state management pat
๐ High performance subscription-based form state management for React
You build great forms, but do you know HOW users use your forms? Find out with Form Nerd! Professional analytics from the creator of React Final Form.
๐ป Bear necessities for state management in React
A small, fast and scaleable bearbones state-management solution. Has a comfy api based on hooks, isn't boilerplatey or opinionated, but still just eno
Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.
Recoil ยท Recoil is an experimental set of utilities for state management with React. Please see the website: https://recoiljs.org Installation The Rec
A Higher Order Component using react-redux to keep form state in a Redux store
redux-form You build great forms, but do you know HOW users use your forms? Find out with Form Nerd! Professional analytics from the creator of Redux
Low-level CSS Toolkit โ the original Functional/Utility/Atomic CSS library
Basscss Low-level CSS toolkit โ the original Functional CSS library https://basscss.com Lightning-Fast Modular CSS with No Side Effects Basscss is a l