What Is React Native?

In this What Is Wednesday I answer the question, What Is React Native?
Purchase this Level 2 React Native: goo.gl/ESBiWS
OR
Buy the combo package with React Native For Everyone: goo.gl/iVtwHP
OR
Become a pro:
www.leveluptutorials.com/pro
Syntax Podcast ft Scott Tolinski & Wes Bos: goo.gl/7jDDxX
Subscribe for more free tutorials goo.gl/6ljoFc
The best shared web hosting
www.bluehost.com/track/levelup...
Subscribe to the Level Up Newsletter
eepurl.com/AWjGz
React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components.
With React Native, you don't build a "mobile web app", an "HTML5 app", or a "hybrid app". You build a real mobile app that's indistinguishable from an app built using Objective-C or Java. React Native uses the same fundamental UI building blocks as regular iOS and Android apps. You just put those building blocks together using JavaScript and React.

[@Adonmasters]

2:00 - Skip the promo

[@joshuaburkhalter]

You rock man - i'm a LUPro and i'm learning allot. I appreciate the videos!

[@PritamBohra]

Amazing video Scott. Loving every bit of 'What is'. Could you please come up with What is Web component including Custom elements, Shadow DOM, HTML templates and HTML Imports.

[@daniellee5069]

Thank you very much, very informative.

[@leelandmill]

Seriously love these videos. I just turned this video on, screen off/audio only for my drive home just now. It’s like listening to a podcast. Love it. Do more 😬

[@syntaxfm]

Nice! Def doing more of this style of content.

[@nileshaggarwal424]

Am a beginner and after comparing Angular 5 and React, i decided to go with React !! Now am getting to know this new thing React Native ? What should i learn first React & Redux( to build web apps) or React Native ( to build mobile apps) ??? Please help me out. Thank you !!

[@KevinTxTx]

Can you do a Food Delivery App under this Code ? Or if not what code do you recommend the best ?

[@80Vikram]

TAZ for this information

[@SergioArroyoSailing]

great overview! thanks alot! :)

[@hashtagtrends9886]

Thank you!

[@SS4DEUCE]

There was a nice "Hello Fresh" ad before this video. Well written, bright colors, and used people + props. Usually the ads KZbin gives me are lame and repetitive.

[@Salmancreationbd]

Thank you

[@mrchedda]

What is the emulator used in the beginning of the video? How does one compile/build to an emulator/simulator for Android, iOS quick testing?

[@PerfectorZY]

Looks like AVD from Android studio, but may be another simulator.

[@Noahbino]

looks like an iPhone 10, it comes with Xcode

[@trisimix]

Xcode emulates iphones, android studio and avd emulate android phones, generally the first thing you set up, and no its not very useful outside of developing

[@nagavamshigaddam1042]

Tq so much 😊

[@brandonmcneal8873]

If anybody would be willing to respond-- I'd like to build a website and/or app similar to social media sites like twitter, IG, etc. Is react native a good way to start? Also, where should I go to hone my coding skills?

[@shivanshmathur1326]

I guess you should have concentrated on how react-native is rendered on our cellphones with the babel-engine and explain how all these layers combine to give us the end result of our code. Thanks

[@islam6916]

Thank you :)

[@odesso4625]

Solid intro video!

[@jeffbuot9702]

Using div... "react native will be very angry with you" lol just made my day, i like your humor.

[@alisaid.86]

so its an app development software that comes with predefined components?

[@skyar.k.6796]

mentioned that it is native app, will same code work on iphone and android and windows???

[@khan.hassan]

Yeah

[@yousefobeidat2497]

what is the theme that you use in vs code ? very interesting

[@2leomc]

What's the pre knowledge i need to understand react native. Actually Im learning javascript now but then i should go for react first o directly go with react native. Thanks

[@syntaxfm]

It depends. You should def know some basic JavaScript and basic command line stuff (getting around and using things like npm). My React Native For Everyone course assumes that you don't know React itself, so you could take that course without knowing React. A bit of React and JS experience can't hurt though.

[@KirillBerezin]

So if somebody compile HTML into native OS elements its still considered being hybrid? Where the line between XML and HTML in that area? If i add modules to cordova that would compose everything to native UI elements, it would be native enough??

[@NextLevelCode]

Simple. If you have any code running in a web view it's not native.

[@helanomiguel3783]

Coding in that can I still having access to native resources ? for instance, Camera, microphone and any sensor ?

[@syntaxfm]

Yep!

[@4rled]

What a question lol

[@FrankkieNL]

Yes, but you might have to add some lines to AndroidManifest.xml and info.plist (iOS) manually.

