Mobile Apps - Web vs. Native vs. Hybrid

[@TraversyMedia]

Nativescript is also definitely something to look into - www.nativescript.org/ I will be researching this hard to make a video on it

[@JBuchmann]

I was about to post a comment on you not mentioning NativeScript. Seems to be a competitor to Xamarin, but it uses Javascript instead of C# so should be easier if you already know JS. Looking forward to your video on this!

[@BillyMahmood]

Great Video however I was a bit let down because you missed out NativeScript. NativeScript is brilliant, it is the biggest competitor to React Native however NativeScript is well documented and is easier to get up and running. I look forward to your video on this.

[@bryannbarbosa8126]

If you will make a app like Snapchat, with camera and filters, i don't recommend NativeScript. He's less popular and don't have much plugins to specifics tasks. I try to build an app like that and it was a failure, React Native is superior in these points and others.

[@sammykins7778]

Do you have a tutorial on how to build a progressive web app? Love your channel!

[@alboss6647]

h

[@hugemad]

"the 4 people that use blackberry and windows phones" died.

[@birsingh5388]

I'm still using windows phone (MS 535). hehehe

[@taariqq]

They did not. They switched. haha

[@deanheylen]

A year later.... are there still 4? :)

[@ernestogerena7419]

I use Microsoft Lumia 950, but we are going extinct. LOL

[@ashiq1141]

I'm using BlackBerry priv , itsss awesome

[@TraversyMedia]

Hindsight: You actually can have a website as an icon on the home screen. Scratch that disadvantage :) Thanks for watching!

[@MrSushant3]

Traversy Media but that'll still require a web browser. So let's unscratch 😃

[@TraversyMedia]

I just meant that particular point of not being able to have the icon on the home screen. Yes running in a web browser sucks

[@donpayette7062]

Could you give us a short vid to show how to create an icon pointing to a web app? Also, in thinking about it, I don't really see the issue of having to use a browser. All platforms have them and they are mainly a rendering engine, right? I would also guess that a hybrid app has a browser in there somewhere. Just musing. . .

[@jeanpaulgiraldo]

In the video he's talking about icons on your cellphone's desktop, I'm not sure about iPhone, but on Android, if you're using Google Chrome as a browser, just click/touch the icon for more options on your top right corner (the 3 vertical dots) and choose Add to Home screen from the menu, it'll send the current website to your desktop. As always, great video!

[@gainorbostwick9764]

On iOS using Chrome for example, you can bookmark websites to your home screen, in doing so it will create an image of the website and save it to your home screen. Clicking this icon on your home screen will now open up Chrome and go directly to that website.

[@mattsupertramp6506]

6:30 you've just destroyed my dream of starting a company making native apps for Windows and Blackberry

[@madhurimandala183]

The way u explained is flawless!! you are a great tutor. thank you man!

[@VentusLionheart]

I recently build a hybrid app with Ionic 2, and my experience with it was pretty good! If you know Angular, you know Ionic, which was really cool for me!

[@jaybaybie]

This information is amazing. Thank you for taking the time to inform people like me who are clueless about this stuff.

[@akshayyadav7539]

Very nice Video & Very nice Explanation. Finally I understood the concepts and difference between Native, Hybrid and Web Apps. Thanks.

[@mrchaztachaz1264]

Great! Very useful information. That's very clean and clear explanation delivered perfectly, Thanks for making this video!

[@compteprivefr]

So... late last night I was looking at mid 90's Zoo York videos of skateboarders that used to hang around washington square park and Harold Hunter vids....when I see Traversy Media commenting on how the area has now changed.... Didn't know you were a skater! That aside, thanks for the hybrid app overview!

[@rachelray2631]

Brilliant Video and really useful information for my Angular exam Friday. Thanks a bunch!

[@hitec1691]

please make a 2019 version of this.

[@YoungDen]

Flutter pretty much is added to the list

[@andyjagroom.3878]

Kotlin

[@taariqq]

