import React 를 하지 않아도 되는 이유

• import React를 하지 않아도 되는 것은 리액트 버전 17부터 지원한 것이고,
• 이것은 리액트 자체만의 기능이 아니다.
• 이는 바벨 + 리액트의 합작품!
  • https://babeljs.io/blog/2020/03/16/7.9.0#a-new-jsx-transform-11154
  • https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html

바벨에서 아래와 같이 바벨에서 빌드시점에 jsx함수를 주입해주어 빌드시점에 트랜스파일링해준다!

function Foo() {  
return <div />;  
}

import { jsx as _jsx } from "react/jsx-runtime";
function Foo() {
  return _jsx("div", ...);
}