Use npx to execute global npm packages

Author: terrysahaidak

src/commands/cra.js

@@ -42,12 +42,6 @@ module.exports = {
     // prettier-ignore
     info(showInitializationMessage({ name, shouldUseNpm }));
 
-    try {
-      await extensions.cra.checkCli();
-    } catch (e) {
-      error('Please install create-react-app first');
-      return;
-    }
     await extensions.cra.init({ name, shouldUseNpm });
 
     info('Adding linter');

src/commands/expo.js

@@ -45,12 +45,6 @@ module.exports = {
     // prettier-ignore
     info(showInitializationMessage({ name, shouldUseNpm, template }));
 
-    try {
-      await extensions.expo.checkCli();
-    } catch (e) {
-      error('Please install expo-cli first');
-      return;
-    }
     // prettier-ignore
     await extensions.expo.init({ template, name, shouldUseNpm });
 

src/commands/reactNative.js

@@ -45,12 +45,6 @@ module.exports = {
     // prettier-ignore
     info(showInitializationMessage({ name, shouldUseNpm, version }));
 
-    try {
-      await extensions.rn.checkCli();
-    } catch (e) {
-      error('Please install react-native-cli first');
-      return;
-    }
     await extensions.rn.init({ name, shouldUseNpm, version });
 
     info('Adding linter');

src/extensions/craCli.js

@@ -14,6 +14,7 @@ module.exports = (toolbox) => {
     // prettier-ignore
     const cmd = buildCommand([
       cdIntoPath && `cd ${cdIntoPath} &&`,
+      'npx',
       'create-react-app',
       name,
       shouldUseNpm && '--use-npm',

src/extensions/expoCli.js

@@ -14,6 +14,7 @@ module.exports = (toolbox) => {
     // prettier-ignore
     const cmd = buildCommand([
       cdIntoPath && `cd ${cdIntoPath} &&`,
+      'npx',
       'expo',
       'init',
       '--name',

src/extensions/reactNativeCli.js

@@ -8,11 +8,10 @@ module.exports = (toolbox) => {
     return commandExists('react-native');
   }
 
-  function init({
-    cdIntoPath, name, shouldUseNpm, version,
-  }) {
+  function init({ cdIntoPath, name, shouldUseNpm, version }) {
     const cmd = buildCommand([
       cdIntoPath && `cd ${cdIntoPath} &&`,
+      'npx',
       'react-native',
       'init',
       name,