Sử dụng yarn thay npm cho react-native-cli
#npm
1
#yarn
1
#react-native
2
White

Vu Anh Duc viết ngày 15/10/2016

Sử dụng yarn thay cho npm cho react-native-cli

react-native-cli là package hỗ trợ xây dựng ứng dụng react-native của npm. Thông thường các bước tạo 1 project react-native như sau:

  • Khởi tạo project mẫu: react-native init <projectName>
  • Cài đặt các package cần dùng: `npm install
  • Chạy ứng dụng: react-native run-android hoặc react-native run-ios

Trong đó, 2 bước đầu đều sử dụng npm để cài đặt package nên thời gian thực hiện thường lâu.

Yarn (https://yarnpkg.com/) là công cụ mới được FB open source. Mục đích của công cụ này là để hỗ trợ quản lý các package npm trên local, qua đó giảm thời gian build của các app sử dụng npm. Có thể hiểu nôm na yarn giống như 1 proxy repository trên local của npm.

Sử dụng yarn thay cho npm có thể cải thiện tốc độ các thao tác thường dùng: install, update,...

Để sử dụng yarn trong react-native-cli cần phải sửa vào source của nó một chút. Hiện tại thì react-native cũng đã có kế hoạch chuyển sang dùng yarn nhưng chưa release, nên bạn có thể tự mình làm trước theo các bước sau:

  1. Tìm nơi đặt react-native-cli
    Khi cài đặt react-native-cli, thường là cài đặt global bằng lệnh npm i -g react-native-cli, thì source của nó thường được đặt tại thư mục %APPDATA%/Roaming/npm\node_modules\react-native-cli (Đối với Windows).

  2. Mở file index.js và chỉnh sửa:
    Thay npm install = yarn add trong 2 function run() line #215 và runVerbose() line #231

  3. Sau này nếu cài đặt thêm package thì cũng sử dụng yarn add <packageName> thay cho npm install

Bạn có thể thử lại việc tạo project react-native mới để cảm nhận được sử cải thiện rõ rệt về thời gian chạy.

Done.

VuAnhDuc 15-10-2016

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

Vu Anh Duc

1 bài viết.
1 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
1 bài viết.
1 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!