{"componentChunkName":"component---src-templates-blog-post-js","path":"/blog/quagga-react-czyli-skaner-kodow-kreskowych","result":{"data":{"markdownRemark":{"html":"<p><a href=\"https://serratus.github.io/quaggaJS/\">QuaggaJS</a> to bardzo poręczna biblioteka do odczytywania kodów kreskowych za pomocą samego JavaScriptu. Daje radę z kilkoma formatami kodów i odczytuje je bardzo sprawnie. Ostatnio chciałem zobaczyć, jak można to zintegrować z Reaktem, a że <a href=\"https://github.com/serratus/quagga-react-example\">dostępny w internecie przykład</a> jest baaaaardzo stary (React w wersji <code class=\"language-text\">0.x</code>...), postanowiłem przygotować na szybko coś z najnowszym Reaktem (i TypeScriptem): <a href=\"https://github.com/robert-skarzycki/quagga-react-example\">https://github.com/robert-skarzycki/quagga-react-example</a></p>\n<p>Podlinkowane repozytorium to w zasadzie kod <a href=\"https://quagga-react-example.surge.sh\">strony, która prezentuje bibliotekę w działaniu</a>. Jak widać, wystarczy kilka linijek kodu, a od razu dostajemy i samo odczytywanie kodów kreskowych, jak i okienko podglądu z kamerki. Wow!</p>\n<p>Zapraszam do forkowania i eksperymentowania - na stronie z dokumentacją do biblioteki można przeczytać, jak pozmieniać konfigurację, na przykład:</p>\n<ul>\n<li>zmienić rozpoznawany format kodów,</li>\n<li>przełączyć na kamerkę <em>en face</em> lub tylną,</li>\n<li>włączać i wyłączać dekodowanie (żeby nie obciążać urządzenia)</li>\n<li>itd.</li>\n</ul>","excerpt":"QuaggaJS to bardzo poręczna biblioteka do odczytywania kodów kreskowych za pomocą samego JavaScriptu. Daje radę z kilkoma formatami kodów i odczytuje je bardzo…","frontmatter":{"date":"03 May, 2020","path":"/blog/quagga-react-czyli-skaner-kodow-kreskowych","title":"QuaggaJS + React, czyli skaner kodów kreskowych"},"fields":{"readingTime":{"text":"1 min read"}}}},"pageContext":{}},"staticQueryHashes":["3649515864","63159454"]}