그 많던 import React from “react”는 어디로 갔을까

React 17 부터는 import React from "react" 를 안해도된다.

즉 아래 코드가 동작한다.

// 빌드된 js
// React를 참조하지만 React import는 없음
function y(V) {
	// ...
	return React.createElement($, ...)
}

이러한 특징에서 우리는 다음과 같은 사실을 알 수 있다.
1. React를 import하지 않아도 되도록 처리해주는 것은 React의 단독 기능이 아니다.
2. React의 기능이 아니라는 것은 빌드시점에 관여하는 ‘무언가’이지만 그게 esbuild는 아니다.
  - esbuild는 React코드가 React.createElement 로 변환되니, 파일마다 import * as React from "react" 코드를 추가하라고 안내한다.
그러니까 이 특징은 babel 기능이다.
React는 babel과 함께 새로운 JSX 형태를 개발했고, 그중 하나가 React를 import하지 않아도 된다는 것이다.

새로운 형태

import React from 'react';

function App() {
  return <h1>Hello World</h1>;
}

import React from 'react';

function App() {
  return React.createElement('h1', null, 'Hello world');
}

기존의 위 JSX → React.createElement 방식은 2가지 문제가 있다.