This may be a very stupid question. But I was wondering if I should be using arrow function syntax or the classic function syntax for react components now or is this purely a style choice. I ask this purely as someone trying to work towards industry standards but have found a tremendous amount of mixed comments on it. Also is there any difference using typescript?

Example: const foo = () => {}

Or

function foo() {}

  • thepiggz
    4·
    2 years ago

    No diff with typescript, tho declared is more flexible because you can overload it. Declared (classic) functions are hoisted and can be used prior to their declaration. Not sure on perf differences

    • CasallasOP
      7·
      2 years ago

      I was doing some research and it seems like arrow function preserves ‘this’ context. Might be a reason to either classic or arrow. The overloading seems like a valuable option too.

      • thepiggz
        1·
        2 years ago

        Good call. Yah overloading is the way to go for complex function signatures in typescript