Dununan / redux-express-example

Simple Example how to use React with Redux and how connect it with API in Nodejs using Express

Redux web application with ExpressJs API

This is a simple example how you can write modern javascript ES6 application.

How does it work?

Application contains two pages. First is Customers List with implementation "Load More" button and Search bar. Second is Customer Detail. Front-end of this App is in ReactJS with Redux state managment and React router. Design is in Material Design pattern by Materialize framework. For communicate with API app use fetch.

Webpack is used for compile JS files for front-end.

Server part is in NodeJs with ExpressJs framework. File db.json is used as simple database with underscore-db lib.

What is in example used ?

• ReactJS
• Redux
• Redux Thunk
• React Router
• Materialize
• Webpack 2
• Express
• Lodash
• Underscore-db
• Node.js

Todo List

• Server rendering
• Better Url handling (/search/to/, /detail/1/) and server render specific url
• Customer add page
• Edit customer page
• Improve DatabaseHelper
• Webpack config for css
• Add eslint and refactor
• Make better design