►
From YouTube: NEAR + Bundlr + Arweave dApp polishing transactions
Description
Hey Nearians,
This workshop walks you through using NEAR to upload data on Arweave, in this workshop, we will build a public square app using React a NEAR Wallet, the bundler network, and Arweave. The tutorial is broken down into several bite-size videos, that are 20 - 30 minutes long on average.
Tutorial Repository: https://github.com/twilson63/public-square-app
Arweave Dev Discord: https://discord.gg/928jQzsA
About Presenter: Tom Wilson - twilson632 on Discord
A
A
The
the
new
post
form
is
grayed
out
until
its
success
and
we're
sending
an
event,
but
we're
not
catching
it
up
to
the
parent
to
let
the
parent
know
that
we've
posted
the
transaction
and
when
we
posted
the
transaction,
we're
going
to
get
the
tx
id,
and
we
will
basically
need
to
wait
for
new
post
so
and
the
way
that
we're
going
to
do
this
is
we
get
the
tx
id,
and
then
we
implement
an
exponential
back
off
pattern
to
essentially
wait
for
the
new
post.
A
Adding
a
new
function
called
wait
for
new
post
and
we
take
a
transaction
id,
and
this
function
is
just
a
imperative
while
loop,
that
will
actually
make
a
call
to
our
get
post
infos
and
when
it
returns
the
post.
It's
going
to
check
and
see
if
our
transaction
id
is
included
in
that
list
of
post
and
then,
if
it
is,
it's
going
to
move
it
to
the
top
and
then
return
the
post.
So
this
this
function
will
allow
us
to
check
that
out
and.
A
In
order
to
call
this
function,
we
need
to
do
some
some
prop
drilling,
so
we
need
to
go
into
the
app
component
and
we
need
to
add
a
function
in
our
app
component.
That's
going
to
essentially
call
this
function
and
we'll
call
this
a
sync
function:
weight
or
post
for
for
new
post
now,
wait
for
post
like
that
and
then
tx
id
and
then
we're
gonna
set
our
flag.
So
we
can
show
the
user
that
we're
checking
out
the
post
and
then
we're
gonna
get
our
post
from
our
new
function.
A
We
created
above
called
wait
for
new
post
and
pass
in
the
tx
id
once
we
get
those
we're
gonna
set
our
post
infos
with
the
post
that
we've
returned
and
set
our
is
searching
flag
to
false.
A
Now
that
we
have
that
in
our
app
home
component,
we
want
to
add
a
handler
on
here
called
onpostmessage
and
when
that
handler
is
called
we're
going
to
call
wait
for
post.
A
Essentially,
this
function
wait
for
posts,
we're
passing
it
down
to
the
home
component,
which
is
then
passing
it
down
to
the
new
post
component
and
then
in
the
new
post
component,
when
the
transaction
is
uploaded,
we're
going
to
call
this
post
message
and
it's
going
to
go
up
and
wait
for
the
post
to
show
with
a
status,
200
or
202.
A
So
with
all
that
said,
let's
test
this
out
so
we'll
go
here
is
pretty
cool
and
post
it,
and
so
now
it's
signing
it
with
the
wallet
and
it's
creating
the
transaction
and
it's
uploading,
the
transaction
to
our
weave
and
then
once
we
see
our
our
spinner
pop,
then
we're
waiting
for
that
post
and
we
see
it
pop
in
right
there
at
the
top.
So
that
is
really
pulling
the
whole
post-transaction
transaction
process
together
and
next
we'll
work
on
essentially
polishing
some
more
features.