Skip to main content

Introducing Button, Faster Installs with Yarn, and a Public Roadmap

· 5 min read
Héctor Ramos
Héctor Ramos
Former Developer Advocate at Facebook

많은 사람들이 React Native에서 활발히 진행 중인 작업을 따라잡기 어렵다고 이야기한다. 진행 중인 작업을 명확히 전달하기 위해, 이제 React Native 로드맵을 공개한다. 이 작업은 크게 세 가지 우선순위로 나뉜다:

  • 코어 라이브러리. 가장 유용한 컴포넌트와 API에 더 많은 기능을 추가한다.
  • 안정성. 기반 인프라를 개선해 버그를 줄이고 코드 품질을 높인다.
  • 개발자 경험. React Native 개발자가 더 빠르게 작업할 수 있도록 돕는다.

로드맵에 추가할 만한 기능을 제안하고 싶다면 Canny를 확인해 보자. 여기서 새로운 기능을 제안하거나 기존 제안에 대해 논의할 수 있다.

React Native의 새로운 기능​

React Native 버전 0.37이 오늘 출시되며, 앱에 터치 가능한 버튼을 쉽게 추가할 수 있는 새로운 코어 컴포넌트가 도입되었다. 또한 새로운 패키지 관리자인 Yarn을 지원하여 앱의 의존성을 업데이트하는 전체 프로세스가 더 빨라질 것으로 기대된다.

버튼 컴포넌트 소개​

오늘 우리는 모든 플랫폼에서 훌륭하게 보이는 기본 <Button /> 컴포넌트를 소개한다. 이는 React Native가 즉시 사용할 수 있는 버튼을 제공하지 않는 유일한 모바일 개발 도구 중 하나라는 피드백에 대한 해결책이다.

안드로이드와 iOS에서의 간단한 버튼

<Button
  onPress={onPressMe}
  title="Press Me"
  accessibilityLabel="Learn more about this Simple Button"
/>

경험 많은 React Native 개발자들은 버튼을 만드는 방법을 알고 있다. iOS에서는 TouchableOpacity를, 안드로이드에서는 물결 효과를 위해 TouchableNativeFeedback을 사용한 뒤 몇 가지 스타일을 적용한다. 커스텀 버튼을 만들거나 설치하는 것이 특별히 어렵지는 않지만, 우리는 React Native를 배우기 쉽게 만드는 것을 목표로 한다. 코어에 기본 버튼을 추가함으로써, 초보자들은 첫날부터 멋진 것을 개발할 수 있게 되며 버튼 서식을 맞추거나 Touchable의 세부 사항을 배우는 데 시간을 쏟지 않아도 된다.

버튼은 모든 플랫폼에서 자연스럽게 작동하고 보이도록 설계되었기 때문에, 커스텀 버튼이 제공하는 모든 기능을 지원하지는 않는다. 이는 훌륭한 시작점이지만, 기존의 모든 버튼을 대체하기 위한 것은 아니다. 더 자세한 내용은 실행 가능한 예제가 포함된 새로운 버튼 문서를 확인하라!

Yarn을 사용해 react-native init 속도 높이기​

이제 자바스크립트의 새로운 패키지 매니저인 Yarn을 사용해 react-native init의 속도를 크게 높일 수 있다. 속도 향상을 확인하려면 Yarn을 설치하고 react-native-cli를 1.2.0 버전으로 업그레이드한다:

$ npm install -g react-native-cli

이제 새 앱을 설정할 때 "Using yarn" 메시지를 확인할 수 있다:

Using yarn

간단한 로컬 테스트에서 react-native init은 좋은 네트워크 환경에서 약 1분 내에 완료된다(npm 3.10.8을 사용할 때 약 3분 소요). Yarn 설치가 필수는 아니지만 강력히 권장한다.

감사합니다!​

이번 릴리스에 기여해 주신 모든 분들께 감사드립니다. 전체 릴리스 노트는 GitHub에서 확인할 수 있습니다. 수십 개의 버그 수정과 새로운 기능이 추가되면서 React Native는 여러분 덕분에 계속해서 발전하고 있습니다.