Expo SDK 47 정리

Expo SDK 47

React 생태계는 확실히 업데이트가 무척 빠른 것 같습니다.

Next.js가 13 버전이 나온 것처럼 Expo 역시 47 버전의 Beta가 나온 지 얼마 안 되어 47 버전이 정식 출시되었습니다.

React Native CLI를 대체하기 위해 많은 고민과 노력을 하고 있다는 것이 보이는 업데이트였습니다.

 

아래의 4가지 항목 이외에도 지원하는 React, React Native버전이나 iOS의 최소 지원 버전과 같은 내용들도 있지만 이번 정리는 제가 업데이트를 봤을 때 가장 흥미로웠던 부분들 위주로 정리해 봤습니다.

 

1. Expo modules 정식 출시

Alpha단계였던 Expo modules가 SDK 46 > SDK 47인 한 번의 업데이트 만에 1.0으로 정식 출시를 했습니다.

개인적으로 무척 기대했고, 앞으로 Expo의 미래라고 생각할 정도로 중요한 내용이라고 생각했는데 드디어 정식 출시를 했습니다.

 

많은 분들이 Expo가 아닌 React Native CLI를 사용하는 큰 이유 중 하나가 Custom Native Module을 만들 수 없다는 점이었습니다.

그런데 이번 업데이트로 드디어 Expo에서도 Custom Native Module을 만들 수 있게 되었습니다.

 

언어는 iOS Swift, AOS Kotlin으로 작성할 수 있으며 C++을 작성할 필요 없이 바로 React Native의 새로운 아키텍처인 Fabric으로 작성된다고 합니다.

 

이제 Expo modules가 계속 발전한다면 Bare Workflow로 Eject하지 않더라도 다양한 라이브러리들을 사용할 수 있게 될 것 같습니다.

2. iOS용 Expo Go에서 Hermes 사용할 수 있으며, Hermes 검사기를 열 수 있습니다.

Flipper는 거의 유일한 React Native를 위한 Debugger였는데요.

사실 유명무실한 정도를 넘어 개발을 접게 할 정도로 짜증 날 경우가 더 많은 라이브러리였습니다.

 

하지만 Hermes가 나오고 Hermes의 Open JS Debugger를 Chrome DevTools에서 열 수 있게 되면서 상황이 많이 좋아졌는데요.

이제 iOS용 Expo Go에서도 이러한 Hermes의 빠른 빌드 속도와 Debugger를 사용할 수 있도록 업데이트되었습니다.

3. Expo 라이브러리들의 Fabric Beta 지원

expo-av, expo-camera, expo-linear-gradient와 같은 expo기반 라이브러리들이 Fabric을 지원하며 그 이외에 모듈들 역시 Fabric을 지원해 나갈 것이라고 합니다.

 

2018년에 React Native Fabric을 발표한 뒤 많은 사람들을 놀라고 기대하게 했지만 Fabric으로의 전환이 감감무소식이었는데, 이제는 점점 Fabric으로 전환되고 있다는 것이 실감이 나는 것 같습니다.

4. Expo Roter System Beta 지원

Expo SDK 48을 벌써 기대하게 되는 업데이트 사항이었습니다.

React에서 Next.js가 큰 인기를 끈 것은 간편하게 SSR 등의 설정을 할 수 있다는 점도 있지만, 가장 큰 이유는 바로 간편한 Routing System 덕분이라고 생각하는데요.

 

Expo 역시 React Navigation을 기반으로 한 Expo Router의 Beta 버전을 출시했습니다.

기본에 귀찮게 Navigation을 만들고 코드를 작성했던 것과 달리 무척 간단하게 변경되었습니다.

 

app폴더 안에 file을 만드는 것으로 Route를 처리할 수 있고 (tabs) 등을 이용해 간단히 Tab Navigation을 만들 수도 있습니다.

아직 Beta단계이기 때문에 바로 사용할 수는 없겠지만 관심 있으신 분들은 확인해 보셔도 좋을 것 같습니다.