michalklim / redux-normalized-state-example

Example of todo app with normalized redux state

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Redux normalized state example

This application is example of normalized state in Redux.

Simple to do app with some extra functionality:

  • Normalized state
  • LocalStorage support
  • Somewhat responsive
  • Archived todos view
  • Fuzzy search

Motivation

I wanted to try out state normalization. This app is directly based on Dan Abramov Redux tutorial posted on egghead.io part Redux: Normalizing the State Shape

Also it serves as complementary example to presentation on ReactUp #9 I gave about state normalization. You can find presentation in this repo and also video from it is coming in a short time

Usage

generator-create-redux-app

This project was generated with Create Redux App. Refer to docs/create-redux-app to find more information on how to perform common tasks.

Once the installation is done, you can run some commands inside the project folder:

npm start or yarn start

Runs the app in development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will see the build errors and lint warnings in the console.

npm test or yarn test

Runs the test watcher in an interactive mode.
By default, runs tests related to files changes since the last commit.

Read more about testing.

npm run build or yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

npm run generate

Allows you to auto-generate boilerplate code for common parts of your application, specifically components and containers.

About

Example of todo app with normalized redux state


Languages

Language:JavaScript 96.0%Language:HTML 4.0%