react-native-worklets-core

(★ 788)

🧵 A library to run JS functions ("Worklets") on separate Threads

파일 탐색기

최종 버전 다운로드 (.zip)

- - build-android.yml
  - build-ios.yml
  - ci.yml
- build.gradle
- CMakeLists.txt
- cpp-adapter.cpp
- fix-prefab.gradle
- gradle.properties
- - WKTJsiHostObject.cpp
  - WKTJsiHostObject.h
  - WKTRuntimeAwareCache.h
  - WKTRuntimeLifecycleMonitor.cpp
  - WKTRuntimeLifecycleMonitor.h
- - WKTJsiConsoleDecorator.h
  - WKTJsiJsDecorator.h
  - WKTJsiPerformanceDecorator.h
  - WKTJsiSetImmediateDecorator.h
- - WKTDispatchQueue.cpp
  - WKTDispatchQueue.h
- - WKTJsiSharedValue.h
- - WKTArgumentsWrapper.h
  - WKTJsiArrayWrapper.h
  - WKTJsiObjectWrapper.h
  - WKTJsiPromiseWrapper.cpp
  - WKTJsiPromiseWrapper.h
  - WKTJsiWrapper.cpp
  - WKTJsiWrapper.h
- WKTJsiBaseDecorator.h
- WKTJsiDispatcher.h
- WKTJsiWorklet.h
- WKTJsiWorkletApi.cpp
- WKTJsiWorkletApi.h
- WKTJsiWorkletContext.cpp
- WKTJsiWorkletContext.h
- WKTJsRuntimeFactory.h
- USAGE.md
- WORKLETS.md
- - config
- - build.gradle
  - gradle.properties
  - gradlew
  - gradlew.bat
  - settings.gradle
- - .xcode.env
  - Podfile
  - Podfile.lock
- - App.tsx
- - index.ts
  - sharedvalue-tests.ts
  - tests.ts
  - TestWrapper.tsx
  - types.ts
  - useTestRunner.ts
  - useTests.ts
  - utils.ts
  - worklet-context-tests.ts
  - worklet-tests.ts
  - wrapper-tests.ts
- .node-version
- .ruby-version
- .watchmanconfig
- app.json
- babel.config.js
- Gemfile
- Gemfile.lock
- index.js
- metro.config.js
- package.json
- react-native.config.js
- yarn.lock
- banner.svg
- - project.pbxproj
- Worklets.h
- Worklets.mm
- bootstrap.js
- - useRunOnJS.ts
  - useSharedValue.ts
  - useWorklet.ts
- - index.js
- index.ts
- NativeWorklets.ts
- types.ts
- worklet.ts
.editorconfig
.eslintignore
.eslintrc.js
.gitattributes
.gitignore
.prettierrc
.watchmanconfig
.yarnrc
babel.config.js
CODE_OF_CONDUCT.md
CONTRIBUTING.md
LICENSE
package.json
plugin.js
react-native-worklets-core.podspec
README.md
tsconfig.build.json
tsconfig.json
yarn.lock

🚀 설치 가이드

1. 코드 내려받기

git clone https://github.com/margelo/react-native-worklets-core

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd react-native-worklets-core

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. CMake

보통 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
CMake 빌드 설정을 생성하는 도구입니다.
C/C++ 컴파일러 Windows는 Visual Studio(Community 무료), macOS는 Xcode Command Line Tools, Linux는 gcc/g++ 패키지가 필요합니다.

cd android

이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.

mkdir build && cd build

빌드 결과물을 담을 폴더를 만들고 그 안으로 이동합니다.

cmake ..

소스코드를 분석해 빌드 설정 파일을 생성합니다 (build 폴더 안에서 실행해야 함).

make

생성된 빌드 설정을 바탕으로 실제 컴파일을 진행해 실행 파일을 만듭니다.

✅ build 폴더 안에 실행 파일이 생성됐는지 확인하고, 직접 실행해보세요 (예: ./build/앱이름).

3. Gradle (Java/Kotlin)

보통

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
JDK (Java) Java/Kotlin 프로젝트를 빌드/실행하려면 필요합니다.
Gradle 레포에 포함된 gradlew(Gradle Wrapper)를 쓰면 Gradle을 따로 설치할 필요가 없습니다.

cd android

이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.

./gradlew build

Gradle로 빌드를 진행합니다.

✅ BUILD SUCCESSFUL 메시지가 뜨면 성공입니다. build/ 폴더에 결과물이 생성됩니다.

4. Node.js

쉬움

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

yarn add react-native-worklets-core

이 명령어를 터미널에 그대로 입력해 실행하세요.

yarn start --reset-cache

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

5. Ruby

쉬움

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Ruby bundle 명령어를 쓰려면 Ruby가 필요합니다.

cd example

이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.

bundle install

Gemfile에 명시된 루비 라이브러리를 설치합니다.

✅ bundle install이 에러 없이 끝나면 README에 안내된 실행 명령어(예: rails server)로 마저 실행해보세요.