Needed that information for clarity. Thank you Brad and than you youtube for suggesting.

[@schrodingerscat3912]

the fog has been cleared. thank you sincerely

[@orrigo100]

yesss. I have waited so long for something like this. Appreciated!

[@artiomoganesyan8952]

I would love to see this updated in 2019. With Kotlin I think and other changes this has changed.

[@TheBj100m]

Another advantage of hybrid app is there are tons of code snippet on the internet that you can copy & paste or modify to use in your project .Bad point many native app developers hate you.

[@chiaramariadedominicis458]

Very interesting subject. I think I'll go hybrid from now on... thank you for opening my eyes ☺

[@mohammeddhillshaardthd2122]

That's where Flutter comes to solve many of the disadvantages.

[@jeab4721]

thank you i was going to say that.

[@brunofilgueiras3518]

every time I need to have an insight for something I`d rather check first if Traversy Media has something uploaded before trying to find any other new sources.

[@jaikangammalangmei8271]

Thank you great video. explain well making very clear concept. I did learn something form this tutorial...

[@donpayette7062]

It seems to me there is a huge advantage for web apps in secure environments. When I worked for the Federal Government I had a govt laptop, but I was not an admin. Generally I couldn't install apps. Not sure if the Windows store would have allowed me to "install" a hybrid app or a pure app on my machine. A web only "app" wouldn't have this issue. Interestingly my govt phone (Galaxy S5) was less restrictive. I installed a number of apps from the AppStore, no problem.

[@aQilahQi]

What about progressive web apps?

[@dobladov5055]

I was going to point out exactly this, progressive web apps solves the problem with the Icon, and also allows the web app to work offline which is a great disadvantage if you don't use service workers.

[@lucyegan82]

PWA's are being listed in windows store/soon to be, and play is considering adding them too(though i'm pretty sure you can grab the apk that the pwa now generates and list it yourself). As for IOS, it may be getting there slowly as they are now marked as in development for Service workers for safari, so thats a start.

[@xpopcornx1747]

@@lucyegan82 Won't be backwards compatible though. Why not instead use a cross platform native framework, gives you more control and is more fun. In my opinion people who develop for mobile should in any case learn the underlying platforms.

[@lucyegan82]

@@xpopcornx1747 fun is the last word I would use, atleast for react native, we use it at work for 1 app and it's the worst thing ever. Also if your worrying about older devices they can always fall back to the browser hence the progressive part.

[@xpopcornx1747]

@@lucyegan82 As a mobile dev I am simply not nearly as interested in making web apps as I am native mobile. Have not used React Native but with Xamarin you use much of the same api as native development only with c# wrappers, unless it's Xamarin.Forms which has its own layer on top. Still this is more interesting to me than making web apps as it is something that runs natively on the device. I think it is important to differentiate mobile developers and web developers because these are usually not the same people.

[@markomiljkovic4646]

Great video and One of the best youtube chanells out there

[@bangkokbkk1574]

Great work Brad. I have learned so much from your videos over the past month I just became a Patreon

[@DaddyDadBod]

It seems like you didnt research much about this technologies 😥😥😥 you missed a lot, as a mobile app dev for 5 years now. I used native more than others. It actually depends on the project if you can use hybrid for fast deployment then you can do so. But for some hardware interactive app, it is really better to use native. And correct me if im wrong, you forgot to mention Kotlin. Xamarin uses C#.

[@mehsamnaqvi6332]

ya ... Xamarin is the best platform to build native apps in cross platform....

[@catchwest.combypuneetgrover]

That was obvious when he said javascript is easy and java is difficult that he didn't do any research.. he want to say fighting a dinosaur is easy than fighting a newly born puppy, again low on research when claimed web programmers comes cheap than app developers. With web being everywhere from browsers to webview in apps, obviously they can't come cheap.

[@Ipadstands]

Thanks, I wished you picked out 2 hybrid apps that are stellar for Android and IOS that shows hybrids potential !

[@akshayyadav7539]

Very nice Video. Thanks. Finally I understood the concepts and difference between Native, Hybrid and Web Apps.

[@khalidyo640]

You are the man!! thank you for your effort short video but very handful knowledge for the ones who just want to understand the differences . Thank you again .

[@jessicamorris8035]

What an Outstanding video and content as well. I found this an excess of informatics. I was looking for it. I might want to suggest that if it's not too much trouble, continue to share such kind of data. If potential, Thanks.

[@vincedprime]

Thanks for thos video It helps me a lot in my project

[@jgraves4532]

Consistently one of the best on youtube.

[@swordfishandtuna]

Thank you for this educational piece!!

[@tinnguyen2219]

Thank you so much for sharing this useful data! Greatly appreicated

[@webdevviolinist1698]

NativeScript is the Angular version of React Native and should be slotted into the 4th type.

[@mistypixstudios6304]

which is better in your view?

[@alvinsovereign2581]

Depends what you prefer. Angular then go NativeScript, React, then go React Native.

[@joseberardocunha]

Nativescript is not "limited" to Angular. In fact, you can go vanilla JS, "vanilla" TypeScript or on top of a number of different frameworks. Angular is basically the first that comes to mind, but there's nothing to prevent using others and I've seen people working with Preact or VueJS along with Nativescript

[@B_COOPER]

“The four people that use blackberry & windows phones” Thank you for a genuine laugh right in the middle of your lecture.

[@ahmedfouzan]

Another informative video! Keep going man!

[@alexandros-markovits]

a series on hybrid or xamarin would be pretty good. nice video :)

[@evanskariuki2799]

Excellent explanation.

[@carlosalvarez4188]

Hi. As far as I know Xamarin doesn't use strictly web technologies (html, css, js) as react native does (jsx), Xamarin uses C#. Great video.

[@CamiloGomezDev]

C# is a web technology in that it is used as a server-side language for web apps

[@carlosalvarez4188]

Dok Asov Yes C# can be used as a server Side tech with .net but in Xamarin is used to build the client, the app..

[@Super_Cool_Guy]

HI Brad , can you advise or make a video on PROGRAMMING FRAMEWORKS , I mean what components does a framework rely on or need . The reason I ask is because I was trying to learn c++ but am struggling with what types of compilers I need for even how to install one .... this would really be helpful ...thanks man !

[@mrgreggles998]

An interesting overview. If you do a tutorial/series with Xamarin, I'll shout "Yay!" for sure. :-)

[@darrenthompson442]

Hi! Thanks for the videos! I was wondering what your thoughts are on replacing flexbox and bootstrap with CSS grids. Can you make a video if you have had any experiences with CSS grids in your job?(I know they only recently became supported on all browsers)

[@destinram]

Thank you sir for this session

[@zsoltoroszlany7172]

I really like your videos in fact I started watching a tutorial videos of yours some day ago. I was was curious about this topic you bring on now and I waited and have to say that I disagree about web apps disadvantages the only disadvantage is that you can not post it on any app store. A web app is fast, however it may be slow if you have a slow internet connection. Mobile browsers are blazing fast. Also you can pin any web app start url on your phone screen. Recently there appeared new APIs for mobile web developers and with that you are abble to access almost every aspect of your phone eg geo location, orientation, is it charging and many more.

[@imadabab]

Brilliant. Thanks a lot Brad.

[@bryanyamego8425]

This video really opened my eyes

[@katzy687]

Nativescript is dope. Using it at work right now. Very solid API and set of core modules, and they even let you write your own custom typescript/javascript if you need to reach out to a native component that is not yet supported through their core modules

[@abosoar]

awesome explanation! keep up the good work

[@gonzo191]

The 4 people that use blackberry and lumina phone and the video has 4 dislikes. Coincidence?

[@parulson6274]

the video had 4 dislikes when you looked at it... you are the coincidence.. hahaha

[@darinsiegle9424]

gonzo191 I just think a lot of you don't know how good blackberry &a windows phone were. They worked great. Platform & security top notch. For black not windows. You all are just not old enough to know. Or sent enough time with to see pros and cons. If supported I would take either over android any day. But big $ couldn't have that.

[@uch195]

Do you plan to cover PWA as well? In future videos

[@VictorFlames]

I watch your videos Every day and I really want to take your Mega Mobile development course. I checked out the link you provided on KZbin and it says the course is no longer available. Please how can I get the course?

[@oussamacheta7106]

thank you so much ! great video ,you just made my life a lot easier !!!

[@KDT_Gaming]

"The 4 people that use Blackberry and Windows Phone"... haha. Great informative video, thanks!

[@mohamedhatim4541]

This is really useful video and it's give good view to choose what is the good thing i could start with when to start mobile application developing , I Think i will straggle in AngularJs tech. and React too , Thanks for the video keep up the good work :)

[@lloydtorres7732]

Please make a new version of this Video for 2020

[@OnTheArchipelago]

Awesome video! Thank you

[@FalcoAcePilot]

That was great info! Very compact and structured though one false information, Xamarin doesnt use javascript im pretty sure

[@knowah.]

"...the 4 people that use blackberry or windows phones...." hahaha

[@tajayeb]

more like one person for blackberry

[@knowah.]

Me too, by far my favorite mobile OS. It's too bad that MS dropped the ball so many times with it.

[@lifesuckssometimesbutthats6344]

yeah, hahaha

[@AtamMardes]

Hi, Off topic question: Have you made any video tutorials on OOP design patterns with examples? If not, any plans to make one?

[@walidbannour]

Thank you Sir for these infos

[@noordeenhasn7193]

actually. if I build native app with react native it will work on both indroid and ios , not only on one platform

[@savedbygrace.slowedreverb]

Very helpful! Thank you.

[@soumik450]

superb demonstration !!!

[@bonnyboy23]

You can have quick links to web apps on mobile devices so it looks like an app shortcut

[@clickmintaka1232]

ok. Well. Can you make video again on the topic of "how to develop hybrid app", with complete project from start to the end. e.g., i want to develop taxi booking system as same as Careem taxi app. to facilitate the public by using my app. Can you help me in this matter please??????......

[@konstantintsimbalist6705]

Another disadventage of a web and hybrid apps is a less energy saving then native app, because count of instructions that processor handle is more and web apps use more resources in total

[@hachij_]

good point

[@FalcoAcePilot]

what does that mean, count of instructions? and what resources do u mean?

[@skaruts]

Where do applications like VLC, Bandicam or even KeePassXC fit in all of this?

[@md.sabbirhoshen2419]

thank you very nice explain.

[@peberdah]

I just develop my own frame in HTML-CSS-JS-AJAX-PHP, I would like to be fast delevering on small audience. I rather prefer to stick to the object model, object-method-property, an application through a side menu, list objects available, then sub-menu listing methods, then trigered process local setted properties. Interface is split in 3 areas, Header-SideMenu-Main-Footer and 10 prestored mains this is sufficient even for the more demanding sites.

[@muhammadumer2011]

Excellent tutorial sir

[@oceansblue692]

From a Product Owner hiring perspective, what could be the major difference between Mobile App and Web Development App? Let's say i am hiring a Product Owner, who has more experience with web apps than mobile apps, what should i be concerned about? and or what that Product Owner should be aware of?

[@hav0x420]

So Discord is a hybrid app, right? It's using the Electron framework.

[@WinnerSingh]

Can you make the video how to create a android app which has few pages, like a website. I mean what ever in our website convert to android app, backend from website, frontend new design for app.

[@cabdullaahicabdicasiisxuse9797]

thank you cleared a lot.

[@nidaiqbal1740]

from where i can learn to create hybrid app using node.js

[@hav0x420]

Read about Electron! Discord is a good example that uses it.

[@learnthenew3119]

clear explanation, good video

[@mgpyaephyoswe5464]

Very Nice Explaination !!!

[@junka3]

hey brad nice video, thank you for insight. Any chance for a tutorial about building a progressive web app in vue.js in the near future?

[@TraversyMedia]

Very good chance. Need to do some more research first

[@courtneye.3276]

Not "the 4 people that use Blackberry and Windows phones" lololol Thank you for making this video, though!!!

[@AlphaScorpii86]

Hey! Thanks for the video. I just want to point out that on iOS, you can actually access any website with an icon on the home screen: Safari provides an option for that.

[@yosoX]

Chrome on Android has a similar feature. But a user has to do it manually and might not even know about that feature.

[@alexkey9372]

cool overview! although, react native is not really a hybrid app though, it just generates components from xcode and android studio which actually what you have at the end is a native app whilst coding kind of in javascript

[@TraversyMedia]

Thanks. Yeah, check the slide that says "4th Type". Im talking about React Native, Xamarin, Nativescript, etc. I think these are the future

[@LELABTV]

With what I'm doing this is very useful im really interested in the hybrid app 🧐

[@riznikhan8856]

excellent video

[@suneelpallinti2949]

Excellent explanation..! I have One more doubt, can you explain me examples of Native and hybrid mobile applications?

[@MuhammadUsman-vb6pn]

thumbs up for you (Y) Very Informative video!! Looking forward to more videos like this

[@iamuchealex]

Hi Brad, you are amazing! I checked your tutorial on eduonix using your link at the end of the clip and do I need to learn JavaScript first before taking on the course or is it covered in it. Thanks

[@AnwayPramanik]

great video dude!

[@AgentCell]

Hmm this is a tough one for me. What if you started already learning swift? Should I continue or drop it to learn hybrid?

[@mohitsinghpawar5682]

Hello Sir !! You make Great Videos sir, I just had One Question to ask I have completed Your CSS and Html5 courses and also Finished with Bootstrap and Flexbox. I am currently working with Java script . So I just Wanted to Ask You what should I go for Next .. I want to make apps also and I have knowledge of basic JavaScript so should I go for angular if so , then Which ?I don't know much about it. Thanks Would be Glad if you can help me once more.

[@crystalm36]

Just curious if you can help me with this. I'm kind of at a loss what to do at this point. I have a website on Wordpress and used a plugin called AppPresser to make an app. We have had the app in the app stores but recently Google Play changed it's Privacy Policy. The app was rejected and sent this warning: We don’t allow apps whose primary purpose is to provide a webview of a website, regardless of ownership, or to aggregate content that does not belong to the developer. To resolve this issue, please remove violating content and resubmit your app. Is this because the app looks too much like the website? We also have links that open up in a web browser, such as the online catalog, donate, and social media.

[@rotimibest8530]

Great Video, Thanks

[@wadiebayernfan31]

React Native should go under Native apps, not Hybrid. Taken from React's docs: `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.`

[@Albertmars32]

trav k you make a tutorial on how to deploy a nodejs app on digital ocean using nginx?

[@МирасБатлов]

Hello admin I have a question I'm novice programmer and I don't know and I do not know where to start studying to develop a program like what's up. Please write to me as I am afraid to study the unnecessary besides there is no one to ask

[@elinacooper9627]

One of the best examples of hybrid apps app is where you are right now A: KZbin...

[@nnekaokonkwo7360]

Really

[@alifiyalahori8247]

Really useful 💯

[@edko8286]

nice video. but instead of saying "slower", it would be nice to show benchmark data too for clearer comparison. even on price comparison, showing actual project prices is better than saying cheaper. i enjoyed the video thou

[@nikolabadjevic8189]

would it be a good idea to first create a test app as hybrid or web and then if your users like the service very much then you can rebuild the app from scratch in native. i understand that this can become expensive but what is your opinion on that? thanks

[@blu8762]

what if i want my app to work on browsers and as an app too ? i mean i have to make each one separately right ?