Create-react-app v3, 무엇이 달라졌을까?
React로 개발을 해보셨다면 한 번쯤 사용해보셨을 Create React App이 2019년 4월 22일에 3.0으로 업데이트되었습니다.
이번 3.0에서는 여러 가지 새로운 기능들이 추가됐는데요, 같이 한번 알아보도록 하겠습니다.
1. Jest 24 업그레이드
먼저 Jest 23버전에서 24버전으로 버전 업그레이드되었습니다.
Jest 24버전으로 업그레이드되면서 Babel 7로 내부가 업그레이드됐고 TypeScript로 test case를 작성할 수 있게 됐습니다.
더 자세히 Jest 24 변경 점에 대해 알고 싶으시면 Jest 블로그 포스트를 참고해주세요.
2. Hooks 지원
올해 2월에 React 16.8이 릴리즈되면서 Hooks를 사용할 수 있게 되었는데요.
eslint-plugin-react-hooks를 사용하여 만약 Hooks 사용 규칙을 지키지 않을시 빌드가 되지 않게 변경되었습니다.
혹시 아직 React Hooks에 대해 잘 모르신다면 제 글을 참고해주세요.
3. TypeSciprt linting
이제 TypeScript 파일에 대해 lint를 수행합니다.
Visual Studio Code를 사용하신다면 이 포스트를 참고하여 에디터에서 lint 결과를 표시할 수 있습니다.
4. PostCSS Normalize
이제 browserslist 타겟 브라우저에 맞게 알아서 Reset CSS나 Normalize.css와 같이 cross-browser CSS를 해주는 PostCSS Normalize를 기본 지원합니다. CSS 파일들 중 하나의 맨 위에 "@import-normalize"를 추가하면 적용됩니다.
Create-react-app v3의 변경사항에 대해 알아봤습니다. 더 자세히 변경사항에 대해 알고 싶으시면 이 링크를 참고해주세요.