React는 어느새 18버전이 출시되었습니다.
17버전에서는 변경점이 사실상 없다고 봐도 되었으나(18버전을 위한 내부 수정만 있었을 뿐) 18버전에서는 상당히 많은 기능들이 추가되었고, 입문자들도 주의깊게 봐야할 변화도 있습니다.
createRoot
먼저 입문자들도 주의깊게 봐야할 변화입니다. 예전 강좌랑 ReactDOM 방식이 달라졌기 때문이죠..
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(<App />, document.querySelector('#root'));
너무나도 친숙한 예전 방식입니다. React 18버전에서도 이 코드는 돌아갑니다. 다만 React 17버전 모드로 돌아갑니다. 즉, React 18버전의 새 기능을 사용할 수 없게 되는 것이죠. React 18 버전에서는 다음과 같이 바뀝니다.
import React from 'react';
import ReactDOM from 'react-dom/client';
ReactDOM.createRoot(document.querySelector('#root')).render(<App />);
react-dom/client라는 것을 주의해야 합니다. 저도 자꾸 깜빡합니다. createRoot().render()로 살짝 바뀌었습니다.
이 뒤로는 입문자들보다는 기존 사용자들이 주목해야 할 변화입니다. 다만 이 기능을 쓰지 않는다면 그렇게 큰 변화는 없습니다.
(작성중...)