[@cupcake9202]

@Chris Short thanks for sharing, did u publish it through native standard SDKs like Android Studio? or you "had" to publish it through React Native ?

[@pavanbhat92]

@Chris Short sir how is the size of app just 5 mb?

[@XavierGoncalves89]

gonna start messing around with gaphql at work so the package will be a great help

[@sfms952]

I love your VSCode theme. What theme are you using in this video? Also spectacular video content! Subscribed!

[@asadjaved9]

Is it compulsory to learn react js first before learning react native?

[@KaranKumar-wb5bn]

It would definitely help you. The concepts can be used in React Native.

[@SurajParik]

No it's not compulsory to learn react js in order to learn react Native.

[@alexmercerind]

I did what you are asking. And guess what, I experienced no problems. Documentation of React Native is so so lucidly written.

[@fahadahmed3652]

Hi. Is there any way to create an android vpn app with react native? I didn't get any official doc please help me out.

[@nikunjgupta4129]

can you give the link to the Visual Studio Code theme link that you use.

[@honglytech]

marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup

[@user-kg5jh2ct4r]

What's the theme you're using for vs code?

[@syntaxfm]

Level Up Official.

[@alexkevhikes]

@@syntaxfm What's your icon theme?

[@shdurani]

If React native is native then how can why there are limitations in building watchOS apps and any features which requires native resources such as camera, sensors etc.

[@bram962]

I am new to mobile development and so forgive me if I am asking a dumb question. I always wanted to learn iOS development but the old mac I have is very frustrating to work with. XCode development and the simulator is very very sow. I have a fairly new Windows Machine. Can I use React Native on the Windows machine to build iOS Apps?

[@TZCoder]

You always need a mac and XCode to actually build the iPhone App because Apple does not make their build tools available for any other OS. With react native what you could do is build your app on WIndows for Android and then when you are done switch to Mac to finish off any iOS specific bits, most of the code will work the same but not all of it.

[@leeowwh]

What is the name of that beautiful IDE for the code? I liked the entire theme of the system!

[@honglytech]

marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup

[@shahinshaap5893]

how to connecting android app and ios .like facebook etc

[@abinashraut4858]

Is it possible to learn react native by beginners in programming

[@a.j.sarmah5161]

no i recommend learning basics first .

[@muratvondettinger3308]

Hey, am new to Native Dev. Could someone help me answering these Questions? Would be nice: 1. Obviously you got multiple choices to built an native app But what options in combination with languages do we have Am i correct with: - c++ + Java = Native App or -Java + HTML/XML etc.? Don't get it. Can someone please give me the language combinations for writing an n. App so i can start researching? Thanks in advance

[@revelation1234]

Learn Javascript and Java. Then html, CSS and front end frameworks.

[@imaginarynoise3218]

