All Projects → kaoDev → react-ts-sample

kaoDev / react-ts-sample

Licence: MIT license
sample tech stack with react and typescript

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to react-ts-sample

Redux Most
Most.js based middleware for Redux. Handle async actions with monadic streams & reactive programming.
Stars: ✭ 137 (+426.92%)
Mutual labels:  redux-observable, redux-saga
data-flow
frontend data flow explored in React
Stars: ✭ 19 (-26.92%)
Mutual labels:  redux-observable, redux-saga
react-workshops
Online react workshops
Stars: ✭ 36 (+38.46%)
Mutual labels:  redux-observable, redux-saga
Redux Subspace
Build decoupled, componentized Redux apps with a single global store
Stars: ✭ 319 (+1126.92%)
Mutual labels:  redux-observable, redux-saga
Rex Tils
Type safe utils for redux actions, epics, effects, react/preact default props, various type guards and TypeScript utils, React util components
Stars: ✭ 245 (+842.31%)
Mutual labels:  redux-observable
Cra Boilerplate
Up to date: This project is an Create React App - v2.1.1 boilerplate with integration of Redux, React Router, Redux thunk & Reactstrap(Bootstrap v4)
Stars: ✭ 87 (+234.62%)
Mutual labels:  redux-observable
Redux Epics Decorator
Dumb decorators for redux & redux-observable & react-redux & redux-actions
Stars: ✭ 60 (+130.77%)
Mutual labels:  redux-observable
Luna
Manage npm dependencies through a modern UI.
Stars: ✭ 948 (+3546.15%)
Mutual labels:  redux-observable
react-redux-hackernews
React Redux Hackernews Application
Stars: ✭ 19 (-26.92%)
Mutual labels:  redux-saga
handwritten-digit-recognition-tensorflowjs
In-Browser Digit recognition with Tensorflow.js and React using Mnist dataset
Stars: ✭ 40 (+53.85%)
Mutual labels:  redux-saga
React Redux Firebase
Redux bindings for Firebase. Includes React Hooks and Higher Order Components.
Stars: ✭ 2,492 (+9484.62%)
Mutual labels:  redux-observable
Oh My Fullstack
🚀 Full stack web application skeleton (Next.js, Redux, RxJS, Immutable, Express)
Stars: ✭ 99 (+280.77%)
Mutual labels:  redux-observable
Rxjs Websockets
A very flexible and simple websocket library for rxjs
Stars: ✭ 248 (+853.85%)
Mutual labels:  redux-observable
Feeble
A React/Redux Architecture
Stars: ✭ 72 (+176.92%)
Mutual labels:  redux-observable
etoolbox
Collection of web developer utilities packaged as a desktop app. Technologies: React, Typescript, Redux, Axios, React-Query, Electron
Stars: ✭ 95 (+265.38%)
Mutual labels:  redux-saga
Rxloop
rxloop = Redux + redux-observable (Inspired by dva)
Stars: ✭ 44 (+69.23%)
Mutual labels:  redux-observable
React Redux Observable Typescript Sample
A sample application for React + redux-observable + TypeScript
Stars: ✭ 147 (+465.38%)
Mutual labels:  redux-observable
redux-tools
💪 Maintaining large Redux applications with ease.
Stars: ✭ 34 (+30.77%)
Mutual labels:  redux-observable
React Admin
基于antd、redux-observable、redux-thunk、react-router响应式SPA脚手架,后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 141 (+442.31%)
Mutual labels:  redux-observable
Stuhome
📱 An iOS client for https://bbs.uestc.edu.cn/ written in react-native, redux and redux-observable.
Stars: ✭ 241 (+826.92%)
Mutual labels:  redux-observable

build status Code Climate codecov.io license

Sample techstack for React, redux, redux-saga/redux-observable, TypeScript, webpack

As a usecase here is an simple markdown writer implementation, to bring in an async scenario the user input is debounced.

For async actions there is an implementation with redux-saga and redux-observable, they exist side by side and can be activated in the code. To Choose the wanted implementation change the import of createApplicationStore to the wanted technology. At the moment there are 2 stores available:

  1. reduxObservableStore.ts
  2. reduxSagaStore.ts

startup sample:

yarn install
yarn start
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].