davidhu2000/react_redux_generator

A npm script for generating all parts of react and redux web application.

react_redux_generator's Issues

Fix semicolon issue with reducer import statement for root_reducer

it is import sessionReducer from './session_reducer.js;',

need to move the semicolon to after the quote.

util remover issue

when removing util file, the module tries to remove from /frontend/utils/*.js instead of from /frontend/util/*.js

reducer generator name issue

When generating a reducer with camel case name, the converter does not convert to snack case.

redux g reducer tvShows

will create a reducer with the name

tvShows_reducer.js

Modify generated component file names

Whenever a component is generated,

<component>.jsx and <component>_container.jsx are generated. If we change the container filename to index.jsx, then whenever we import the component, we can just do

`import Component from './component'

instead of

import ComponentContainer from './component/component_container'

correct import from statement for thunk middleware

currently is import thunk from 'react-redux'

need to change to import thunk from 'redux-thunk'

action file name does not convert to correct case

When create an action file using compound name, like sessionApi,

the file name should be session_api_actions.js, instead, the generator creates sessionApi_actions.js

Import Root component in entry jsx

need to add

import Root from './components/root'; to the entry file.

otherwise get an error for Root is not defined.

Bug in component generator

1. The props in the following should be state instead. Maybe you can even have (state, ownProps).

const mapStateToProps = props => ({
});

2. Also, it needs to export default in

export connect(
  mapStateToProps,
  mapDispatchToProps
)(Component);

remove {} from util ajax request

when creating an util with an ajax request, the result is

export const fetchVideos = videos => ({
  $.ajax({
    method: '',
    url: '',
    data: ''
  })
});

it should be

export const fetchVideos = videos => (
  $.ajax({
    method: '',
    url: '',
    data: ''
  })
);