React Native (Expo) Dev Environment Setup + First Project (Windows 10 )



***NOTE: See below for React Native course recommendations***

This video tutorial walks user through setting up a development environment for React Native (using Expo) on Windows 10 (but it should pretty much work on Mac and Linux, as well).

The tutorial covers the following:
– Installing pre-requisites (Node, npm, git)
– Installing an Android emulator (Gennymotion)
– Installing an IDE (VS Code)
– Installing Expo (React Native dev tools/platform)
– Creating first project

======================================
As a follow up, if you’re looking for great courses to take on React Native, I’d recommend the following courses. I use these online courses as part of the learning experience for my students, many of whom have gone on to work full time as React Native developers, so I can strongly support these courses!

I’ve had two years of students use this course by Stephen Grider, who is an excellent teacher! The course was getting a bit out of date after only two years (the curse of React Native & Expo, which deprecates itself after about 6 months), so I switched to the Spencer Carli course below. That said, Grider just refreshed all his content in August 2019. I haven’t had a chance to go through the course, but I’m sure it’s great:

This is a brand new course from Spencer Carli, who I’d recommend as the “go to guy” on React Native. Whereas Stephen Grider has a great course or two on React Native, Spencer Carli is ALL React Native. So, if you get to know his style, you’ll find a never-ended source of content and resources available to RN developers. I’m personally enjoying his new course, which takes you through 10 different apps and uses very modern technologies (GraphQL, MongoDB, Express, Firebase, etc.) to touch on full-stack solutions:

Nguồn: https://hdwallpaperslovely.com

Xem thêm bài viết khác: https://hdwallpaperslovely.com/cong-nghe/

Related Posts

Schannel – #BMML | Ba Mặt Một Lời: Bi hài chuyện Mua Hàng Online | (Tập 3)

May 23, 2020

May 23, 2020 29

Cùng bộ ba quen thuộc của Schannel On Air phân tích những được – mất, lợi – hại của mua...

Bypass Google account Sony Xperia Android 7.0 with ADB (Xperia XZ, X, XA, Z5, Z5 Premium, Z3+, etc)

February 1, 2020

February 1, 2020 49

Bypass Google account Sony Xperia android 7 with ADB (Xperia XZ, X, XA, Z5, Z5 Premium, Z3+, etc) DOWNLOAD: Don’t...

Plextor M8PeG (PX-256M8PeG) SSD NVMe Firmware Update 1.04 to 1.06

February 19, 2020

February 19, 2020

2016/11/25 1.04 This firmware revision improves: 1. Queue Depth Setting to enhance big size data transition performance in ATTO benchmark....

So Sánh Samsung Galaxy Note 9 vs Apple iPhone X (part 1)

February 7, 2020

February 7, 2020

Samsung Galaxy Note 9quả là một siêu phẩm tuyệt vời của năm 2018 phải không nào? ➤ Đặt trước Samsung...

REMOVE UNWANTED APPS from XIAOMI PHONES | De-Bloat Xiaomi | हिन्दी

February 19, 2020

February 19, 2020 24

With this simple way you can remove all the system Apps form Your Xiaomi Phone. One of the best method...

ASP.NET MVC 5 Tutorial In Urdu – Customizing Title, Sidebar and Footer of AdminLTE Template

March 22, 2020

March 22, 2020 6

In this tutorial, we will discuss how to customize Title, Sidebar and Footer of AdminLTE Templates in ASP.NET MVC 5...

HOW TO DOWNLOAD ADOBE ANIMATE CC 2020|Full Version|Crack|Free Download|Full Tutorial

March 9, 2020

March 9, 2020 21

Heyyyyyyyyyyyyyyyy Gamerz!!!!!!!!!!!!!Sorry for uploading the video so late I was shifting my home hehe,by the way in this video I’m...

Hybrid RAID: SSD + Hard Drive

March 26, 2020

March 26, 2020 1

