React Native – Intro Course for Beginners



React Native allows you to use JavaScript to write apps that run natively on Android, iOS, and Blackberry. This full introductory course will teach you the basics of React Native and help you create your first React Native app.

The codedamn platform allows you to learn more content like this for absolutely free: https://codedamn.com

⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:02:54) Setting up React Native
⌨️ (0:17:10) File Structure
⌨️ (0:21:12) Hello World
⌨️ (0:26:38) Hello World Explained
⌨️ (0:32:17) Props
⌨️ (0:36:47) State
⌨️ (0:44:32) Stylesheets and Flexbox Layouts
⌨️ (0:54:55) Getting user text
⌨️ (1:06:45) Uncontrolled vs. controlled components
⌨️ (1:15:28) Creating a Calculator – Part 1
⌨️ (1:22:18) Creating a Calculator – Part 2
⌨️ (1:30:13) Creating a Calculator – Part 3
⌨️ (1:39:57) Creating a Calculator – Part 4
⌨️ (1:52:36) Creating a Calculator – Part 5
⌨️ (2:00:41) Creating a Calculator – Part 6
⌨️ (2:08:18) Creating a Calculator – Part 7
⌨️ (2:11:32) Finishing the Calculator!!

Tutorial from codedamn. Check out the codedamn channel for more great tutorials: https://www.youtube.com/channel/UCJUmE61LxhbhudzUugHL2wQ

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

source

This Post Has 48 Comments

  1. OddMan

    Please upload a full basic fundamentals turtorial on algorithm. Please. Really appreciate your work.

  2. Love Jones

    I registered for codedamn.com but the UI needs more mobile development, it only "works" in landscape mode and even then the frames are out of proportion.

    I'm on a Galaxy S8+. Do you guys need UI/UX testers or developers? I think the idea is great and I don't mind supporting, it also helps build my own portfolio 😎 Thanks for all that you do!

  3. saad

    can I build an ai(DL) app ios/android via this ?

  4. AllAhead Full

    Great job. Love the steady, methodical approach. Starting out building the UI w flex boxes was interesting.

  5. Pradip Debnath

    Great tutorial!! I really like react native for its native feature & for react codes. Check my channel for react native google maps integration & react navigation with login screen and details screen navigation and many more react native tutorials.

  6. Devon Rusinek

    14:24 If you are on mac and get the error in the terminal '-bash: native-react command not found', use npm config set prefix /usr/local o to change your default directory. That was my hangup, because I had changed my default directory to handle an EACCES permissions error. If you encounter that same EACCES permissions error, you can use this command to bypass it: sudo npm install -g –unsafe-perm=true –allow-root

  7. Riwaj Chalise

    Can I use react to manipulate lock screen picture that can change automatically?

  8. Lokman02Naza

    At 2:00:24 I got an error when reload. It says "error: bundling failed: Error: Unable to resolve module `worker_threads` ….. Module `worker_threads` does not exist in the Haste module map".

  9. Ritupriya Mitra

    It will be great if you share the GitHub links so that code is visible . Some of the code is not visible due to small font size.

  10. Sir this tutorial is really awesome, we look forward for more tutorials like these

  11. U32

    Thank you. It's great course.

  12. asim sagir

    getting error while running run-android command . the error is (unable to load script make sure you either run a metro server)

  13. Yogeshwar Singh

    You sound Indian, probably ex Expedia customer service guy!
    Thanks for the lovely tutorial man, may god bless you!

  14. Zul Aiman

    Hello, I'm currently searching for tutorial for deep linking. To have a share button in my app so that i can share to friends (whatsapp). When they click on the url they will be directed to the app, if they have not downloaded the app they'll be brought to appstore/playstore. For this app i have not created any website for the app as i only want to focus for app. I'm using react native Does anyone know? Thanks

  15. sam rey

    Thanks a ton for the video. I follow the step. I got an error….

    info Running jetifier to migrate libraries to AndroidX. You can disable it using "–no-jetifier" flag.
    (node:33762) Warning: Accessing non-existent property 'padLevels' of module exports inside circular dependency
    (Use `node –trace-warnings …` to show where the warning was created)
    Jetifier found 967 file(s) to forward-jetify. Using 4 workers…
    info Starting JS server…
    /bin/sh: adb: command not found
    info Launching emulator…
    error Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds`.
    warn Please launch an emulator manually or connect a device. Otherwise app may fail to launch.
    info Installing the app…

    Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0.
    Use '–warning-mode all' to show the individual deprecation warnings.
    See https://docs.gradle.org/6.2/userguide/command_line_interface.html#sec:command_line_warnings

    FAILURE: Build failed with an exception.

    * What went wrong:
    Could not determine the dependencies of task ':app:installDebug'.
    > SDK location not found. Define location with an ANDROID_SDK_ROOT environment variable or by setting the sdk.dir path in your project's local properties file at '/Users/omoogun/Desktop/Flatiron_Dev_files/react_native/helloworld/android/local.properties.

    let me know if any solution comes to mind.

Leave a Reply