React Venados App Test Live Demo

Project created for show knowledge in react.js, the required issues you could find in the next here:

Started Kit

The initial structure was created by Create React App, it's very helpul and fast when start the project.

Get Started

• git clone https://github.com/jmoguelruiz/react-venados-test.git
• cd react-venados-test
• yarn install
• yarn start

Structure Folder

Is used the metodology called "Structure By Features" for the organization of folders, I think that is the easy way for to manage big projects.

More Info.

.
├── src                       # Main code.
│   ├── common                # Reusable code.
│       ├── components        # Reusable components in react.
├── pages                     # Each module of application, is commonly defined by the direction from react/router.
│   ├── home                  # Main page.
│       ├── actions           # Redux actions. List of the differents actions.
│           ├── index.js      # Main point entry for actions. 
│       ├── api               # Api actions.
│           ├── index.js      # Main point for api actions.
│       ├── components        # Local component by module.
│           ├── index.js      # Main point for components.
│       ├── actionTypes.js    # Constants to identify what actions we have.
│       ├── constants.js      # General constants.
│       ├── Container.js      # Smart component with redux.
│       ├── index.js          # Main point of module. (actions, reducer, Container, etc).
│       ├── reducer.js        # Reducer de redux.
│       ├── selectors.js      # Getters for the state de redux.
│   ├── configureStore        # Configuration of store de redux.
│   ├── index.js              # Application point entry.

Libraries.

Some libraries used.

react
redux
react-redux
react-router
connected-react-router
reselect
react-motion
glamor
redux-thunk
redux-api-middleware
moment
react-modal
prop-types
immutability-helper
redux-immutable-state-invariant