Creating my own QR Code Standard in React...and its pretty bad
In this video i take a naive approach in creating my own QR code standard and a renderer for it in React. I use 5 bits to represent each character and a 15x15 grid to support up to 40 characters. The Doge is used as a camera tracking point.
A description of the standard can be found here: https://github.com/danba340/barely-qr...
Finished Code: https://github.com/danba340/barely-qr...
Start of video: https://github.com/danba340/barely-qr...
Say Hi on Twitter: / barelydaniel
0:00 Intro
0:27 Deciding Bits per Character
1:57 Deciding Dimensions
2:55 Creating the State
5:12 Component QrChar
6:43 Splitting State into Chars
11:17 Component QrBit
14:37 Fixing the key prop
15:38 Debugging
16:11 Creating space for Doge
18:33 Handle TextInput Change
19:42 Character to Number
22:14 Number to Binary
24:32 Binary to Boolean
26:16 Padding Characters to length 5
29:07 Flatten new State
30:05 Padding newState to QR Code length
32:00 Testing
32:42 TextInput Max Length
33:33 Wrapping up