When you first setup a react project, create-react-app makes everything js by default. You have to rename everything to jsx extension. I took the screenshot before I did that. Functionally, it’s fine either or. I mostly stick to the Airbnb styleguide hince why I mention using JSX because otherwise ESLint screams at me. I also like using jsx extension over js because it helps separate vanilla js files from React components.

I have been meaning to retake the screenshot, just haven’t gotten around to it. I’ll likely do it when I refactor this article because as the other commenter has pointed out I oopsied on some info.