Our Adaptec by PMC Storage Advisor, Neil Cameron, discusses where and when to use Hybrid RAID in both the small...

[Tutorial] Install & Debug Unity Android App Over WIFI with ADB and Logcat

March 1, 2020

March 1, 2020 27

In this tutorial we’ll install a Gear VR game over wifi using ADB and debug with Logcat. Support the channel,...

Lg Leon 4G LTE H340n – How to enter in Hidden Menu!

March 3, 2020

March 3, 2020 19

In this video I will show you how to access the hidden menu on Lg Leon 4G LTE H340n.You can...

Hướng dẫn cài đặt phần mềm đọc file pdf

March 23, 2020

March 23, 2020 25

Hướng dẫn cài đặt phần mềm đọc file pdf, các phần mềm đọc và chỉnh sửa file pdf tốt nhất...

Hard Reset Asus ZenFone 5 (T00F/T00J)

February 21, 2020

February 21, 2020 22

Cara Hard Reset Asus ZenFone 5 T00F atau T00J 100% via mode Android Recovery untuk atasi lupa pola juga untuk...

How to Bypass Google Gamil Account ID OnePlus 5T A5010, 5000

February 20, 2020

February 20, 2020 46

How to Bypass Google Account ID OnePlus 5T A5010, 5000 how to bypass Gmail google id one plus 5000 5t...

Windows 7 64-bit Disable Driver Signature Enforcement

March 14, 2020

March 14, 2020 33

***NOTE: For the BORA board this is no longer required, see Other projects might require this so video left. Shows...

How to fix any Soft/Hard bricked [UNBRICK] Android within 5 minutes!!!

March 5, 2020

March 5, 2020 36

**Always Read the whole description ** Hey guys, Thanks for all the support🙏🏻. Please subscribe and help me reach the...

