feeblejs / Feeble
A React/Redux Architecture
Stars: ✭ 72
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Feeble
mst-effect
💫 Designed to be used with MobX-State-Tree to create asynchronous actions using RxJS.
Stars: ✭ 19 (-73.61%)
Mutual labels: redux-observable
react-tools-for-better-angular-apps
Use React ecosystem for unified and top notch DX for angular developement
Stars: ✭ 30 (-58.33%)
Mutual labels: redux-observable
Hls Downloader Web Extension
Web Extension for sniffing and downloading HTTP Live streams (HLS)
Stars: ✭ 510 (+608.33%)
Mutual labels: redux-observable
react-ssr-advanced-seed
🔮 React SSR Advanced Seed (Typescript + nestJS + React SSR + React Native + Docker)
Stars: ✭ 76 (+5.56%)
Mutual labels: redux-observable
typescript-react-redux-starter-kit
🏅🎖🥇Typescript+React全家桶脚手架
Stars: ✭ 21 (-70.83%)
Mutual labels: redux-observable
ts-react-boilerplate
A very opinionated (React/TypeScript/Redux/etc) frontend boilerplate
Stars: ✭ 43 (-40.28%)
Mutual labels: redux-observable
Rxloop
rxloop = Redux + redux-observable (Inspired by dva)
Stars: ✭ 44 (-38.89%)
Mutual labels: redux-observable
React-Redux-Enterprise
A React-Redux boilerplate for enterprise/large scaled web applications
Stars: ✭ 77 (+6.94%)
Mutual labels: redux-observable
Redux Subspace
Build decoupled, componentized Redux apps with a single global store
Stars: ✭ 319 (+343.06%)
Mutual labels: redux-observable
react-native-hybrid-app
Demo application ofReact Native Hybrid Application (ReactNative + Redux + RxJs)
Stars: ✭ 15 (-79.17%)
Mutual labels: redux-observable
Typescript Fsa Redux Observable
TypeScript FSA utilities for redux-observable
Stars: ✭ 28 (-61.11%)
Mutual labels: redux-observable
hot-redux-chassis
Modern React/Redux/RxJS application using all the latest and greatest stuff from the community 🔥
Stars: ✭ 20 (-72.22%)
Mutual labels: redux-observable
react-redux-observables-boilerplate
Starter kit for React with Router, Redux, Observable + RxJS
Stars: ✭ 89 (+23.61%)
Mutual labels: redux-observable
Redux Epics Decorator
Dumb decorators for redux & redux-observable & react-redux & redux-actions
Stars: ✭ 60 (-16.67%)
Mutual labels: redux-observable
Luna
Manage npm dependencies through a modern UI.
Stars: ✭ 948 (+1216.67%)
Mutual labels: redux-observable
hls-downloader
Web Extension for sniffing and downloading HTTP Live streams (HLS)
Stars: ✭ 834 (+1058.33%)
Mutual labels: redux-observable
Feeble
React + Redux Architecture
Introduction
Feeble is a framework built on top of React/Redux/redux-observable which aims to make building React/Redux applications easier and better.
If you are familiar with React/Redux/redux-observable, you'll love Feeble 🙈.
Installation
npm install feeble --save
Example
import React from 'react'
import ReactDOM from 'react-dom'
import feeble, { connect } from 'feeble'
// 1. Create a app
const app = feeble()
// 2.1 Create model
const counter = feeble.model({
namespace: 'count',
state: 0,
})
// 2.2 Create action creators
counter.action('increment')
counter.action('decrement')
// 2.3 Create reducer
counter.reducer(on => {
on(counter.increment, state => state + 1)
on(counter.decrement, state => state - 1)
})
// 2.4 Attach model to the app
app.model(counter)
// 3. Create view
const App = connect(({ count }) => ({
count
}))(function({ dispatch, count }) {
return (
<div>
<h2>{ count }</h2>
<button key="inc" onClick={() => { dispatch(counter.increment()) }}>+</button>
<button key="dec" onClick={() => { dispatch(counter.decrement()) }}>-</button>
</div>
)
})
// 4. Mount the view
const tree = app.mount(<App />)
// 5. Render to DOM
ReactDOM.render(tree, document.getElementById('root'))
For more complex examples, please see /examples.
Documentation
https://feeblejs.github.io/feeble
License
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].