The fireship app is not on the public Play Store and I have no plans to make it public, but try it as a beta tester play.google.com/apps/testing/io.fireship.app
Write once, run everywhere. Sure. If you can't be bothered to differentiate the experience for different devices! I have no interest to install a phone app on my desktop pc when it is not optimized for desktop use. And you still haven't addressed the issue you're starting out eith insecure spam.
As a web developer that works solely on getting a native "perfect like" experience on mobiles as well as desktops this TWA stuff will finally allow the hard work to be recognised with the added bonus of not having to write and maintain multiple versions of the app just to satisfy Android and apple stores policies. Thanks for letting me know about this :)
TWA is better than PWA for android ruclips.net/video/rF8nPbOiwWM/видео.html Also TWA supports everything that browser supports the file selection, Camera API, microphone API and there is absolutely no perfomance degrade
Whenever I open this channel, I always see new content that I have not heard. Again thanks for video. Hope u reach 1 million sub soon and I am still getting something new from you.
It's great step in the right direction. At the same time, Android has 3 different types of PWAs atm. The "Add to home"approach available to all, the webapks available and generated only from Chrome and finally the TWA method described above. Something has to change there. Either availability to other browsers or making the process much more seamless. On the topic of monetization - there isn't any information or concrete statement, which is bad. As things stand, the 30% revenue split is justified not only for store presence but for the plethora of functionally found on the Google Play Services. From payment, storage, server availability to tester tools and analytics. PWAs standing is rather different than the usual app models (apps require at least several of the above listed items) and this poses the question if the same monetization model should be applied between the store and developer for PWAs. I bet this will become hot topic as PWAs become more popular
I've never heard about this before and I'll definitely look further into it. Thanks, Jeff!! I love the content you put here on RUclips and your site. Congrats!
I just learned programming one year, and after seeing your video I became excited to learn more about programming. and sorry if my English was bad because English is not my mother tongue
I really love PWA's and I will definitely be trying out TWA's, but in reality I don't think I'll use it for nearly as many projects as I would like, because so many users are still on iOS. Apple really needs to step up their game here
Ohh, woww !! Man, seriously you have been doing a great job !! I just arrived in your channel, I want to learn more about dev/frontend and you have so many amazing content !! Soon I'll subscribe for the Pro and do some courses! Thanks !
Nice intro 😂 My thing in TWA/PWA yeah is good for app that doesn't relly on native module on android. Good thing about it is that the app does not relly on Chrome. 🤔 Since there is a lot of bussines still prefer native than web (not a lot) because 'my user would be search this on play store too' this could be the solution.
This is awesome, this makes every PWA as easy to export to an apk as it is with Ionic, I've built a PWA with Vue and I'm going to use this the get it on the Play Store!
Super accurate, as always! Thanks Jeff. I'm not seeing TWA having a big success for good quality apps since 99,99% of North American people use iPhones and iPad. Only Android means Europe, India and China
@@romanchuk_vlog that's what I'm saying: As Apple doesn't support TWA and most of American people use iPhone/iPads, I don't think TWA will be any big success.
That was an amazing video. Can you please let me know how we can do the same for iOS and what to do in order to introduce in app purchase or any buy functionality.
Thanks for the tutorial. TWAs look very promising to me, a bit like PWAs on steroids. I really like what google is doing latelyn with all the drive they put into web technologies. At the moment however I am looking into Nativescript, which is also a nice way of building apps with the web stack. I would be very happy if you could do a tutorial about this in the future. Because really I like the way you cramp a lot of knowledge into 5-10 minute long videos, which by the way I think is an ideal length for tutorials, while still making it easy for me to follow along. Keep up the great work.
TWA is better than PWA for android ruclips.net/video/rF8nPbOiwWM/видео.html Also TWA supports everything that browser supports the file selection, Camera API, microphone API and there is absolutely no perfomance degrade
5 лет назад
I work in a company that went from native to pwa in the past couple years. Now they are migrating to the play store with TWA, which is a much better solution than keep multiple developments. BUT this is still very new. IMO, to this day, I not recommend as a solution for your business. Definitely keep an eye and keep your code up to date because they are advancing fast.
Right now, you definitely need to have an app on both major platforms, IOS and Android. PWA's work for the most part on Android, but they have some issues with IOS. Android is very supportive to developers, especially experimental developers. They allow, 100% native, native, pwas, and twas. In the Google Play Store you can put some of those methods. IOS on the other hand doesn't, at all. They are so strict on guidelines and they have a $100 developer license. That is why I have an Android ;) (*do i get a shirt now?*)
I also don't agree with how Apple handles it, but at least the high bar reduces the probability of crappy apps polluting the store. There's many noob devs that post apps that could've been written with 8 lines of code, or native apps that don't take any advantage of being native. Paying 100$ doesn't entirely prevent this, but it reduces it, increasing the average quality of apps in the marketplace
Write once run anywhere works if your web app is built with ionic on iOS. Similarly many web apps can be properly configured to be added to the home screen which allows them to be loaded as a PWA on iOS.
With Ionic you still need to write platform specific code with plugins for things like oauth/storage because webviews are sandboxed, but that's not always a bad thing. The TWA is literally a 1-to-1 mirror of your PWA. That is true about iOS, but PWAs are not discoverable on the app store.
Discovered your channel this week and I'm loving the videos! One thing I'd suggest however is to level up the sound of your voice - I think it sounds lower than normal. Keep it up! hehe
Great content, I hope apple will support this soon. Somewhere you mentioned you using Hugo. Could you tell something more about your stack you using for fireship and possibly make some video about it in future
I learnt about TWA from a medium post. I was going to build an app, which doesn't use much of the native features. I was confused between whether I should go with a PWA or make a Flutter app, which I can later compile for Linux, OSX and Windows. But, now it seems like I've to prioritize the PWA instead, universal support. But man, I hate CSS. That's where Flutter really shines for me :) If you had the choice, what would you do ? I'm planning on doing both someday, but I want to focus on one first.
Oh, and there's: Flutter Hummingbird: medium.com/flutter-io/hummingbird-building-flutter-for-the-web-e687c2a023a8 Flutter on Desktops: medium.com/flutter-community/flutter-on-desktop-a-real-competitor-to-electron-4f049ea6b061 ( _A better version, but is not released yet_ ) A released version: medium.com/flutter-community/flutter-from-mobile-to-desktop-93635e8de64e One library uses Go as well.
TWA is better than PWA for android ruclips.net/video/rF8nPbOiwWM/видео.html Also TWA supports everything that browser supports the file selection, Camera API, microphone API and there is absolutely no perfomance degrade
@@ashiqdey TWA is PWA with a proper manifest so that it can be published on Play Store. It's not better, it's pretty much the same thing. _Unless there has been a lot of stuff that has been done recently lol_
Since we can achieve more productivity using ionic framework, I don't find its better choice than ionic - I can deploy same code in web, mobile, android and iOS (y)
It all depends on the app. Ionic is great if you need more than PWA features, but TWAs are a far easier approach than integrating cordova/webviews if your app fits the right criteria.
TWA is going to be faster than Ionic, not to mention it'll produce a far smaller APK size. Both have their advantages, Ionic has access to native features, but is slow compared to TWA APKs, which are limited to what Chrome/Android Web View implements....
Thank you Jeff, I think TWA is an awesome way to create android apps. Please I'm 24 years and half and I want to learn Web development (I already know some basics, HTML, CSS, Bootstrap, JS) but I don't know if I'm too old to find a job in the industry. If want to invest about a year to improve my skills but I'm affraid. Please any help would be very appreciated, Thank you very much 😃
How does it work when you update your application? Do I need to send another version to the play store? Or does it update from the web app? If so, is the update made on the client or on the play store base? Thanks in advance
This already is possible with Ionic, using the InAppBrowser plugin. Is possible for Android and iOS. I have a pwa published like a native app using this way
I'm glad you commented, I saw this in the live chat. Can you link your app? Obviously this is not as seamless as a TWA, but it does sound like a clever way to also support iOS. However, it sounds like it may be pushing the boundaries of Apple's terms of service.
I am building a pwa in reactjs, that will be then submitted to apple store. I want to include an in app purchase functionality in that. Can you please let me the best way to publish pwa to apple store and what to use for in app purchase functionality.
Hey great video ! I have one question though...Is it possible to integrate push notifications..and will they appear without granting permission in app ( after install )
I'm having a Gradle problem that i can't fix. The option to generate the Signed Bundle doesn't even show up. Unable to start the daemon process. The project uses Gradle 4.6 which is incompatible with Java 11 or newer.
I currently have a webview app for my website, will the twa have better performance? does it support push notifications from a service like onesiganl? and can i use app links to other installed applications?
What i think of PWA is that it will replace 70% of the native apps, rest 30% will be very performance critical, CPU bound or for less battery consumption.
My web site renders good enough on a mobile browser. If my goal is to build an android app available on the Play Store that will render my website full screen inside the app without the browser chrome, what do I need? Can i do this with NativeScript WebView and TSA?
The fireship app is not on the public Play Store and I have no plans to make it public, but try it as a beta tester play.google.com/apps/testing/io.fireship.app
You could name it public with the name "Fireship Lite" because it's really a Lite App :D
is there any way to add Interstitial admob ads with this pwa? Trying to see if there is such possibility! Please reply back!
Thank you for not spamming the Play store. Makes it a lot easier to avoid.
@@hayzeproductions7093 did you get the answer for your questions? Even I have the same question
@@StijnHommes unlike rude people like yourself i dont flood apps with ads. Im more conservative with user experience.
"write once and run everywhere, as long as everywhere does not include IOS"
~ Fireship, United States, February 2019
Write once, run everywhere. Sure. If you can't be bothered to differentiate the experience for different devices! I have no interest to install a phone app on my desktop pc when it is not optimized for desktop use.
And you still haven't addressed the issue you're starting out eith insecure spam.
As a web developer that works solely on getting a native "perfect like" experience on mobiles as well as desktops this TWA stuff will finally allow the hard work to be recognised with the added bonus of not having to write and maintain multiple versions of the app just to satisfy Android and apple stores policies.
Thanks for letting me know about this :)
TWA is better than PWA for android ruclips.net/video/rF8nPbOiwWM/видео.html Also TWA supports everything that browser supports the file selection, Camera API, microphone API and there is absolutely no perfomance degrade
Whenever I open this channel, I always see new content that I have not heard.
Again thanks for video. Hope u reach 1 million sub soon and I am still getting something new from you.
Should make it to 1MM in about 10 years!
Pretty much all of your videos are like opening that case in pulp fiction! 😎
Haha! Thanks 🌟🌟🌟
It's great step in the right direction. At the same time, Android has 3 different types of PWAs atm. The "Add to home"approach available to all, the webapks available and generated only from Chrome and finally the TWA method described above.
Something has to change there. Either availability to other browsers or making the process much more seamless.
On the topic of monetization - there isn't any information or concrete statement, which is bad. As things stand, the 30% revenue split is justified not only for store presence but for the plethora of functionally found on the Google Play Services. From payment, storage, server availability to tester tools and analytics. PWAs standing is rather different than the usual app models (apps require at least several of the above listed items) and this poses the question if the same monetization model should be applied between the store and developer for PWAs. I bet this will become hot topic as PWAs become more popular
Great insight, thank you! I agree and the "hybrid" app ecosystem as a whole is very hard to navigate, so this just adds one more variable to the mix.
@@Fireship I found about TWA apks from Maximiliano Firtman ( @firt ) on Twitter. If you can, definitely check his articles.
@@PakoSt Good call, I did come across his article at some point. Sven links it in his post on medium.
"Run everywhere, as long as everywhere doesn't include iOS" xDDD
hahahhahha
I've never heard about this before and I'll definitely look further into it. Thanks, Jeff!! I love the content you put here on RUclips and your site. Congrats!
Thanks for this tutorials! Whenever I show someone my website, the first thing they would ask is, "is there an app?"
Now you can easily say yes!
I actually don't understand why. I don't want to waste my smartphone. Just use the website ^^
(Of course that depends on your project)
I just learned programming one year, and after seeing your video I became excited to learn more about programming.
and sorry if my English was bad because English is not my mother tongue
From where I am with my app, this again... was GOLD!
Damn!! That was quick. Very good for people who want to quickly put their web app on Android.
I really love PWA's and I will definitely be trying out TWA's, but in reality I don't think I'll use it for nearly as many projects as I would like, because so many users are still on iOS. Apple really needs to step up their game here
Yeah I wish, but not holding my breath for Apple
Do check out the video of TWA ruclips.net/video/rF8nPbOiwWM/видео.html
Thanks, I have started working on PWAs now.
Nice tutorial man
I really dig how you explained everything in detail
You got a new subscriber! :)
Thank you, welcome to the channel!
TWA is very huge for PWA. I'm very excited with the direction web is taking in 2019. I'm a huge fan please I deserve that tshirt
Ohh, woww !! Man, seriously you have been doing a great job !! I just arrived in your channel, I want to learn more about dev/frontend and you have so many amazing content !! Soon I'll subscribe for the Pro and do some courses! Thanks !
Nice intro 😂
My thing in TWA/PWA yeah is good for app that doesn't relly on native module on android. Good thing about it is that the app does not relly on Chrome. 🤔 Since there is a lot of bussines still prefer native than web (not a lot) because 'my user would be search this on play store too' this could be the solution.
Ive recently read about twa on reddit and immediately thought you might going to cover the topic soon. turns out i was right ;)
I'm lucky to have a good community keeps me on top of all the cool things.
Complete agree with you.. can you please add video about - How to monetize ad in ionic app?
Amazing how you always post content that I can immediately put to use
I guess TWA = pwAPK for me.
Thanks Jeff for keeping us up-to-date.
With Jeff #AlwaysLearnSomethingNew
PWAPK is the most perfect name ever :)
TWA is Trusted web activities, this allows for Full screen pwa experience.
And yeah, PWApk is a new word added to dictionary. #PWApk #FTW
great content ,pwa are the future in my opinion you can do amazing stuff like this . Will play with this and see what can i get published
You never cease to amaze me. Good content buddy. Thank you. #🇿🇦
Step 12 was the most best one! love you @Fireship
I love step 12 by the way ☺😂
Nice, short guide. Love your work 😁
This is awesome, this makes every PWA as easy to export to an apk as it is with Ionic, I've built a PWA with Vue and I'm going to use this the get it on the Play Store!
Yes totally. One of my favorite things is that Firebase OAuth works without the need for cordova plugins.
Super accurate, as always! Thanks Jeff.
I'm not seeing TWA having a big success for good quality apps since 99,99% of North American people use iPhones and iPad. Only Android means Europe, India and China
There is no TWA on Iphones and IPads. So what are you talking about?
@@romanchuk_vlog that's what I'm saying: As Apple doesn't support TWA and most of American people use iPhone/iPads, I don't think TWA will be any big success.
That was an amazing video. Can you please let me know how we can do the same for iOS and what to do in order to introduce in app purchase or any buy functionality.
Really cool, I am gonna have to test this out with a couple PWA's I have running. Thanks Jeff! :)
Exciting. Thanks for the video
Thanks Zach!
TWA is new to me.. But if YOU talk about it, it's going to be important
watching from Uzbekistan
Thanks for the tutorial. TWAs look very promising to me, a bit like PWAs on steroids. I really like what google is doing latelyn with all the drive they put into web technologies. At the moment however I am looking into Nativescript, which is also a nice way of building apps with the web stack. I would be very happy if you could do a tutorial about this in the future. Because really I like the way you cramp a lot of knowledge into 5-10 minute long videos, which by the way I think is an ideal length for tutorials, while still making it easy for me to follow along. Keep up the great work.
TWA is better than PWA for android ruclips.net/video/rF8nPbOiwWM/видео.html Also TWA supports everything that browser supports the file selection, Camera API, microphone API and there is absolutely no perfomance degrade
I work in a company that went from native to pwa in the past couple years. Now they are migrating to the play store with TWA, which is a much better solution than keep multiple developments. BUT this is still very new.
IMO, to this day, I not recommend as a solution for your business. Definitely keep an eye and keep your code up to date because they are advancing fast.
TWA is the next normal do give it a try ruclips.net/video/rF8nPbOiwWM/видео.html
So right on time..... I thought it would be too hard to do... Thanks man
This is awesome! I actually have already deployed a production PWA to the app store :D
Great! Thank you very much for this.
Right now, you definitely need to have an app on both major platforms, IOS and Android. PWA's work for the most part on Android, but they have some issues with IOS. Android is very supportive to developers, especially experimental developers. They allow, 100% native, native, pwas, and twas. In the Google Play Store you can put some of those methods. IOS on the other hand doesn't, at all. They are so strict on guidelines and they have a $100 developer license. That is why I have an Android ;)
(*do i get a shirt now?*)
I also don't agree with how Apple handles it, but at least the high bar reduces the probability of crappy apps polluting the store. There's many noob devs that post apps that could've been written with 8 lines of code, or native apps that don't take any advantage of being native. Paying 100$ doesn't entirely prevent this, but it reduces it, increasing the average quality of apps in the marketplace
I was looking for these. Thanks for the awesome content
OMG!!! PWA is good solution!!
You just changed my life!
Write once run anywhere works if your web app is built with ionic on iOS. Similarly many web apps can be properly configured to be added to the home screen which allows them to be loaded as a PWA on iOS.
With Ionic you still need to write platform specific code with plugins for things like oauth/storage because webviews are sandboxed, but that's not always a bad thing. The TWA is literally a 1-to-1 mirror of your PWA. That is true about iOS, but PWAs are not discoverable on the app store.
Discovered your channel this week and I'm loving the videos! One thing I'd suggest however is to level up the sound of your voice - I think it sounds lower than normal. Keep it up! hehe
When every third video on RUclips suggests buying a t-shirt, starting feel like browsing a print-shop gallery.
I hear you, I like to giveaway swag, but people always request to buy it.
@@Fireship I hope soon merch will be replaced by your awesome dev-courses. Preparing my PayPal account for this moment 😉
Good content i like Pwa nicely done bro
Supper cool and very informative tutorial.
Thanks man! you are opening Layers
Interesting, a big turning point for web devs (maybe)
No more using that add to homesreen button
Awesome video
Great content, I hope apple will support this soon. Somewhere you mentioned you using Hugo. Could you tell something more about your stack you using for fireship and possibly make some video about it in future
Don't hold your breath for apple support, check this out for the stack ruclips.net/video/gun8OiGtlNc/видео.html
Great content like always.
Now for Apple to follow suit...in ten years' time 😁 PS I'd absolutely love that shirt, as much as I love this channel!
This is great to know!
Very neat, is the app available for download, so I can check the performance?
It is not but I'll send you tester link if you want to DM me on Slack :)
FYI I'm building a Fireship native app in Flutter that is a more focused quiz-style app, not really suitable as a TWA.
Jeff! This is awesoooooooooome
Yes, your material libs would be great as a TWA
I think twa it is the future!
TWA is awesome!
another interesting tutorial
I really do think most apps will be replaced by PWAs. It is interesting to see how new frameworks and technologies will use PWAs to their advantage
not PWA but TWA can be used for most use cases. do check out the video ruclips.net/video/rF8nPbOiwWM/видео.html
nice video, but i have a Q. will playstore ask for ownership proof of the website while publishing on playstore
I learnt about TWA from a medium post. I was going to build an app, which doesn't use much of the native features. I was confused between whether I should go with a PWA or make a Flutter app, which I can later compile for Linux, OSX and Windows.
But, now it seems like I've to prioritize the PWA instead, universal support. But man, I hate CSS. That's where Flutter really shines for me :)
If you had the choice, what would you do ? I'm planning on doing both someday, but I want to focus on one first.
Oh, and there's:
Flutter Hummingbird: medium.com/flutter-io/hummingbird-building-flutter-for-the-web-e687c2a023a8
Flutter on Desktops: medium.com/flutter-community/flutter-on-desktop-a-real-competitor-to-electron-4f049ea6b061 ( _A better version, but is not released yet_ )
A released version: medium.com/flutter-community/flutter-from-mobile-to-desktop-93635e8de64e
One library uses Go as well.
TWA is better than PWA for android ruclips.net/video/rF8nPbOiwWM/видео.html Also TWA supports everything that browser supports the file selection, Camera API, microphone API and there is absolutely no perfomance degrade
@@ashiqdey TWA is PWA with a proper manifest so that it can be published on Play Store. It's not better, it's pretty much the same thing.
_Unless there has been a lot of stuff that has been done recently lol_
I feel that TWA is great if your product has the need to be discovered on playstore for at least a one to one interaction!
does this mean the developer needs to pay the 30% cut if the payment method is Stripe?
I have the same question
Since we can achieve more productivity using ionic framework, I don't find its better choice than ionic - I can deploy same code in web, mobile, android and iOS (y)
It all depends on the app. Ionic is great if you need more than PWA features, but TWAs are a far easier approach than integrating cordova/webviews if your app fits the right criteria.
TWA is going to be faster than Ionic, not to mention it'll produce a far smaller APK size.
Both have their advantages, Ionic has access to native features, but is slow compared to TWA APKs, which are limited to what Chrome/Android Web View implements....
Super awesome topic
Is the app still available on play store
i was about to search this but got it in my recommendation
Thank you Jeff, I think TWA is an awesome way to create android apps. Please I'm 24 years and half and I want to learn Web development (I already know some basics, HTML, CSS, Bootstrap, JS) but I don't know if I'm too old to find a job in the industry. If want to invest about a year to improve my skills but I'm affraid. Please any help would be very appreciated, Thank you very much 😃
Are you a mac user? love your videos :)
Never new this was so straight forward, can you convert one to a Cordova Mobile App one in the future ?
Good one. But, I see that url is shown at the top of app. How to hide URL so that it looks like normal android App?
How does it work when you update your application?
Do I need to send another version to the play store? Or does it update from the web app? If so, is the update made on the client or on the play store base?
Thanks in advance
This already is possible with Ionic, using the InAppBrowser plugin. Is possible for Android and iOS. I have a pwa published like a native app using this way
I'm glad you commented, I saw this in the live chat. Can you link your app? Obviously this is not as seamless as a TWA, but it does sound like a clever way to also support iOS. However, it sounds like it may be pushing the boundaries of Apple's terms of service.
PWA IS PWA😀😀
God dammit, this is the best youtube channel!
In my country we call it gambiarra
Can't we access native device APIs using capacitor or cordova in TWA
I am building a pwa in reactjs, that will be then submitted to apple store. I want to include an in app purchase functionality in that. Can you please let me the best way to publish pwa to apple store and what to use for in app purchase functionality.
you need to make new video on pwa (latest updates and changes)
thank you so much for this video 😘😘.
Hey great video ! I have one question though...Is it possible to integrate push notifications..and will they appear without granting permission in app ( after install )
I have not done push in a TWA, but they follow the same guidelines as web, so permission must be granted manually AFAIK
So what is the monetization like? Can I just put in ads without any issues?
Why did you censor the SHA256 hash? We can go on your website and just get that path and see it anyway, it's not private, is it?
I'm having a Gradle problem that i can't fix. The option to generate the Signed Bundle doesn't even show up.
Unable to start the daemon process.
The project uses Gradle 4.6 which is incompatible with Java 11 or newer.
same issue bro, i am unable to resolve it
I currently have a webview app for my website, will the twa have better performance? does it support push notifications from a service like onesiganl? and can i use app links to other installed applications?
FirefoxOS being way ahead of its time....
i love pwa
this is really cool
What i think of PWA is that it will replace 70% of the native apps, rest 30% will be very performance critical, CPU bound or for less battery consumption.
Google really need to work in its documentation. It is simply terrible!
thank you nice tut
Can you please create a video to Monetize an app using PWA, TWA and Ionic?
great
I hope I'll be able to do this just as a front end Dev.
My web site renders good enough on a mobile browser. If my goal is to build an android app available on the Play Store that will render my website full screen inside the app without the browser chrome, what do I need? Can i do this with NativeScript WebView and TSA?
This is so cool
very neat.
Twa is awesome
so cool
But it's a bad feeling to install Chrome stable. It's pretty to build it in twa.
Can you automate the whole .apk process?