Toy Train React 🚂 🚂 🚂

Faster toy React projects (with linting and formatting enabled)

Dependencies:

• React
• Parcel
• Prettier
• Eslint (with eslint-config-airbnb and prettier plugin/config support

Scripts:

• npm lint - Run prettier and eslint
• npm run lint-check - Check for conflicts in eslint rules and prettier formatting
• npm start -- -p 3000 - Starts app, optional flag to run on custom port e.g. port 3000. Otherwise, defaults to port 1234.

Suggested VSCode Settings:

Use the prettier-vscode extension and add the follow to your workspace settings:

{ 
  "editor.formatOnSave": true,
  "eslint.autoFixOnSave": true,
  "javascript.format.enable": false,
  "prettier.eslintIntegration": true
}

Read more about how these settings play together here.