V-Scripts

Scripts to quickly create React and Redux components, files, folders, and store items

Goal:

Instead of manually making components and all the files associated with them you can instead use v-scripts to create or remove components with a single command.

Features:

• Create a React only (no Redux store values) component
• Create a React + Redux store component
• Create a Redux store only (no component)
• Build initial/basic Component file structures
• Build initial/basic Redux file structures
• Remove and delete a React + Redux component (this will search and destroy any matching React/Redux component/store values)
• Customize constants to fit your application structure with a .v-scriptsrc.js file

Usage:

• Install v-scripts globally and call from within your application
• Default paths and files names can be found within /consts
• If you structure or name your files differently use a .v-scriptsrc.js file in your root directory (see bottom of readme for example)
• To view or modify the file construction templates look within the /templates folder
• Run vs with any of the following flags:
  • -v get version of v-scripts
  • -c create component and/or store
  • -r remove component and/or store

Notes:

• If using the Build Redux file structures feature you will need to add the following modules to your applications dependencies list:
  • react-redux
  • redux-thunk
  • redux-actions
  • axios
• If you're having issues getting this running, try updating your node version

.v-scriptsrc.js Example:

// Override any of the paths with your own custom values
module.exports = {
  paths: {
    pathRoot: 'MY/CUSTOM/ROUTE/TO/pathRoot',
    pathRedux: 'MY/CUSTOM/ROUTE/TO/pathRedux',
    pathComponents: 'MY/CUSTOM/ROUTE/TO/pathComponents',
    pathActions: 'MY/CUSTOM/ROUTE/TO/pathActions',
    pathReducers: 'MY/CUSTOM/ROUTE/TO/pathReducers',
    pathHooks: 'MY/CUSTOM/ROUTE/TO/pathHooks',
  },
};