- 8
- 1 411
Creative Rio
เข้าร่วมเมื่อ 3 ม.ค. 2024
Building React PWA with Offline Support ( adding service workers )
This is the final part of this series where we build a progressive web application from scratch. In this video, we're going to add our custom service workers and background sync functionality to our front end.
0:00 Generate PWA Icons
1:34 Add PWA Config with vite
6:50 Write a custom service worker
Repository:
github.com/mostafa-rio/pwa-youtube-series
Music from
uppbeat.io/track/mountaineer/campfire
0:00 Generate PWA Icons
1:34 Add PWA Config with vite
6:50 Write a custom service worker
Repository:
github.com/mostafa-rio/pwa-youtube-series
Music from
uppbeat.io/track/mountaineer/campfire
มุมมอง: 579
วีดีโอ
Building PWA with Offline Support using React and Workbox ( Frontend )
มุมมอง 1903 หลายเดือนก่อน
This is the second part of a series where we build a progressive web application from scratch. In this video we're working on the frontend part of the app using React.js, Typescript and TailwindCSS Repository: github.com/mostafa-rio/pwa-youtube-series Music from uppbeat.io/t/hybridas/perfect-time License code: YEYQKOT7ERPEWD4T
Building PWA with Offline Support using React and Workbox
มุมมอง 1083 หลายเดือนก่อน
This is the first part of a series where we build a progressive web application from scratch. In the first video, we're creating a Rest API using Express framework and Prisma to use in our PWA. Repository: github.com/mostafa-rio/pwa-youtube-series Music from #Uppbeat uppbeat.io/t/matrika/on-vacation License code: S8QE6ZTUUYDMPCGU
Understanding React Hydration and Fixing Hydration Errors
มุมมอง 555 หลายเดือนก่อน
Fixing Hydration errors can be a daunting task. In this video, we'll learn about the Hydration phase inside React and we'll take a look at the hydration overlay package that creates a better view of Hydration Errors.
Create a crypto charts app using React, NextUI, and ApexCharts
มุมมอง 1165 หลายเดือนก่อน
Let's create a crypto price tracker application. In this video, we're going to use React Query for managing server state, ApexCharts to display market historical data, NextUI and TailwindCSS for UI, and Zustand for state management by creating a crypto charts application.
Build Your First Web3 App with React, Shadcn UI, Tailwind CSS, and Thirdweb ( For Beginners)
มุมมอง 3485 หลายเดือนก่อน
In this video, we will go over all the steps to build a full web3 NFT minting website that you can directly add to your portfolio. Things you learn in this video: * Connecting web3 wallets to a react frontend app * Implementing minting NFTs * Creating a custom uploader component * Implementing claiming NFTs * Handling roles and permissions in a web3 app * Using Shadcn UI library with react
Thank you! Everyone who has seen this video is truly blessed. ps. when you time, can you please add timeline on the video, though not required but we highly appreciate it
Happy to see it was helpful. I'll try to add timeline ASAP
Hello bro I got to do an assignment in this can you please help me out (please reply so that I can share my email with you and get in touch with you)
Very helpful extraordinary superbly done❤🌞
Glad it was helpful!
Glad it was helpful!
I just wanna say thanks, especially this one since I was confused on how to structure the folder. I was having issues where my manifest is not finding the icons, turns out I placed the public folder on the wrong directory hahaha. Now, my firebase deployment is installable!
I'm glad that it was helpful. It's always tricky to deal with manifest file and PWA configs.
Nice job!
Thanks, buddy
Man I have no words to in which i can show my gratitude. I can just say THANK YOU SO MUCH!!
Thanks Bro. Happy you liked it.
bro you are doing god's work. Keep Going. thank you so much
Thanks again. I try to make more videos as soon as possible.
@@creativerio pls can u make a video on project on nftmarketplace using thirdweb
thanks a lot! i'd like to watch more a project using nextui. thanks again
Gald you liked it. I'll try to cover more of nextui
whats the software you used before vs code?
You mean terminal? It was ohmyz terminal for mac
Perfectt 🔥🔥
Thanks ❤
Github Repository: github.com/mostafa-rio/crypto-charts-app-youtube
benazam dadash♥️🔥
Dont forget to subscribe baby
Magic! 🔥
Thanks man❤
Thanks for the tutorial.
You're welcome. There will be more.
Perfect 👏
Glad you liked it
Project Repo: github.com/mostafa-rio/web3-cyberpunk-nft-app