0:00:24
what is going on guys welcome back
0:00:27
to another session of bill break and fix
0:00:29
what you buy the raw coders
0:00:40
that's a lot of power
0:00:44
and tori how are you feeling today tori
0:00:47
feeling good feeling good i'm i'm
0:00:49
interested to see what you guys have
0:00:56
all right so first things first let's um
0:01:01
uh acknowledge the country and pay our
0:01:03
respects to the actual custodians of the
0:01:06
land so here it goes
0:01:09
i begin today by acknowledging the
0:01:11
traditional custodians of the land on
0:01:13
which we gather today and pay my
0:01:15
respects to the elders past present and
0:01:17
future i extend their respect to
0:01:20
aboriginal and torres strait islander
0:01:25
all right perfect so
0:01:29
um it's a new way of putting some music
0:01:33
on so sorry today is your turn pick any
0:01:58
all right fair enough
0:02:05
letter you pick we choose a music
0:02:09
of that letter but if it's not there we
0:02:18
i said this time days
0:02:24
this time there is no c
0:02:28
i'll give you a choice
0:02:44
that's called a dance pop all right here
0:02:48
okay that's funny dance pop
0:02:53
see how that goes you know i was hoping
0:02:57
was was for country
0:03:15
this is not bad as well though let's be
0:03:31
just a progress on from just today we
0:03:37
create a basic ui for the passcode
0:03:42
do you want to maybe take the uh
0:03:44
all the put the code on
0:03:48
onto your side we're talking about the
0:03:57
all right let me pop open
0:04:11
okay and i share my screen
0:04:16
that would be great
0:04:21
so there should be a new branch in the
0:04:52
just turn the terminal a lot easier
0:04:56
yeah huh that's weird why don't i see it
0:05:00
it's passcode what is it
0:05:05
did finesse push the code
0:05:21
all right let's just look at the
0:05:33
oh man what what's going on with my
0:05:35
computer being slow
0:05:54
i'm on the websocket branch
0:06:02
oh here we go yeah
0:06:03
i don't know yeah i feel like my
0:06:05
computer is being laggy i don't know why
0:06:08
it must have been tired already to be
0:06:12
you know what happens i don't know why
0:06:14
but whenever you play the music it
0:06:18
it makes my computer slower but today in
0:06:21
particular it's making it really slow
0:06:25
so should we turn the music off hang on
0:06:37
it's it's faster but
0:06:39
yeah all right yeah normally it doesn't
0:06:42
it doesn't affect it hold on let me see
0:06:43
what's going on in the background real
0:06:45
quick in my computer
0:06:56
is that the problem
0:07:02
okay it just calmed down i think
0:07:05
yeah try the music again try it again
0:07:22
it does it does add extra resources but
0:07:26
i think it's better now i think for some
0:07:29
lovely anti-malware was was revving up
0:07:33
in the background as it loves to do on
0:07:37
yep it always does that on windows i
0:07:39
know it's really annoying
0:07:42
um all right this show man yeah let's
0:07:52
you've got the branch
0:07:54
yeah i'm in the branch now
0:07:58
oh no am i structurally in the bronx no
0:08:01
you know am i stuck in them
0:08:04
okay what does this get how do i how do
0:08:07
i get out of get status here
0:08:17
oh is it q to quit
0:08:25
i thought i was stuck in them hell
0:08:33
do you want to get there
0:08:36
do you want to pull the code
0:08:38
in case it looks it looks like it is but
0:08:48
already up to date all right so what are
0:08:59
okie dokie do you want my launch oh nice
0:09:42
what is what is going on it's so slow
0:09:46
next time i should just restart my
0:09:48
computer before i do the stream
0:09:56
yeah live server something else
0:10:06
yeah it's open it started
0:10:09
it's just taking forever
0:10:16
there it is why is it on port 550
0:10:18
whatever i don't care
0:10:29
okay so this is the ui
0:10:33
yeah so basically what we do is just
0:10:41
really fussy by the borders and or then
0:10:44
that just um wire it to
0:10:51
the the like the delete doesn't work
0:10:58
uh what i'm thinking that we can do the
0:11:02
ones first and then fire it up and then
0:11:05
come back to the minor ones
0:11:10
um so what do you want to do
0:11:13
we would probably when
0:11:17
we have got the inputs we want to pass
0:11:19
that to the back end
0:11:22
okay so you have a form submit handler
0:11:26
yeah you do okay where's the code for
0:11:39
and if you type in
0:11:41
code you would yeah there you go
0:11:47
you want to you want to hook this
0:12:00
in this we might need to give um the
0:12:07
to uh all we need to all we need to do
0:12:13
like this one or and i usually just use
0:12:16
a name that's fine
0:12:17
okay so name and then
0:12:24
wait a second hold on zane
0:12:27
when you create the board
0:12:33
don't you want to have these two forms
0:12:35
together so that you create the board
0:12:36
and the passcode at the same time
0:12:47
that's an other way of
0:12:50
looking at that we can do that
0:12:57
that will basically give the user the
0:13:00
holistic view or what do we need from
0:13:04
as in the board name and the past good
0:13:07
but if you do if we do the passcode as a
0:13:16
and then might just piss him off
0:13:18
also you'd have to also you would be
0:13:21
able to create a board before
0:13:23
you could give it a passcode
0:13:30
create a new board you would have to
0:13:32
give your passcode in order to save it
0:13:35
so this way the form
0:13:38
validation on the back end it will just
0:13:43
and then it will it will check on the
0:13:46
back end if there is a passcode and if
0:13:48
there's not then you will
0:13:52
creation of the board in dynamodb
0:14:19
i am the embodiment of cartoon now
0:14:22
no um i think his um party's changed
0:14:30
he just comes when um
0:14:34
any of us can not make
0:14:41
which is highly unlikely
0:14:47
so this so what i so what we can do is
0:14:50
we can just make this
0:14:53
one form create board
0:14:56
i think that should work
0:14:58
and then all i need to do
0:15:02
is this should have we need to remember
0:15:06
that the user won't be allowed to go to
0:15:11
as in the board page itself unless
0:15:14
the board has been created with the
0:15:20
um you should add labels too it's good
0:15:27
cool i didn't know that
0:15:34
yeah i was just gonna uh i was just
0:15:36
gonna say it's good for like
0:15:37
accessibility and screen readers and
0:15:39
stuff so people who
0:15:41
you know are you are
0:15:43
using another type of way of interacting
0:15:46
with the browser like it works better
0:15:50
that makes sense so completely
0:15:55
just on surprise uh he's asking what
0:15:58
you're working on um so we are basically
0:16:01
adding persistent storage to an open
0:16:04
source existing project called scrambler
0:16:08
so that's our goal
0:16:12
the date as in hook it to the date space
0:16:15
which is dynamodb and also put the
0:16:18
entire solution on
0:16:25
hold on i just want to see what this
0:16:30
yeah okay the label
0:16:33
so i don't know if you need four labels
0:16:42
or maybe you can just use ario role
0:16:47
um you know what let me let me get back
0:16:50
to you on that part
0:16:55
i think we can just use the aria
0:17:00
there's aria rolls for
0:17:02
accessibility um but uh anyways so this
0:17:08
okay so this i know um this form is
0:17:13
and handled in script js
0:17:22
uh sorry still front end um
0:17:28
i wonder what it's called we got that
0:17:40
there's this okay um
0:17:43
ah okay it's not its own function so
0:17:46
this is the listener for the form
0:17:53
i think all the data actually just shows
0:17:58
um so instead of creating a new board
0:18:06
i turned off this call which will
0:18:09
send it to the api so i'll just turn
0:18:22
why is it not attaching itself all right
0:18:29
what's gonna happen
0:18:31
well why is it over here now
0:18:33
oh because now it's inside of the form
0:18:36
inside the phone all right we'll fix
0:18:41
so basically we can uh
0:18:43
create two divs inside the form
0:18:47
and yeah in that way
0:18:49
it will bring you up and down
0:18:53
since you said that word
0:18:57
see if that hits the break point
0:19:01
why is my break point not working
0:19:06
all right i guess i'll just have to use
0:19:08
console logs today
0:19:12
something's going on with my computer i
0:19:33
the board name is this but it didn't get
0:19:36
any of the form data
0:19:41
oh form get border okay i know why all
0:19:44
right so i need to
0:19:46
update this part of the code
0:19:59
i'm just i'm thinking in my brain
0:20:03
uh i think i'm loud man uh or i may be
0:20:07
able to help you so very sure sure sorry
0:20:16
name field called board name
0:20:20
um so that's how that
0:20:24
uh that's how this new form data get
0:20:27
board name works so it gets
0:20:30
the board name from
0:20:48
people to form data
0:20:51
get the board name
0:20:59
they can have the same name i think
0:21:04
that shouldn't i think that should work
0:21:10
probably you can try that but i doubt
0:21:12
they if it would work with the same name
0:21:15
because they're four different inputs
0:21:20
yeah i don't know maybe it won't why not
0:21:53
i don't know why i did board name like
0:22:10
all right let's see if this works now
0:22:16
board name is bid board and one one one
0:22:24
and the pin code is one so you were
0:22:26
right yep didn't work
0:22:30
um i think there is oh you know what
0:22:32
there's a i forgot there's a method
0:22:34
called get all i think that will work ah
0:22:38
right that would make sense now
0:22:48
whatever that input name yeah yeah
0:23:12
okay maybe that was the problem
0:23:22
okay let me just refresh the page
0:23:24
something happened
0:23:38
it's just it's just my console
0:23:43
so that that get all did work
0:23:51
yeah um i don't know
0:23:53
why i choose to use this form new form
0:23:55
data thing i don't know i just like
0:23:58
i learned that it existed in
0:24:04
a couple months ago and i was like all
0:24:06
right i'll just use it why not yeah why
0:24:18
so create new board
0:24:21
oops oh we already have it
0:24:24
and then we can just pass it a second
0:24:28
or do we want to just put the data
0:24:36
a second practice so it's easily
0:24:41
easily maintainable as well afterwards
0:24:46
and then we don't need this log
0:24:49
so we got the pin code let's go to this
0:25:02
i'm like i like i like updating
0:25:15
that's a string um
0:25:30
blank four i don't know whatever i'll
0:25:42
oh so this checks if the board name
0:25:49
sets the board name in local storage
0:25:52
go to the board url
0:25:55
oh this is so this is the
0:25:58
this is the function here
0:26:00
that creates the board
0:26:03
this post board name
0:26:06
i guess we gotta pass it also in here
0:26:16
and follow this one right
0:26:25
we can add the pin code as well
0:26:44
do you want this capitalized like this
0:26:49
yes please so yeah we can try and be
0:27:00
the only thing i don't like about that
0:27:02
is that on the other end when i do a get
0:27:04
request it's now capitalized instead of
0:27:07
the same variable in the code like camel
0:27:11
but that's just my preference
0:27:14
i don't know how things are supposed to
0:27:16
look on the back end
0:27:18
or in the database or whatever
0:27:25
i mean we can change it off to
0:27:31
you can even change you can
0:27:33
change it now i'm already bored to be
0:27:37
so change this to board name board name
0:27:40
i don't want to follow up
0:27:42
just a pin code paw because um
0:27:45
everything is wired up at the moment
0:27:48
what do you expect
0:27:51
what do you call it
0:27:55
um i think it's called a kebab case
0:27:58
a bobcat i thought that's like this
0:28:04
because you have a kebab like a skewer
0:28:09
i might be wrong then
0:28:12
i forgot um well uh do you want me to
0:28:14
call it pin code or you wanted me to
0:28:16
call it something else
0:28:19
to be honest i usually just keep my
0:28:22
variable names the same that way i
0:28:25
always know okay so i just i just if
0:28:28
it's in the database it's the same if
0:28:30
it's in my front end
0:28:32
it's in the back end it's the same that
0:28:36
i always know it should be that thing
0:28:42
yeah um in in that way um
0:28:46
maybe the parts could because then it'd
0:28:50
you'll be consistent everywhere pass
0:28:52
code okay do pass passcode
0:28:56
okay and then p-a-s-s-c-o
0:28:59
okay you know the spanning why am i
0:29:02
telling you to spend come on say oh no
0:29:04
it's good it's good it's good to confirm
0:29:10
that's code and then
0:29:14
let me just go back before i forget here
0:29:18
did you know this little f2 trick
0:29:21
you click f2 on the variable name
0:29:24
i love it i just learned that like
0:29:33
one of the best things
0:29:43
i want to change this
0:29:53
and i don't want to actually i want to
0:29:55
change it to passcode
0:30:01
all right and then i want to change that
0:30:09
keyboard shortcuts love them look at
0:30:13
love it man when i learned about these
0:30:15
things way back i was like wow
0:30:19
that's amazing why don't other programs
0:30:32
post and post the board there's post
0:30:43
perfect i think this is done
0:30:48
um right so do you want to test it from
0:30:56
you want to see if it creates a board
0:31:00
with the passcode and i will
0:31:07
gonna be called div or
0:31:09
should i share this password on the
0:31:16
don't right you're gonna see a div board
0:31:25
but it's not taking me to this board for
0:31:29
didn't take me to deadpool
0:31:37
it didn't take me to the div board page
0:31:42
did not take me to the board page okay
0:31:44
if you want to open up console i'm
0:31:47
pretty sure that the api endpoint
0:31:53
okay gotcha oh so there's a new endpoint
0:32:04
should that be an environment js
0:32:08
are we still doing
0:32:12
that i think we will yeah
0:32:19
oh it's it's up here
0:32:22
okay now mine is fine
0:32:26
we're not getting spammed anymore
0:32:32
apparently not apparently
0:32:35
the attacks have stopped
0:32:40
they have had mercy on us
0:32:46
if i had to take a wild guess i'm sure
0:32:54
somebody else oh it sounds like you know
0:33:00
cannot read properties
0:33:04
i'll probably go to um
0:33:08
the console and check it from there
0:33:16
yeah i cannot read properties undefined
0:33:20
all right so i think it's i think it's
0:33:22
the i think it's um
0:33:25
on the back end it's the requests is not
0:33:31
oh i'm getting a corsair
0:33:39
that's not being handled
0:33:42
i'm getting a quarter
0:33:45
it needs to be for something else it
0:33:54
then normally comes up if we don't use a
0:33:58
oh i see this all the time
0:34:03
i don't even know what this to be honest
0:34:05
i think this is just
0:34:07
from the g yeah this is from the jquery
0:34:12
this is something that whoever
0:34:14
previously was building this and using
0:34:18
i don't know what i don't know why it's
0:34:22
okay so what do you think um is
0:34:25
something to do with the backhand
0:34:27
it's well i'm getting a course there
0:34:31
is that the right point can you stop the
0:34:44
yeah that is right
0:34:51
you know what that's that's the same
0:34:58
i already had the right end point so
0:35:00
something's going on
0:35:11
am i getting the web
0:35:13
what happens if i go to a chessboard
0:35:20
i'm getting blocked by cores again
0:35:27
is it because we're sending an
0:35:33
parameter or i mean additional object in
0:35:40
probably remove that and see what
0:36:00
oh this isn't being caught wait what it
0:36:03
what what is going on here
0:36:08
why is there a catch here okay whatever
0:36:12
whatever i'll worry about that later
0:36:24
are there some course rules for
0:36:26
localhost or something
0:36:28
well no then the dashboard page wouldn't
0:36:38
does this boarding already exist in
0:36:40
dynamodb let's try a new board
0:36:44
avid board i don't know
0:36:53
nope fail to patch
0:37:21
so think coming there passcode is there
0:37:24
taking the board name that one yeah
0:37:33
then it's coming to that one
0:37:43
why is it returning empty string
0:37:48
i think you can return an empty string
0:37:51
in the catch if you want that that's
0:37:58
actually i think i did that so i should
0:38:06
don't worry man i get there alone but
0:38:09
then i've coded something months ago or
0:38:12
even weeks ago and i'm like
0:38:14
um did i do that yes she did um okay
0:38:18
well i don't know what i was thinking
0:38:20
yeah i don't know what i was thinking
0:38:25
response dots that is text
0:38:31
all right so if the response is okay
0:38:34
it'll return the json data from the
0:38:38
api and if it's not okay it's going to
0:38:41
throw an error with the status text
0:38:43
it's going to log the error it's going
0:38:44
to return an empty string back to the
0:38:50
okay yeah all right that's
0:38:54
oh we don't have prettier whatever
0:39:04
all right isn't there a way i can like
0:39:22
didn't do anything
0:39:25
all right whatever
0:39:35
whatever i'll fix the formatting later
0:39:42
if there's some thing getting caught in
0:39:44
the catch block now all right
0:39:57
nothing has been cashed either
0:40:05
hey it worked i have no idea it was
0:40:07
something with the catch block
0:40:12
so the cash block has to be there for it
0:40:20
wait what wait it didn't work why am i
0:40:27
wait is there now a can you check
0:40:29
dynamodb is there a board avid board
0:40:32
avid board i'm coming for you avid board
0:40:36
you're my boy and now they're cool
0:40:42
that sounds really funny
0:40:49
wait what why is it kicking me back that
0:40:53
it creates the board and then
0:40:58
sends me back home
0:41:08
yeah i'm curious to see if that showed
0:41:13
avid board yeah i have a board i'm
0:41:18
here you got just three more digits and
0:41:23
and i'm there in your food
0:41:28
where's the fetch request and i can
0:41:43
is oh i got a i get a 502 error
0:41:49
okay yeah here's the um
0:41:55
post board i think so we get a
0:42:06
the passcode wasn't there
0:42:08
right i think we didn't add it yep
0:42:12
oh do we need to have the password now
0:42:14
probably yeah we need to have it to work
0:42:17
oh so that back and this is hooked up
0:42:24
why is this um hold on i have
0:42:27
why do i have like great points
0:42:32
there are no breaking dev
0:42:36
get done yes we're about to finish
0:42:41
the um passcode function functionality
0:42:44
for creating the board that's looking
0:42:47
really good really good so far
0:42:50
and tori's once again being a wizard
0:42:58
but i appreciate it
0:43:06
i got kicked back though
0:43:10
so i still got let's um if i look
0:43:14
in the network requests again i still
0:43:21
getting the passcode though okay the
0:43:22
passcode is coming fine which is great
0:43:27
but should it be should it be an array
0:43:30
or should it not be an array maybe
0:43:32
that's the problem
0:43:36
it shouldn't probably should just be a
0:43:38
string right it should be a string yeah
0:43:46
um well hold on let me do that from the
0:43:50
where it makes sense to do that
0:44:05
where are my shortcuts where are my
0:44:10
here we can just spread this array
0:44:13
this is a spread operator
0:44:18
there you go all right now this should
0:44:20
work i hope so what that does is
0:44:25
energy to a string
0:44:30
actually you're right i'm being silly
0:44:50
what does it do oh you know what i'm
0:44:52
just so used to like whatever just use a
0:45:00
you can just use two strings and that
0:45:15
these are supposed to be basic story oh
0:45:20
implementation details
0:45:24
implementation details
0:45:27
all right so if i have an array
0:45:30
and if i do two string does it get rid
0:45:32
of the commas or does it
0:45:35
all right it keeps the camera
0:45:40
so why were you using this spread off
0:45:46
just spread out an array it works
0:45:51
i can't do that in the browser that's
0:45:56
oh wait that's not the right syntax
0:46:09
so what do we what do we get when we
0:46:10
spread this i think we just get back the
0:46:12
array it doesn't do anything yeah it
0:46:14
doesn't do anything yeah right
0:46:17
creates a copy of an original yeah
0:46:19
you're right it just creates a shallow
0:46:22
that's right it's a shallow copy
0:46:33
yeah i know my thing
0:46:35
yeah just had a spread of prayer
0:46:38
boom water it doesn't work it's usually
0:46:42
what i that's usually what i throw at it
0:46:47
yeah just put a spread operator
0:46:56
a ray dot split is not a method
0:47:04
but we're gonna get through it together
0:47:10
oh wait it's already an array
0:47:19
i'm trying to split an array
0:47:35
yeah please i know there's a way i just
0:47:37
don't know oh you just
0:47:39
basically to string and open and close
0:47:43
parentheses that's all
0:47:46
no because it keeps the comma it keeps
0:47:51
see if i do array here
0:47:56
we're going to have the commas we don't
0:48:04
way once that's done you can basically
0:48:07
replace the commas
0:48:09
i can i thought there was a nicer way
0:48:13
i think the easier simpler way
0:48:20
hang on why are we getting that as an
0:48:23
object because it's a because it's
0:48:25
it's a get all method so it returns an
0:48:28
array of all the inputs
0:48:33
right right right yes yes oh it's joy
0:48:43
i think it's just join
0:48:46
i think all we need is a joint
0:48:56
yeah and then the separator is the comma
0:49:04
so we still need to replace the
0:49:22
so is basically um
0:49:34
invest in commerce
0:49:36
that's all oh okay
0:49:38
you're a life saver
0:49:42
remove that comma yeah oh
0:49:51
that's what i was talking about zayn
0:49:52
nice yeah i know i know just nice job
0:49:57
you were just texting mike
0:49:59
as in france i just wrote your skills on
0:50:08
i don't know what's wrong with me today
0:50:10
man i think i'm already thinking about
0:50:14
my vacation day on thursday
0:50:23
uh i'm going like an hour north of here
0:50:25
where there's like um it's a little bit
0:50:27
more rural and then
0:50:32
so on on this day they call it nippy so
0:50:36
on yippie there's no power
0:50:38
well you have power but you're not
0:50:40
allowed to turn your lights off
0:50:44
so it's like amazing for stargazing at
0:50:48
night because there's no light pollution
0:50:51
so it's nice to go to a place where you
0:50:53
have a big view a big view of the sky so
0:50:56
that's kind of like where i'm going
0:50:59
see a nice big view and then
0:51:01
if it's not cloudy i hope then you'll be
0:51:04
able to see like the milky way for many
0:51:06
hours which is beautiful i saw that a
0:51:10
i love it that sounds really nice though
0:51:14
it's yeah it's quite the experience
0:51:17
back anywhere else
0:51:19
i don't get that experience
0:51:22
all right avid board is created with the
0:51:26
okay let me go in the database and check
0:51:31
we have got two avid boards now
0:51:36
that join method huh how about that
0:51:45
all right cool so that is all done and i
0:51:48
will passcode is hooked up with the
0:51:52
back end which is fantastic
0:51:58
yeah i guess the highlight for me for
0:52:07
casually said i can use the spread
0:52:10
operator to convert to a string and i'm
0:52:30
it's just something we didn't know about
0:52:31
the spread operator man
0:52:36
that you can't even convert an array to
0:52:38
a string completely
0:52:48
yeah just you just spread out foreign
0:52:52
really casually but still confidently
0:52:55
and then no one can even
0:52:57
question you in that zone
0:53:10
a junior devil comes to you that is
0:53:13
facing this kind of phone how do you
0:53:15
convert an array to a string and you
0:53:18
should shoot this why are you bothering
0:53:25
and he spends halfway pulling out his
0:53:30
why am i not doing right with the spread
0:53:32
of prey it must be me
0:53:36
you come up after and then
0:53:39
close your business
0:53:47
um you probably need this
0:53:50
actually i just i just did something
0:53:52
similar to my to my friend
0:53:55
yeah he was he was turning in a project
0:53:57
that i helped him on
0:54:01
uh he in react you if you you need like
0:54:05
you need keys right when you map over
0:54:07
something if you're familiar with that
0:54:09
so react requires yeah
0:54:12
yeah so if you map over com if you map
0:54:14
over and render components then you need
0:54:17
unique keys like as a prop
0:54:19
and i was like dude
0:54:21
there's this new web api pretty new
0:54:25
you should just use that
0:54:27
it's called crypto uh and like crypto
0:54:35
and it works in chrome
0:54:40
it works in firefox and it works in edge
0:54:45
whatever safari like i just saw like can
0:54:48
i use yeah okay looks like you can use i
0:54:50
didn't check the details and then
0:54:53
before he submitted i was like just
0:54:55
share just share like
0:54:57
um with somebody else to just
0:55:01
just like see if there's any bug
0:55:04
and then they have an iphone or
0:55:06
something they're using safari or right
0:55:08
they're using web the webkit engine
0:55:10
and they're like there's
0:55:12
there's no app they just load up the
0:55:14
play page it's blank
0:55:17
and he spent like four hours trying to
0:55:20
freak out because he's got a deadline
0:55:24
why is it not working on safari and then
0:55:26
i helped him this afternoon i'm like
0:55:30
we finally found the problem it was the
0:55:43
it was a crypto web api and i was like
0:55:45
yeah my bad man i kept telling you just
0:55:49
grab the head castle i'll person spend
0:55:53
pulling his hair out
0:55:56
well to be to be fair i helped him
0:55:58
i helped him a lot so
0:56:01
the fact that yeah
0:56:03
the fact that he uh
0:56:06
he had to spend like a few hours
0:56:08
pulling his hair out going involved
0:56:11
well i was like yeah sorry about that
0:56:14
and then i laughed and i was like well i
0:56:16
guess i learned a lesson there don't use
0:56:18
the latest and greatest from the web api
0:56:20
because it might not be supported
0:56:23
yeah it was literally crashing the whole
0:56:26
app on safari like you would go to the
0:56:28
page nothing at all
0:56:31
nothing not even a single
0:56:34
yeah only the html for the
0:56:38
like the the body and then the place
0:56:41
where it's like you know where you
0:56:44
render the whole rest of the react
0:56:47
application yeah yeah
0:56:51
yeah and there's no there's no errors in
0:56:54
the console or anything
0:57:05
i'm killing it today
0:57:08
look at that spread of prayer
0:57:15
i think i'm going to make my own method
0:57:17
called a rage and join
0:57:24
um and probably possible it's a
0:57:30
that's right i'm gonna make my own
0:57:31
utility library for npm that people can
0:57:34
use like we're the spread operator
0:57:37
it's gonna allow you to
0:57:39
yeah like spread out
0:57:41
convert to strength
0:57:45
i'm gonna really put your leg on this
0:57:50
and every we all have to convert
0:57:54
something just to string i'm gonna just
0:57:56
bring up oh you should just spread a
0:58:01
and then eventually people are gonna
0:58:03
start believing it
0:58:08
hey maybe it'll go all the way to
0:58:16
that maybe they'll change how the spread
0:58:18
operator works on a race
0:58:22
extend this functionality to put away to
0:58:40
do you want to do the honest
0:58:48
wrote the rest of a little bit of front
0:58:55
um create a board form
0:58:58
with the password and test to see if
0:59:01
that worked with the back end and we
0:59:06
the only thing is i think we need to i
0:59:09
think we just need to come back and
0:59:10
clean up the ui here
0:59:13
um yeah and i would i would say it would
0:59:16
be good to have some validation for the
0:59:21
although i guess you do with this max
0:59:28
passcode there isn't any validation and
0:59:31
we probably don't even need that because
0:59:34
we're doing it alpha numeric
0:59:39
the validation from the form uh we
0:59:42
probably don't even need that because
0:59:44
we're doing it alpha numeric
0:59:49
min i think men is min length max length
0:59:52
is just the number of characters
0:59:56
yeah but we only have four boxes so it's
1:00:00
obvious that it's four characters isn't
1:00:04
yeah i'm just saying if somebody
1:00:06
well usually it's just nice for anybody
1:00:12
submits the form um especially for like
1:00:15
assess accessibility where they have
1:00:20
that like oh they missed a part of the
1:00:22
forum that's required
1:00:26
yeah that makes sense though yeah
1:00:30
let's do that um but first we will from
1:00:34
tomorrow we'll jump
1:00:38
and then um do this uh ui thing a bit
1:00:42
sure and then jump onto the
1:00:46
sounds good and that's our last
1:00:48
functionality and then we're entering
1:00:52
hopefully in two weeks we will enter in
1:01:04
thanks a lot guys for watching and
1:01:07
with us and i wouldn't have jokes um
1:01:10
been a pleasure having you all and um if
1:01:13
you want to see how we tackle and make
1:01:16
the form a bit more presentable
1:01:18
join us tomorrow same time same place
