RN 빌드 속도 올리기 (reference 모음)

낭만개발자·2020년 12월 9일
0

ReactNative

목록 보기
1/7

우와 이거 신기하네 미리보기 바로 보인다아아앙
마크업 까먹었는데 우측하단이나 그런데 툴바나 미리보기 형식으로 있었으면 좋겠다아아

빌드 및 앱 속도

gradle.properties에서 건드려 주면 되는데 해보니까 내 앱은 왜 충돌이 나는걸까 ㅠㅠ

# memory allotted to JVM
org.gradle.jvmargs=-Xmx5120m

# configure on demand
org.gradle.configureondemand=true

# parallel builds
org.gradle.parallel=true

# build Cache
android.enableBuildCache=true

# gradle caching
org.gradle.caching=true

설정 설명

  • org.gradle.daemon : 데몬 프로세스를 사용할지 여부 설정한다. true 설정시 gradle을 daemon 모드로 실행하여 빌드시 gradle을 다시 실행하는 시간을 줄여준다.
  • org.gradle.jvmargs : 실행시 JVM 인수로 메모리를 설정을 늘려 메모리 부족으로 인한 속도저하를 막는 것이 목적이다. 따라서 적절한 양의 메모리를 할당해 주면 된다.
  • org.gradle.parallel : gradle 병렬 빌드 모드를 설정한다. 여러 프로젝트를 빌드 할 때 효과가 있다.
  • org.gradle.configureondemand : 관련 프로젝트가 있다면 필요한 부분만 빌드 설정한다.

Gradle 빌드 속도 참고사이트

[Android] 줄인다! Gradle 빌드 시간! 살린다! 내 생산성!

빌드 속도를 높여주는 gradle.properties 설정

Package-lock.json 버전에 따라 node_modules 패키지가 설치된다. 암만 package.json에서 버전을 명시했다 하더라도!!!

그래서 내 앱이 충돌이 났었음 ㅠㅠㅠ
Npm 거슬리는 pacakge-lock.json?

로딩시 앱 충돌은 npm install 또는 다른 library 설치하는 도중 버전이 변경되어 충돌 난 듯 하다.

이거 잡는다고 12/2 다 보냄. ㅠ package-lock.json은 무조건 고정시키자 변경 없이. 위에것 한번 읽고 정리해야지
팀끼리 작업하면 package-lock.json을 공유하고 npm install 너도한방 나도 한방씩 쳐주면 서로 같은 version으로 co-work 해줄 수 있다아아. 난 혼자 일하는데 뭔지라ㄹㅇㄴㄹㄴㅁ 인가 -_-

React Hook 쓸때 useSelector()로 변수 많이 갔고 오더라도 여러번 정의해주자 귀찮다고 포괄적으로 젤 상위에 state 잡으면 비효율적이게 된다.

//예시로
const number = useSelector(state => state.counter.number);
const diff = useSelector(state => state.counter.diff);
//요런식으로 성실하게. 주니어가 말이야 꾀부리면 안되징
//위 경우 해당값이 하나라도 바뀌면 리렌더링. 걍 무책임하게 state.counter라고 해버리면 counter 바뀔때마다 리렌더링, 리렌더링 , 리..리렌더링 귀신이 붙는다

RN 디바이스에 빌드 할때 매번 빌드하니까 gradle 소스 꼬일까봐 캐쉬 지우잖아. 그때 .\gradlew가 아니라 .\gradlew clean이라 쳐야 삭제 되는듯 ㅠㅠ .\gradlew가 뭔지는 아직 모르겠다 빌드가 되긴하던데..

profile
낭만닥터와 슬의를 보고 저런 개발자가 되어야 겠다고 꿈꿔봅니다.

0개의 댓글