Skip to content

Latest commit

 

History

History
37 lines (31 loc) · 2.04 KB

README.md

File metadata and controls

37 lines (31 loc) · 2.04 KB
Raw

Simple blog with the ability to view, create and destroy posts functionality.

ES6+, react, redux,react-router,redux-reseelect, redux-form, redux-thunk, webpack,babel technologies were used

Backend API is here https://reduxblog.herokuapp.com/.

Structure

  • src - main development code subdirectories:

    • actions - all redux action creators are here (both sync and async) and action types
    • components - react/redux Presentational Components
    • containers - react/redux Container(generated by react-redux's connect hoc factory) Components
    • css - app css folder
    • reducers - all redux reducers are here
    • configureStore.js - redux stor wrapper modeule
    • consts.js - constant definitions
    • helpers.js - helper functions file
    • index.js - application entry point scripts
    • selectors.js - Usage redux-reselect selectors library

  • dist - generated sources ready for deployment

Build process

Use Webpack to bundle code. There are 3 webpack configurations:

  • webpack.config.js - webpack config for creating the development bundle
  • webpack.config.prod.js - webpack config for creating the production bundle
  • webpack.vendor.config.js webpack config for creating the "vendor" bundle (bundle containing all 3rd party libs)

Running tasks

npm can be used to run tasks from package.json the following tasks are available:

  • start - runs webpack dev server in hot mode localhost
  • build:prod - builds app production bundles
  • build:dev - builds development bundles
  • build-vendor:prod - builds production vendor bundles
  • build-all:prod - builds production all bundle files