React Native Crash Course

Traversy Media · 715K views · 2020 · 51:28

Open on YouTube

Web developmentSoftware practice, open source & careerstutorialdated

Why Stack Overflow recommends it

Stack Overflow users cite it as the tutorial they were following when they hit React Native setup, build and runtime errors on iOS and Android.

Recommended by 0 people across 0 different months, 2020 to 2021.

What it is

A 51-minute beginner tutorial by Brad Traversy of Traversy Media that explains what React Native is, walks through environment setup and built-in components, then builds a small shopping list app. Code for the finished app is available on GitHub.

What people said

Cites Devesh Kumar · 2020-04 · Stack Overflow · on “react-native run-android not working. Could not initialize class org.codehaus.groovy.runtime.InvokerHelper”

I am trying to run react-native with the CLI method. I also got the react-native-vector-icons and linked it to react native as following this tutorial from traversy media - [this video] . I had android studio installed and also Gradle all updated to the latest version. Java Version java 14.0.1 2020-04-14 Java(TM) SE Runtime Environment (build 14.0.1+7) Java HotSpot(TM) 64-Bit Server VM (build 14.0.1+7, mixed mode, sharing) What cmd says the problem is. * What went wrong: Could not initialize class org.codehaus.groovy.runtime.InvokerHelper * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights. * Ge

Cites ProudHKer · 2020-05 · Stack Overflow · on “Type Error: u.slice is not a function. in index.android.bundle when I try to run a simple React Native app on android simulator”

So I followed this video to build a simple Shopping List app using React Native: [this video] It runs fine when I use react-native run-ios to get it running on the iOS simulator(actually some problems too, but I'm working on it), but when I try to run it using react-native run-android , a lot of problems arise. 1st problem, when the app does come up, I try to add an item, but after I press the "Add Item" button, this Type Error: u.slice is not a function. shows up. [LINK] so, as the problem code comes from index.android.bundle, I go there, and I have absolutely no idea what I am looking at and what I should do about it to fix the problem. In case it helps, this is the 157th line of code where the

Cites Nargesh Rana · 2020-12 · Stack Overflow · on “React Native including component inside a ScrollView not working”

I'm building and app where I'm trying to include a component named Header.js inside navigation forlder. I'm working with functional components throughout the app. Also the images are not working. I'm new with React Native. Here's the error Unable to resolve module `./src/navigation/Header` from `src/screens/userprofile/Profilecard.js`: None of these files exist: src/screens/userprofile/src/navigation/Header(.native|.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx) src/screens/userprofile/src/navigation/Header/index(.native|.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx) RCTFatal __28-[RC

Cites snacky-wacky · 2021-06 · Stack Overflow · on “Build Failure: How can I resolve a React Native iOS virtual device app build failure, failing CompileSwift and CompileC?”

My setup: MacBook Pro (Early 2011) macOS High Sierra (Version 10.13.6) React Native (7.18.1) XCode (10.1) iOS virtual device is a iPhone 8 - 12.1 Command Line Tools (Xcode 10.1 (10B61)) Homebrew (3.1.12) node (16.3.0) watchman (2020.8.17) cocoapods (1.10.1) I am basically new to programming, just starting to learn React Native. Trying to get my development environment set up on an old MacBook Pro. I am following the process described here [LINK] on the React Native site. And I have also been trying to do this learning project from Traversy Media here [this video] but I realized the React Native tutorial and the Traversy Media tutorial conflict when it comes to instructing me to do a global instal

Cites Jon · 2021-07 · Stack Overflow · on “React Native App in iOS emulator forever stuck building”

I've been following this intro course about React Native [this video] and when I get to the point to run the build it just gets stuck in "Building the app...." and never finishes. I don't even get any error codes after running the command => react-native run-ios It just gets stuck forever building with a large majority of my CPU being used. The Xcode workspace is found, the iPhone emulator is launched and I can see the default screen, but the application just never finishes building. Any insight on what could be causing this would be great—I haven't found anyone else with this specific problem. Operating System: macOS Big Sur Version 11.4