https://github.com/khanhtc1202/flux-arch-sample

sample react app implemented under flux arch
https://github.com/khanhtc1202/flux-arch-sample

flux-architecture react redux typescript

Last synced: 8 days ago
JSON representation

sample react app implemented under flux arch

• Host: GitHub
• URL: https://github.com/khanhtc1202/flux-arch-sample
• Owner: khanhtc1202
• Created: 2018-04-15T01:45:28.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-01-13T06:32:44.000Z (almost 6 years ago)
• Last Synced: 2024-10-28T07:31:44.812Z (about 2 months ago)
• Topics: flux-architecture, react, redux, typescript
• Language: TypeScript
• Homepage: https://fromnoobstogeeks.com/2018/04/15/flux-arch/
• Size: 63.5 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Sample Flux architecture for React App

[![CodeFactor](https://www.codefactor.io/repository/github/khanhtc1202/flux-arch-sample/badge)](https://www.codefactor.io/repository/github/khanhtc1202/flux-arch-sample)

A sample React application implemented under [FLUX](https://code-cartoons.com/a-cartoon-guide-to-flux-6157355ab207) architecture.

## What can it do?

![Image](https://media.giphy.com/media/RkN5nA5O00StGGwXVQ/giphy.gif)

More explanation about this sample go [here](https://fromnoobstogeeks.com/2018/04/15/flux-arch/).

## Project structure

```bash

.src

├── actions

│   ├── SearchAction.ts

│   └── TypeAction.ts

├── components

│   ├── SearchResults.tsx

│   └── SearchBox.tsx

├── containers

│   ├── SearchBox.ts

│   └── SearchResults.ts

├── reducers

│   ├── Search.ts

│   ├── Type.ts

│   └── index.ts

├── index.tsx

├── state.ts

└── store.ts

```

## Usage guide

### Install dependencies

Install dependencies with `npm` using command

```bash

$ npm install

```

### Build

```bash

$ npm run build

```