React-Native 최고의 팁

안녕하세요 !!

새로운 블로그로 돌아왔습니다. 그래서 이번에는 JavaScript의 프레임워크인 React-Native에 대한 몇 가지 흥미로운 팁을 다루겠습니다.
그럼 이번에는 🐱 슈가와 함께 가보시죠 :



React-Native 최고의 팁:

더 나아가기 전에 먼저 React-Native가 무엇인지 논의해 봅시다. 그리고 그것의 용도는 무엇입니까?

반응 네이티브 :

React Native는 Meta Platforms, Inc.에서 만든 오픈 소스 UI 소프트웨어 프레임워크입니다. 개발자가 네이티브 플랫폼 기능과 함께 React 프레임워크를 사용할 수 있도록 하여 Android, iOS, 웹, Windows 등을 위한 애플리케이션을 개발하는 데 사용됩니다.

최고의 팁:

Expo를 사용하지 마십시오. 'Expo를 사용하지 마십시오'라고 말하는 것이 현명하지 않다는 것을 알고 있습니다. 그러나 이것이 실제 현실입니다. 엑스포로 시작하는 것은 좋지만, 고수하는 것은 좋지 않습니다. 거의 모든 거대 기술 기업은 대규모 프로젝트를 처리할 수 있는 능력이 부족하기 때문에 Expo를 사용하지 않습니다. 또한 커뮤니티 패키지도 매우 적습니다.

릴리스 빌드에서 모든 로그 제거: 이 세상에 디버깅을 위해 console.log()를 사용하지 않는 개발자는 없다고 생각합니다. 또한 매우 강력한 도구이지만 동시에 앱을 패키징하거나 릴리스하는 동안 콘솔을 제거하는 것을 잊으면 앱 속도가 느려집니다.

플렉스 사용 : 앱이 효율적으로 작동하려면 과도하게 사용하는 대신 플렉스에 의존해야 합니다.
치수를 사용한 높이 및 너비. Dimension을 사용하는 것은 앱을 반응형으로 만들기 때문에 좋지만 동시에 사용할 때마다 전체 화면의 크기를 계산하고 선택에 따라 높이와 너비를 적용하기 때문에 앱의 효율성을 떨어뜨리기 때문에 매우 고통스럽습니다. 메모리 사용량이 증가하여 효율성이 떨어집니다.

스타일 재사용 : 스타일을 재사용하는 것은 React-Native에서 좋은 습관이며 반복되는 코드 줄을 줄입니다. 예를 들어, 모든 화면에서 시작 보기에 일부 스타일을 부여하고 있습니다. 따라서 모든 화면에서 해당 보기의 스타일을 반복해서 입력하는 대신 공통 스타일 JavaScript 파일을 만들고 필요한 모든 곳에서 사용해야 합니다. 전체 앱에서 재사용할 색상, 글꼴 크기, 카드 스타일에 대해 다른 파일을 만들 수도 있습니다.

삼항 연산자를 간결하게 사용하십시오.
쓰기 색상 = 오류 ? '빨간색': '회색'은 짧고 달콤합니다.
쓰기 색상 = 오류 ? (아이디 === 아이디) ? '빨간색' : '검은색' : '회색'이 아닙니다.
삼항 연산자는 코드의 줄 수를 줄이는 데 도움이 될 수 있지만 논리를 읽기 어려워지므로 절대 중첩하지 마십시오.

React-Native Doctor : react-native doctor(React Native 0.62의 일부로 사용 가능)는 개발 환경의 문제를 해결하는 데 도움이 되는 매우 유용한 명령입니다.

스타일 재정의: 스타일 재정의는 제가 가장 좋아하는 팁 중 하나입니다. 여기에서 StyleSheet의 요소를 변경하지 않고 스타일을 재정의할 수 있습니다. 아래는 구문입니다.

<View style={[styles.container , {backgroundColor : "purple"}]}>  
....
</View>

그럼 오늘의 블로그는 여기까지입니다. 방탄소년단과 함께 또 다른 재미있는 블로그로 찾아올게요🧡 .