# svelte/no-reactive-functions

it’s not necessary to define functions in reactive statements

  • ⚙️ This rule is included in "plugin:svelte/recommended".
  • 💡 Some problems reported by this rule are manually fixable by editor suggestions.

# 📖 Rule Details

This rule reports whenever a function is defined in a reactive statement. This isn’t necessary, as each time the function is executed it’ll already have access to the latest values necessary. Redefining the function in the reactive statement is just a waste of CPU cycles.

<script>
  /* eslint svelte/no-reactive-functions: "error" */

  /* ✓ GOOD */
  const arrowFn = () => {
    /* ... */
  };
  const func = function () {
    /* ... */
  };

  /* ✗ BAD */
  
Do not create functions inside reactive statements unless absolutely necessary. (svelte/no-reactive-functions)
$: arrowFn = () => {
    /* ... */
  };
  
Do not create functions inside reactive statements unless absolutely necessary. (svelte/no-reactive-functions)
$: func = function () {
    /* ... */
  };
</script>

# 🔧 Options

Nothing

# ❤️ Compatibility

This rule was taken from @tivac/eslint-plugin-svelte.
This rule is compatible with @tivac/svelte/reactive-functions rule.

# 🚀 Version

This rule was introduced in eslint-plugin-svelte v2.5.0

# 🔍 Implementation