It’s pretty exciting! Though I wonder how long before the file system access developments get abused. Maybe time to browse the dodgier parts of the web in a sandbox
@@qzbnyv well the security implications are obvious, but the browsers are built to protect you. I don't think we'll see a return to the ActiveX days 😆 also, it's not like you can't break out of sandboxes into the host
Pretty easy to set up with simple-peer or peerjs. But also useless in a lot of cases if you dont connect it to a media server (and this is where things start to get difficult)
I've been trying to develop my own app but was stuck because I didn't have an Apple device to test on. PWAs are so amazing! Thank you for all the knowledge you have shared
A PWA is a website, so basically whatever your website performance is will be your apps performance. The vast majority of apps (think a messenger) eaisly rival the performance of native apps if you just don't bloat the code base with a million libraries. For high performance apps like video editor/games, we aren't quite at native performance. With WASM and other tech you can get around 70% of native speeds, but it caps you off there. When SIMD instructions become supported by wasm, and browsers lift the ban on shared array buffers (due to the spectral bug) then performance will basically be the same.
finally i can create my web app with out react or vue yes love normal js and firebase and PWA, thank you this is very useful info and i think in future with firebase function even we don't need backend !!!!
What do you think is the future of PWAs? On Chrome, they work like a charm. On every other browser, they work just okay or not at all. Firefox, for instance, doesn't support PWAs, which is very sad ...
This channel definitely needs more attention. Jeff's contents are truly awesome and mind blowing.....The list of what I didn't know before about web is getting wayyyyy to huge....Appreciate your hard work Jeff.
Another interesting feature is the battery status, this is useful for example to show a dark theme to users if the battery is low. Browser support is really limited though, Firefox for example doesn't support it at all for privacy concerns.
Hi. Can you tell me? 1. I created PWA (php+js) - everything is ok 2. Dialogs on js - everything is ok 3. Using Notification I get notifications about a new message in the dialog on decktop. But I don't get notifications in the mobile app. None! Notification.permission - "granted" All permissions are enabled, but there are no notifications. Please help to set up on mobile. Android
2 PWA Feature You Didn't Know Existed: 1. PWAs have terrible support on Safari and will continue to for the foreseeable future because they go directly opposite to Apple's way of making money 2. Firefox recently announced that they cannot continue supporting PWA development due to a lack of resources Invest in PWAs if you wish to support the Google monopoly. - Coming from someone who spent 3 years building PWAs
At this point, there's no point in making a native app, unless it requires special access that can only be provided directly by the OS. I actually have a "rule" or "standards" based on this: "If there's no gain by making it native, then make it an interpreted app (for VMs like NodeJS, Python, and Java). If there's no gain from making it for VMs, then make it a web app or PWA". I wish more devs followed that advice. I hate seeing app stores polluted with apps that get ABSOLUTELY no benefit/difference from being installable, they should be web-based or VM-based. I'm looking at you Instagram and TH-cam apps, forcing users to install their apps when almost all features could be enabled on the website, but they purposefully downgrade the web UX to have direct access to users' hardware and data. Also looking at simple apps, like calculators, minigames, and even encyclopedias
3:23 I opened an empty tab and put this code in the console: window.addEventListener('devicemotion', (event) => { console.log(event.acceleration.x, event.acceleration.y); }); But after enabling the Sensor tab and setting Orientation from "Off" to "Custom orientation" and rotating the virtual phone, this doesn't trigger any logging. I get a warning saying I should reload the inspector, but if I do that my settings are lost, and changing back to "Custom orientation" will just give me the same warning again?
The problem is - most of that won't work on iOS; BLE, Barcode recognition, Background sync and even control of flashlight won't work on you iPhone or iPad, so you can't fully utilise power of PWA if you need to support Apple mobile devices.
Wow, this video was so Amazing! I really didn't know all of these features 😱😱 Pretty impressive and they are so useful! Thanks! I would like to see more of these features, like, Speech Recognition, payments, and web RTC 😄
Often, when you share a file to an app, a UI dialogue will appear. (how) Is it possible to set that up via a PWA? Sometimes that dialogue appears as a popup. Some apps decide to direct you to the app by opening it. If a popup dialogue isn't possible, maybe redirecting is?
Apple makes a truckload of money from having an exclusive app store so it is very unlikely that they would add push notifs for PWAs because that will kill a good market share of Appstore
@@Fireship hopefully their battle with the gaming industry will help getting 3rd party stores on ios if anyone can break apple it's the gaming industry
New here. The title and thumbnail didn't imply that this is for developers and this is too much for me. Anyway, would be good to have a working example at the end of each showcase.
I have to say about the push notification is really annoying. some devs like to push everything to the user phone. **I'm looking at news site**. my mom notification is filled with news notification that she doesn't even bother to view the notification slide bar on her phone lol
The web is getting so powerful
Like really powerful
It’s pretty exciting! Though I wonder how long before the file system access developments get abused. Maybe time to browse the dodgier parts of the web in a sandbox
True
@@qzbnyv true
I mean once WASM is ready the web will become the defacto place to make an app, even for desktop like applications
@@qzbnyv well the security implications are obvious, but the browsers are built to protect you. I don't think we'll see a return to the ActiveX days 😆 also, it's not like you can't break out of sandboxes into the host
Definitely would appreciate a video on WebRTC
I'm saving that topic for a full-length video
Pretty easy to set up with simple-peer or peerjs.
But also useless in a lot of cases if you dont connect it to a media server (and this is where things start to get difficult)
@@Fireship Looking forward to it!
@@Fireship YESSSSSSS!!!!
@@leonbenjamin7891 could you please elaborate what a media server is? Thanks.
I've been trying to develop my own app but was stuck because I didn't have an Apple device to test on. PWAs are so amazing! Thank you for all the knowledge you have shared
Hey fireship, just received your sticker today in the mail. Looks really good. Thank you so much :)
Websites can get so advanced these days, they can almost replace regular programs.
That's the idea, it's just a matter of developer/end-user adoption.
@@Fireship I basically convert all my apps to PWA! I'm all for the push. With the right apps really taking interest it's only a matter of time
specially with WASM
I think that's a good thing. If it works on the Web, it works on everything that has a browser, that is, almost all devices made for end users.
@@pardal_bs now what would be even more impactful if OS gave a particular browser full native support
Probably every feature i was searching for to add is covered in this one video. Love ypu fireship ❤
I feel so backward now, I actually didn't know about any of them haha
Your content is so good and you're extremely underrated
What a quality content!
Idea for future video, maybe Periodic Background Sync?
Push notification in iOS is about to happen soon. Right now it's not default enabled but can be enabled manually in safari
pretty crazy how powerful a PWA can be.
You are one of those few, whose videos I don't watch at 2x speed.😁
because he is at 3 x 10 ^ 8 ms speed
Yeah I only watch him at 1.25 speed
would love to see you make part 2 of this video.
Please a video on WebRtc. PWA is the future.
Great video!
I'd love to learn more about the speech recognition.
Also, how does PWA performance compare to native apps right now?
Me, too! Speech Recognition 😄
A PWA is a website, so basically whatever your website performance is will be your apps performance. The vast majority of apps (think a messenger) eaisly rival the performance of native apps if you just don't bloat the code base with a million libraries.
For high performance apps like video editor/games, we aren't quite at native performance. With WASM and other tech you can get around 70% of native speeds, but it caps you off there. When SIMD instructions become supported by wasm, and browsers lift the ban on shared array buffers (due to the spectral bug) then performance will basically be the same.
Webvr/ar and speech recognition are cool pwa topics you could elaborate on.
Definitely interesting in seeing the Payments API
finally i can create my web app with out react or vue yes love normal js and firebase and PWA, thank you this is very useful info and i think in future with firebase function even we don't need backend !!!!
Always bet on javascript!
What do you think is the future of PWAs? On Chrome, they work like a charm. On every other browser, they work just okay or not at all. Firefox, for instance, doesn't support PWAs, which is very sad ...
OMG such a useful information!!!! Thank you sooo much! Much respected !
Idle detection would be nice do disable real-time database events, and save some money reducing the number of reads
Thumbs up for the video and btw thanks a lot for the sticker, it arrived this week (to Germany ) :-)
This is mind-blowing
I wish web was this powerful when Firefox Os was around. It could have saved that OS
I'd put a link to that petition in the description to make it easier for people to find it. :)
Could you make a video explaining push notifications?
I love your videos. Would you do any video about vr? 😁
Great work.
What code editor are you using? It looks very clean
please make a video about payments!
Great.. Keep It Up ....
Helpful Content...❤️
Doing Great...✨
Nice video! What about FBC fund and their algorithm review?
this is freaking awesome!
Wow learned something thank you
I knew about deviceorientation and motion
Web AR VR please
Love the videos!
webRTC is a big one
Please upload other features too.
looking like Apple is going to add web push notifications on ios 16 and should be coming in an updated in 2023
Please make pwa app development tutorials
thank u, looking forwards to your udemy course
Do more these videos
Maintain 60fps transition in PWA
where should we start ??
At this point I m thinking should I drop learning android development and pick PWA.
You forgot one more feature. With PWA you don't need to pay 30%! :)
Big big feature ✨
It's possible to create a install pwa button on the web app? Any guide? Repo?
please make a video on chrome debugging tools that we don't know.
That is a great idea!
Oh that'll be awesome!
Sweet!
yess
please! ❤
this channel fires an onupload event listener on to my immediately-go-and-watch list
Personally I listen to onUploadEnd event. But yeah this channel fires a lot of those
This comment is underrated.
Can someody tell me WHY we dont pay this man money to simply breathe.!? Ridiculously good content.
My thoughts exactly
He is very good and always get excited everytime a video is released
@MΛX I think he might have said he actually worked for them for a while, if I'm not mistaken it was for Firebase or something like that.
but do you? do you pay for any of his merch? are you a fireship pro member? every journey starts with a single step
@@YuriG03042 lol calling out suck-ups XD
Payments, content indexing would be great!
Last time I tried PWA on IOS they didn't create the shortcuts. Is this still happening?
Shortcuts are supported, but it’s listed as “add to home screen”. iOS doesn’t support the “install” prompt or banner though
My head blows up every day seeing all the new web dev frameworks and technologies that are coming out 😩 super exciting but so hard to keep up!
This channel definitely needs more attention. Jeff's contents are truly awesome and mind blowing.....The list of what I didn't know before about web is getting wayyyyy to huge....Appreciate your hard work Jeff.
Another interesting feature is the battery status, this is useful for example to show a dark theme to users if the battery is low. Browser support is really limited though, Firefox for example doesn't support it at all for privacy concerns.
Hi. Can you tell me?
1. I created PWA (php+js) - everything is ok
2. Dialogs on js - everything is ok
3. Using Notification I get notifications about a new message in the dialog on decktop.
But I don't get notifications in the mobile app. None!
Notification.permission - "granted"
All permissions are enabled, but there are no notifications. Please help to set up on mobile. Android
Man, I learned in 10 minutes more than I have learned in hours in other courses. Thanks!
Amazing, love the transitions, everything is just there, no typing.
Great tutorial.
Greetings from São Paulo ;)
Apple said they want to add push notifications in ios16
if an app wants to access my contacts, I uninstall the software. very bad practice todo such things in app if you ask me.
My life is simple. I see a new Fireship video, I click. Awesome content bro!
Please cover speech recognition and payments.
3 years PWA is a winner. The best solution for replacing native apps. Works great on all devices.
WebRTC and payment are definitely the subjects I'd like to see 🤩
WOW! This is why I love web development, it's so flexible and its technologies can be adapted to almost anything!
Wake time and push notifications are now being supported in safari.
Even though PWAs are completely broken in the EU apple market
bruhh I remember developing my own idle detection mechanism.. I didn't know browsers could offer it 😑
WakeLock should be implemented now by using the Screen WakeLock API
You're right! Checkout web.dev/wake-lock/
still no notification support for PWA on iOS. Cant live without it.
A workaround to this would be to use Email or install a notification page-like system into the app.
2 PWA Feature You Didn't Know Existed:
1. PWAs have terrible support on Safari and will continue to for the foreseeable future because they go directly opposite to Apple's way of making money
2. Firefox recently announced that they cannot continue supporting PWA development due to a lack of resources
Invest in PWAs if you wish to support the Google monopoly.
- Coming from someone who spent 3 years building PWAs
Would love to see a video on web AR/VR!
Second this, would love to see a video on WebXR!
At this point, there's no point in making a native app, unless it requires special access that can only be provided directly by the OS.
I actually have a "rule" or "standards" based on this: "If there's no gain by making it native, then make it an interpreted app (for VMs like NodeJS, Python, and Java). If there's no gain from making it for VMs, then make it a web app or PWA".
I wish more devs followed that advice. I hate seeing app stores polluted with apps that get ABSOLUTELY no benefit/difference from being installable, they should be web-based or VM-based. I'm looking at you Instagram and TH-cam apps, forcing users to install their apps when almost all features could be enabled on the website, but they purposefully downgrade the web UX to have direct access to users' hardware and data. Also looking at simple apps, like calculators, minigames, and even encyclopedias
3:23 I opened an empty tab and put this code in the console:
window.addEventListener('devicemotion', (event) => {
console.log(event.acceleration.x, event.acceleration.y);
});
But after enabling the Sensor tab and setting Orientation from "Off" to "Custom orientation" and rotating the virtual phone, this doesn't trigger any logging. I get a warning saying I should reload the inspector, but if I do that my settings are lost, and changing back to "Custom orientation" will just give me the same warning again?
The problem is - most of that won't work on iOS; BLE, Barcode recognition, Background sync and even control of flashlight won't work on you iPhone or iPad, so you can't fully utilise power of PWA if you need to support Apple mobile devices.
Wow, this video was so Amazing! I really didn't know all of these features 😱😱
Pretty impressive and they are so useful! Thanks! I would like to see more of these features, like, Speech Recognition, payments, and web RTC 😄
Thanks for this video, as with all your other videos. Is it possible to access the keychain API in iOS or Android from a PWA?Thank you in advance.
Notification squad rise up ✊🏽
🔥
Often, when you share a file to an app, a UI dialogue will appear. (how) Is it possible to set that up via a PWA?
Sometimes that dialogue appears as a popup. Some apps decide to direct you to the app by opening it.
If a popup dialogue isn't possible, maybe redirecting is?
You have a good taste in phones. The pixel 4a is good but I would recommend the Poco X3 NFC
For wake lock, there is an experimental API: developer.mozilla.org/en-US/docs/Web/API/WakeLock
Apple makes a truckload of money from having an exclusive app store so it is very unlikely that they would add push notifs for PWAs because that will kill a good market share of Appstore
Exactly
@@Fireship hopefully their battle with the gaming industry will help getting 3rd party stores on ios if anyone can break apple it's the gaming industry
Didn't Mozilla end PWA support? And on ios/Safari it's bad anyways. So why would I even make a PWA now?
Most of these are only available for Android not iOS 😖. Apple knows this will damage their AppStore monopoly
Is IdleDetector actually available in any browser? Looks like an origin trial in Chrome but still not active in Chrome 87?
New here. The title and thumbnail didn't imply that this is for developers and this is too much for me. Anyway, would be good to have a working example at the end of each showcase.
Best time to be a JS developer :D
A video on VR / AR would be amazing!🌟 It's really hard to find good articles about this. You only find companies that can create it for you.
Video on unexplored territory and difficult to find subjects such as animate on scroll, less heard browser APIs such as intersection observer
Why watch all these forecasts!? Read about FBC fund and their unique algorithm
Amazing, i would love to see the rest of features
Apple sucks.
soon push notifications on ioS :)
I have to say about the push notification is really annoying. some devs like to push everything to the user phone. **I'm looking at news site**. my mom notification is filled with news notification that she doesn't even bother to view the notification slide bar on her phone lol
🔥🔥🔥 Thanks for such amazing content. Next video on WebRTC will be appreciated.
Why review cryptocurrencies if FBC fund and their algorithm wins everyone?
AI AR video on web please
Please make a video about whats happening in mobile dev world. What are the frameworks or languages that are gaining traction in the coming years
Local fonts are definitely something I would want to look into.
Let's be honest - it's not in their best interest to make it fully-featured. It would kill their app/play store business!