For a native application, you have the options of learning Swift for iOS devices, Java or Kotlin for Android devices, plus their respective frameworks (just their specific way of doing things and the code they've already built for you to use). Reactive Native is also an option, but I'm not sure if it's the place to start. It might be, considering it gives you a leg up learning React and JavaScript, which are useful for web development in the browser. For web development (running pretty much exclusively in a browser) you should learn the crap out of JavaScript before anything, since you can get by on all ends with it. Then you'll probably want Java or at least C#, since they are very popular enterprise (back end / server side) languages in web development. That extends somewhat into mobile programming, for many applications that save data out to a database or allow users to interact with each other in any way.

[@sairajdas6692]

I want to build an app of the map of my college(showing the classrooms, labs, cafeteria, etc and current location using gps) to be deployed on android platform . Would you recommend react native?

[@AnkitVerma-mu5qr]

yes

[@sharifshalabi2969]

I had the same exact idea , how did it go?

[@sairajdas6692]

@@sharifshalabi2969 well i didn't do it😂😅

[@sharifshalabi2969]

@@sairajdas6692 hahahahahhahahha looks like I'm not either

[@ARFiesty]

@@sairajdas6692 why not

[@dostonbektoirov7110]

Yo! How do you make such high quality videos? Any tips? Technologies?

[@vijaysinghchouhan9402]

Use DSLR

[@dostonbektoirov7110]

What about for screen recording?

[@kshitizmishra5845]

@@vijaysinghchouhan9402 har jagah dslr mat daala kar

[@vijaysinghchouhan9402]

@@kshitizmishra5845 that was taunt bro

[@kshitizmishra5845]

@@vijaysinghchouhan9402 😂😂😂

[@whatthefunction9140]

what *_is_* expo?

[@vijaysinghchouhan9402]

Expo is a free and open source toolchain built around React Native to help you build native iOS and Android projects using JavaScript and React.

[@mrchedda]

That is fuckn vague. How does it "help"?

[@paradox_max1038]

It doesn't require an emulater, you can run in real time app on your mobile through a local host and a qr code

[@Alex-rp8fu]

Good luck maintaining complex projects and following UI guidelines with it.

[@psyberpirate]

@Chris Short I noticed that you said, those apps "was" built with react. How about now?

[@beyondtourismbeyondtourism7242]

Is progressive web apps the end of native smartphone apps?

[@syntaxfm]

Probably not, but we'll have to see how far PWAs end up going. Native APIs and performance still greatly out perform web apps.

[@BrightOwusu1877]

Xamarin, Cordova, React Native ONLY work for sample simple apps. For a large production app, go 100% native all the way i.e. Kotlin & Android Studio for Android and Swift & Xcode for IOS. Airbnb dropped React Native and here is why: medium.com/airbnb-engineering/sunsetting-react-native-1868ba28e30a

[@keylomoon]

what does native mean?

[@deetercesler447]

It means that the code shows up in the code of the specific platform. E.g. all apps on your iPhone use the Swift language. You COULD make an app that opens in Swift, but then shows a "window" to another webpage (AKA a mini-browser inside your app) that will then render normal HTML. React Native "translates" the code for you so that it can show up in the phone's native language (Swift for iPhone and maybe Java for Android)? Some feel free to correct me if I'm wrong.

[@mb-le9en]

Wish my name was nadir dabit

[@masterlup]

So the deal is: learn A in order to not have to learn and write the same in B and C. Sounds like a good trade. But remember B is JAVA and an all time classic programming language. React Native is maybe just a fashion trend... who knows.

[@NextLevelCode]

It's not really about learning a language(Java). All modern languages look almost identical. It's about having a API that is consistent with all devices.

[@ahmedmaher1482]

How different is it from React Js? Cheers :)

[@ahmedmaher1482]

nvm I got it from the video.

[@RetchEinhundert]

Ahmed Maher What is different? Im not a native english speaker, i didn't heard it.

[@ahmedmaher1482]

@Retch Einhundert hey buddy, its okay I'm not a native either so i feel you, there's not that big of a difference, except for the fact that you can't really use html5 tags, its replaced by other tags that you'll probably discover through corses

[@RetchEinhundert]

Ahmed Maher Thank you for your summary. I wrote my First App with flutter and learned it a few Weeks ago, but it is limited in the possibilities. AS ex. i need a app with just Shows a Website, i think that should be possible with react native (is unfortunately Not possible with flutter yet).

[@masbro1901]

i don't understand, i code in android studio.

[@movocode]

Who watched TechLead video?

[@mohamedshuaau632]

What’s confusing about this? I found out that devs who learned native languages usually hates these kinds of stuff. They hate frameworks and definitely hate anything which would make your life easier

[@jeffpeng1118]

these things took away their advantages and made their work easier to do for other ppl lol

[@kedarnandargi]

Better do advertising video...😒

[@mtamarh]

for anyone who said react native is not native they can't read

[@Pegcityminds431]

Ehh eversick boi

[@couches]

It's not real native apps

[@syntaxfm]

What are they then if it compiles to native code and isn't a web view? It's real native app

[@couches]

​@@syntaxfm You said if anyone said in the comments that it's not a real native app, then you would tell them they're wrong. I was just checkin'

[@rikilamadrid]

apology accepted, just don't do it again. right?

[@syntaxfm]

+Ricardo Lamadrid I gotta eat somehow.

[@rikilamadrid]

FTFY: i gotta buy a new swimming pool. you get enough from youtube... nah im messing with you. you do what you got to do the way you can only do what you need to do to do the things you want to do. right?

[@pinkeye00]

lol ... love how I can get all this from React Native's website. You basically just read their documentation in paraphrase form, and call it "teaching". Thanks ... but no thanks.

[@syntaxfm]

This series is simplifying explanations of various tech. If you can read the docs and understand it than this video isn't for you. Many people like and want spoken explanations.

[@pinkeye00]

Beep boop bop boom beep.

[@kentmorado9342]

REACT NATIVE IS THE MOST ANNOYING FRAMEWORK

[@richardwatts20]

Thank you for wasting 2 minutes of my time at the start of this video.

[@syntaxfm]

How kind of you Richard.

[@richardwatts20]

@@syntaxfm No problemo

[@zfarahx]

Lmao, you’re the exact definition of a douche, Richard. Typical freegan behavior.