qrcode.react
workbox
Our great sponsors
qrcode.react | workbox | |
---|---|---|
6 | 31 | |
3,680 | 12,088 | |
- | 0.8% | |
6.8 | 3.9 | |
about 1 month ago | 9 days ago | |
TypeScript | JavaScript | |
GNU General Public License v3.0 or later | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
qrcode.react
- QR Code reverse engineering
-
How to download fancy QR Codes with React
Generating QR codes on the web is easy. There are lots of libraries out there who help us do it. One of them is qrcode.react which we will be using for the purpose of this tutorial.
-
Encode Google Calendar Invites in a QR Code in NextJS
qrcode.react is a React component used to generate QR (Quick Response) codes that render in the DOM for React applications. The generated QR codes are suited for printing and on-screen scanning.
-
qrcode.react usage
Initial link that are helpful: https://www.npmjs.com/package/qrcode.react
-
Warning: qr.js has been overtaken
Please be careful when scanning any qr code when sending bitcoin, since there is many libraries that depends on qr.ja and it was hacked recently read here
-
Part 2/2 - Game in ReactJS - Cuzzle
qrcode-decoder and qrcode.react
workbox
-
A deep-dive on a Progressive Web App implementation for a React-based App Platform (DHIS2)
We use the Workbox library and its utilities as a foundation for our service worker.
- Workbox: JavaScript Libraries for Progressive Web Apps
-
are PWA supposed to work offline ?
Btw, Workbox is effectively deprecated now. The dev in charge of it left Google for a real company 6+ months ago and no one has filled his shoes. The other day, the lady who is "maintaining" it now finally acknowledged that nothing is going to happen to it any time soon. https://github.com/GoogleChrome/workbox/issues/3149
- New React docs pretend SPAs don't exist anymore
-
[AskJS] technology stack for PWA, ServiceWorker and offline first web app?
Start from the https://github.com/GoogleChrome/workbox
- How to make your website work offline
-
Allowing users to fully cache a website for offline use?
Look into Workbox if you're okay writing code for that or Progressier otherwise.
-
Service Worker Caching Strategies
If you want to try some of these patterns, you can use the https://developers.google.com/web/tools/workbox library that provides all the features out-of-the-box.
-
Vite in the browser
Here is an example using workbox.
-
Custom Service Worker Logic in Typescript on Vite
I recently had a tiny website project which I wanted to make available offline. This is achieved by adding a Service Worker. And thanks to projects like workbox, getting basic functionality like caching for offline-use is fairly easy to set up.
What are some alternatives?
react-media - CSS media queries for React
Socket.io - Realtime application framework (Node.JS server)
react-recaptcha - A react.js reCAPTCHA for Google
comlink - Comlink makes WebWorkers enjoyable.
react-d3-library - Open source library for using D3 in React
redux - A JS library for predictable global state management
EVT - 💧EventEmitter's typesafe replacement
lighthouse - Automated auditing, performance metrics, and best practices for the web.
react-translate-component - A component for React that utilizes the Counterpart module to provide multi-lingual/localized text content.
vite - Next generation frontend tooling. It's fast!
react-fetching-library - Simple and powerful API client for react 👍 Use hooks or FACCs to fetch data in easy way. No dependencies! Just react under the hood.
angular-styleguide - Angular Style Guide: A starting point for Angular development teams to provide consistency through good practices.