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

Como Baixar PhotoShop CS6 Portable Sem Erros (32 e 64 bits) – 2020

April 14, 2020

April 14, 2020 47

Aprenda como baixar o PhotoShop CS6 Porbable sem erros. Gostou? Se inscreva no canal. Muito obrigado por assistir. Deixe um...

TUTORIAL | Using Adobe Color CC to Capture Color Palettes – Adobe Creative Cloud

May 5, 2020

May 5, 2020 13

Hey Youtube Family! Today’s Tutorial features something that a lot of you have been asking for for a long time....

WD Blue SN500 NVME SSD Review

March 2, 2020

March 2, 2020 23

Want one? Amazon: Products shown provided by: WD Subscribe! Check out my TopVideos! Patreon: Donations: OverclockersUK Affiliate link: Discord! As...

How to install||Adb and Fastboot Driver||for Asus Zenfone 5z on ||Very Easy 100% Work

February 1, 2020

February 1, 2020 2

In this Video I show you how to install adb and fastboot driver for your any pc in few simple...

INSTALL TWRP on REDMI NOTE 5 PRO in 2 MINUTES

February 24, 2020

February 24, 2020 39

INSTALL TWRP ON REDMI NOTE 5 PRO in 5 Minutes 1. Unlock Bootloader of Redmi Note 5 Pro: 2. Install...

[Hướng dẫn] Cách lấy mã giảm giá Lazada app và cách sử dụng mới nhất – Ditadi.net

March 19, 2020

March 19, 2020 21

Hướng dẫn cách lấy mã giảm Lazada App và cách sử dụng mã giảm giá Lazada mới nhất. Bây giờ...

Iphone X sập giá GIẢM 1 TRIỆU ĐỒNG ủng hộ U23 Việt Nam

February 10, 2020

February 10, 2020 10

⭐️ Tham khảo thông tin chi tiết của sản phẩm này tại: ⭐️ Hotline mua máy: 096.606.2468 – 0246.328.9494 ⭐️...

ADB And Fastboot Script Over OTG Cable | Terminal Emulator

March 4, 2020

March 4, 2020 35

Download links Adb- Fastboot- Song Used in the video Nguồn:https://hdwallpaperslovely.com/

Loop infinito Zenfone 5 (Como resolver) Português

March 12, 2020

March 12, 2020 26

Saiba como resolver o problema de bootloop (softbrick) no Zenfone 5. INSCREVA-SE NO CANAL ► Arquivos necessários e passo a...

Apple gấp rút ra iPhone 12, iPhone SE bị chê SML

May 22, 2020

May 22, 2020

Xuất hiện bản CAD của iPhone 12 Pro Max iPhone SE 2020 bị chê bai ở thị trường Trung Quốc...

How to Fix Adb is not recognized as internal or external command | Adb Devices not found

January 30, 2020

January 30, 2020

Hello Everyone this video is about to fix adb issues if it is not found as internal or external command...

Adobe after effects cc 2018/2019 full version/permanent download (Offline installer) 🆕 #TechYouTube

April 11, 2020

April 11, 2020 7

✔️ This is the tutorial about…. Download link of the above software: 🔥 Suggested Videos: This video is also about...

Testy w kuchni

February 28, 2020

February 28, 2020 28

Blog: Forum: Facebook: Nguồn:https://hdwallpaperslovely.com/

Adb command (root) working 100% successfully

February 25, 2020

February 25, 2020

Adb command root working 100% successfully for micromax a 54 (rooted ) the software which i was using is this...

Ubuntu: command not found error when installing android sdk

February 7, 2020

February 7, 2020

Ubuntu: command not found error when installing android sdk Helpful? Please support me on Patreon: With thanks & praise to...

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 *