How to scan barcodes in your React.js application

1. library

   1 9 2,746 4.7 TypeScript

   Multi-format 1D/2D barcode image processing library, usable in JavaScript ecosystem. (by zxing-js)

   

   The react-qr-barcode-scanner relies on zxing for decoding barcodes. I used it for some time until I discovered a bug caused by inconsistent results from reading EAN codes. I found an issue on zxing and it appeared to have been fixed. However the react-qr-barcode-scanner used an older version of zxing where this was still an issue.

2. InfluxDB

   www.influxdata.com featured

   InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

   

3. quagga2

   2 10 825 2.5 TypeScript

   An advanced barcode-scanner written in Javascript and TypeScript - Continuation from https://github.com/serratus/quaggajs

   

   quokka2

4. quagga2-react-example

   3 1 62 0.0 JavaScript

   Showcasing Quagga2 in combination with ReactJS

   

   This is another package that extends zxing. I found an example on how to use it with React but honestly it seemed daunting.

5. html5-qrcode

   4 16 5,618 2.1 TypeScript

   A cross platform HTML5 QR code reader. See end to end implementation at: https://scanapp.org

   

   html5-qrcode

6. html5-qrcode-react

   5 3 124 0.0 JavaScript

   React example using html5-qrcode library

   

   Yet another package extending zxing. The implementation was a bit easier to follow although this seemed to also use an old version of zxing, so I was a bit cautious about using it.

7. react-qr-barcode-scanner

   6 1 114 9.3 TypeScript

   A simple React Component using the client's webcam to read barcodes.

   

   I eventually forked the react-qr-barcode-scanner in an attempt to update its dependencies, but discovered that the implementation was quite straight-forward to begin with.

Suggest a related project