Comments
  • Best teacher ever ! Post more videos please of react native. If you have time put here a TODO list with CRUD and databases that works with expo for beginners like me. Thanks.

  • Can somebody help me regarding this issue;
    -> If you are using Genymotion go to Settings -> ADB, select "Use custom Android SDK tools", and point it at your Android SDK directory.
    Because expo could not find any emulator
    but actually emulator is working!

  • when i clicked "run on ANdroid device/emulator", the expo didn't connect to genymotion adn said that no andorid device and no emulator found. what should i do?

  • in my laptop"when I install expo" the screen still like minute 11:00 😢😢
    it does not move 💔💔

  • Why when I download expo the download indicator remains the same and does not move forward ??
    please help

  • Hello, the problem is that it gives me an error when exiting the emulator and I have android cell connected to the pc

  • Hello, when I open the emuHello, when I open the emulator tab I get this Error opening simulator. Check metro logs for datailslator tab I get this Error opening simulator. Check metro logs for datails

  • Hey thanks for your video, life saver. Also for people with amd processors you can just use a physical by usb debugging. Works like a charm

  • I keep getting this error when trying to run expo,

    "could not adb reverse, no emulators found". Please help

  • Very Good teaching Mr. Daniel, this really help me to kick start the development. Expecting more to come from you.

  • Thank you so much for this…you cannot believe how hard it is to find a video that is straight forward and is taught by someone that know what they're doing! Thank you so much Doc!

  • I got this…after that its stuck..no progress
    npm install expo-cli –global

    npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142

    [………………] / fetchMetadata: WARN deprecated request@2.88.2: request has been deprecated, see https://github.co[………………] | fetchMetadata: WARN deprecated request@2.88.2: request has been deprecated, see https://github.c

  • — after running this command on Windows CMD:
    npm install expo-cli –global
    — i got this error:
    npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142

    [………………] fetchMetadata: WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
    — and don't move, stay like that even the " " doesn't turn

  • hi, i have a problem after i put npm install expo-cli –global like min 10:47 , i get this error:
    npm err! cb() never called
    npm ERR! This is an error with npm itself. Please report this error at:

    npm ERR! <https://npm.community>

    npm ERR! A complete log of this run can be found in:

    npm ERR! C:UsersguariAppDataRoamingnpm-cache_logs2020-03-20T22_16_40_025Z-debug.log

    what can i do? please help me

  • Sorry for the thumbs down, but you forget about pc's with AMD processors with Genymotion, and they don't have much to offer in fixes. Also, npm's want funding now. PC's with AMD processors are left out in the rain with everything Android.

  • This one is really a fantastic lesson. Thank you, Daniel Grissom, so much. Only this lesson helped me to solve the problems which I faced.

  • I follow all the steps but EXPO is not being recognized in my windows 10, after install it and input expo –version it
    says expo is not a valid command

  • Hi, I am getting this following error when I do expo start, can you please help!
    expo start

    Starting project at C:Users13017DocumentsnewappNewapp

    Expo DevTools is running at http://localhost:19002

    Opening DevTools in the browser… (press shift-d to disable)

    Error: spawn cmd ENOENT

    at Process.ChildProcess._handle.onexit (internal/child_process.js:267:19)

    at onErrorNT (internal/child_process.js:469:16)

    at processTicksAndRejections (internal/process/task_queues.js:84:21)

    npm ERR! code ELIFECYCLE

    npm ERR! errno 1

    npm ERR! @ start: `expo start`

    npm ERR! Exit status 1

    npm ERR!

    npm ERR! Failed at the @ start script.

    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

    npm ERR! A complete log of this run can be found in:

    npm ERR! C:Users13017AppDataRoamingnpm-cache_logs2020-03-05T00_17_49_047Z-debug.log

    C:Users13017DocumentsnewappNewapp>
    Thank you

  • Thank you so much. IDK why I struggled so much with installation on win, but following your steps made it very easy. Thank you!

  • First off, I love your tutorial and this is how all tutorials should be done. Though I have a problem to continue it from the part you start expo and the metro bundler kicks in. Followed your tutorial with every single version of everything, but here in the bundler after "tunnel ready", I never get downloading latest version of expo after I hit run on android device, it stops with the error: ""Couldn't start project on Android: Error running adb. This computer is not authorized to debug the device. Please follow the instructions here to enable USB debugging: https://developer.android.com/studio/run/device.html#developer-device-options. If you are using Genymotion go to Settings -> ADB, select "Use custom Android SDK tools", and point it at your Android SDK directory."" And believe me, I've tried alot, allowing usb debugging in emulator, installing android studio after just to get this androidsdk folder and even tried an emulator from within android studio, tried to force install an apk with adb on emulator, but still doesnt work. Could there be a problem because Im running a newer version of windows? Video is over a year old now, but still the best tutorial out there and I hope you still comment.. Im so out of ideas, and I really want to set up everything as you do here.

  • If any error occurs during installing Expo, try this : http://www.techtutorhub.com/article/Getting-ng-File-AppData-Roaming-npm-ng-ps1-cannot-be-loaded-The-file-npm-ng-ps1-is-not-digitally-signed-Angular-Error-when-running-commands/62

  • hello, can you help me please, i got this :
    Expo DevTools is running at http://localhost:19002

    Opening DevTools in the browser… (press shift-d to disable)

    Error: spawn cmd ENOENT

    at Process.ChildProcess._handle.onexit (internal/child_process.js:264:19)

    at onErrorNT (internal/child_process.js:456:16)

    at processTicksAndRejections (internal/process/task_queues.js:81:21)

  • hey Man you are awesome.
    I am beginner , I faced much difficulties to create the environment and run first project then this video help me and finally I am able to run first App. Hopefully more videos will be more helpfull (Thanks)

  • I got some problems when I was typing 'expo start'
    The problem is about "Error: spawn cmd ENOENT"

    at Process.ChildProcess._handle.onexit
    at onErrorNT
    at processTicksAndRejections

    Could you give me any solutions to solve this..? T T

Leave a Reply

Your email address will not be published. Required fields are marked *