►
From YouTube: What's new in Remix by Rob Stupay | Devcon Bogotá
Description
Visit the https://archive.devcon.org/ to gain access to the entire library of Devcon talks with the ease of filtering, playlists, personalized suggestions, decentralized access on Swarm, IPFS and more.
https://archive.devcon.org/archive/watch/6/whats-new-in-remix/
We’ve been pumping up Remix with new tools & features for users of all levels. Come learn the latest Remix tricks & techniques. We'll cue up editor improvements, tool integrations (including Git), Remix shortcuts, and our new workflows. We’ll also demo our new interface for using Remix with proxy contracts. This talk will take your scratchings on Remix to 11.
Speaker(s): Rob Stupay
Skill level: Intermediate
Track: Developer Infrastructure
Keywords: Remix IDE,Smart Contract Development
Follow us: https://twitter.com/efdevcon, https://twitter.com/ethereum
Learn more about devcon: https://www.devcon.org/
Learn more about ethereum: https://ethereum.org/
Devcon is the Ethereum conference for developers, researchers, thinkers, and makers.
Devcon 6 was held in Bogotá, Colombia on Oct 11 - 14, 2022.
Devcon is organized and presented by the Ethereum Foundation, with the support of our sponsors. To find out more, please visit https://ethereum.foundation/
A
A
And
get
ready
for
our
new
features,
we're
going
to
be
whipping
through
about
a
quarter
of
a
million
slides.
New
features
are
everywhere
and
we'll
be
going
through
all
these
sections
like
the
file
explorer,
you
can
now
clone
or
get
repo
in
the
file
explorer
right
now,
there's
this
little
icon,
we
added
a
new
little
icon
right
over
there.
A
You
click
that
and
but
soon
it's
going
to
turn
into
a
little
hamburger
icon
and
you
click
the
hamburger
icon
and
you
can
clone
if
you
click
the
Clone
and
then
you
get
this
modal
to
come
up
to
ask
you
for
the
address
of
the
mode
of
the
repo
and
then
it
comes
in
as
its
own
workspace.
So
you
can
bring
lots
of
code
into
remix
really
fast
or
easily.
A
No,
and
then,
when
you
click
the
workspace
pull
down,
you
get
the
get
icon
on
all
the
workspaces,
with
a
git
repository
associated
with
them,
and
you
can
manage
to
get
repo
in
Deegan.
Of
course
you
could
before,
but
maybe
actually
have
any
of
you
used
the
git
before
oh
there's
one
and
it's
it's
important
yeah.
You
need
to
be
able
to
push
Paul
and
do
all
your
git
commands.
So
you
click
the
it's
a
plug-in
and
you
load
up
the
D
git
plugin.
A
It
stands
for
decentralized,
get
click,
click
that
and
then
over
here.
If
behind
the
chair
or
maybe
on
your
screen,
you'll
see
the
init
push,
pull
all
the
normal
git
commands
and
oh
it's
over
there
and
then
you're
good
to
go,
and
then
we've
got
new
templates
in
the
workspace.
If
you
add
click
the
new
template,
a
new
workspace
button,
and
then
you
get
oh
look
it's
over
there,
you
can
get
a
create
new
workspace,
I
like
it
looking
at
this
and
then
what
happens.
A
You
can
choose
a
template,
oh
yeah,
but
first
you
can
initialize
a
repo
any
repo.
You
want
to
become
a
git
repo.
So
now
you
click
the
default
or
that
pull
down
menu
and
you
get
all
the
different
workspace
templates
and
now
they're
all
the
open,
Zeppelin
templates
or
some
coins
opens
up
on
templates
and
Xerox
project
and
if
you
click
one
of
the
open,
Zeppelin
templates,
you
get
you
get
some
of
the
features
that
you
can.
A
So
you
just
have
to
know
where
your
files
are
saved,
they're
saved
in
browsers
in
the
indexed
VB
and
that's
in
the
browser
and
the
browser
is
feeble.
You
know.
So,
if
you
want
to
save
it
to
your
hard
drive,
you
can
use
remix
D
to
share
a
folder
on
your
Hydra
with
remix
or
you
can
push
it
to.
You
know
some
other
external
git
repo.
If
you
want
and
now
as
a
result,
we
made
the
the
get
the
remix
d
command
a
lot
easier.
A
Instead
of
a
lot
of
flags,
you
just
go
into
the
directory.
You
want
to
share
in
your
terminal
and
just
type
team,
remix
D.
Of
course
you
do
have
to
download
at
first
and
it's
an
npm
package.
So
but
it's
simple
and
now
you
can
load
Slither
for
all
you
static
analyzers
there
out
there.
You
just
want
to
load
Slither
locally,
and
we've
made
some
editor
updates
and
for
the
master
of
editor
updates.
I
give
you
Philip.
B
Those
who
have
been
here
at
the
previous
session
you
you
know
how
challenging
it
is
to
to
build
a
good
code
editor
and,
as
we
are
using
the
same
editor
as
the
vs
SVS
code,
does
we've
been
able
to
make
it
do
some
stuff
that
we
expect
the
editor
in
vs
code
to
do
and
the
challenges
that
we
had
are
basically
the
same
that
the
nice
people
from
hard
hat
have
when
they
are
doing
code
parsing.
So
we've
been
trying
to
solve
this
problem.
B
First
of
all,
in
order
to
use
these
features,
you
have
to
turn
them
on
because
by
default
we
turn
them
off,
because
you
know
some
people
might
not
like
it
or
it
might
be
all
too
sudden.
But
basically,
what
we
have
is
autocomplete
and
autocomplete
is
a
very
complicated
Beast,
as
we
know,
because
when
you're
typing
you
want
stuff
to
happen,
so
we
have
designed
some
custom
part
parsers.
We
use
three
in
total
to
parse
the
code
while
you're
typing.
So
what
does
it
complete?
It
completes
globals,
Mutual
solidity
stuff.
B
It
completes
dot,
it
does
dot
completions
on
globals
from
solidity.
It
also
completes
anything
that
you
have
inherited
from
other
contracts
and
anything
that's
available
to
the
specific
location
where
you're
typing,
so
that
all
of
that
also
takes
into
account
visibility
of
certain
functions
or
variables
that
are
being
imported
through
the
Imports.
Basically,
it
also
Auto
completes
functions
from
other
contracts
so
that,
when
you
type
approve,
for
example,
it
will
pre-fill
the
variables
for
you
and
in
a
in
the
editor,
it's
still
very
limited,
but
it's
getting
better
as
we
go
along.
B
It's
an
experimental
feature.
It
has
some
stuff
to
it,
but
we
try
to
make
it
fall
taller,
tolerant,
so
that
when
you're
typing
and
you're
completely
messing
up,
it
tries
to
make
sense
of
what
what's
there
and
I
think
we've
done
a
pretty
good
job.
It's
for
you
to
try
out
and
to
see.
If
it
actually
is,
it
is
what
I'm
saying
it
is
the
dot.
Completions
are
a
thing
that
I
think
is
specifically
useful
for
when
you're
doing
complicated
stuff
with
contracts
that
you
import
here.
B
We
have
also
a
nice
little
feature
that
we
built
in
order
to
complete
a
possible
Imports
when
you
type
import.
Basically,
we
have
some
uni
Swap
and
open
Zeppelin
pre-loaded,
so
you
can
easily
find
and
search
files
that
you're
looking
for,
if
you're
looking
for
some
kind
of
interface
for
an
erc1155,
you
just
type
in
you
just
go
to
the
open,
zap
lens,
slash
and
you
type
in
1155,
and
it
will
just
show
up
in
the
list.
It's
easy
to
import
it.
B
That
way,
you
don't
have
to
copy
paste
it
anymore
from
other
locations
and
the
Imports
will
be
available.
The
imported
classes
are
import
contracts.
Sorry
will
be
available
for
you
as
other
complete
objects
when
you
try
to
extend
the
contract
and
anything
else,
so
these
things
are
all
being
taken
into
the
attitude
and
into
the
editor.
These
are
things
that
we
believe
are
important
features
for
people
to
develop
quickly
and
that
any
editor
should
actually
have.
B
We
also
include
gas
estimates.
Gas
estimates
are
simply
returned
by
the
by
the
compiler
right
and
we
need
to
display
them
on
the
places
where
the
compiler
says
that
there
is
an
estimate.
Sometimes
there
is
not
an
estimate.
If
you
don't
see
the
estimates.
That
means
that
the
compiler
hasn't
been
can
make
sense
of
what
you're
doing
and
then
then
some
suddenly
things
stop
right.
So
you
see
the
gas
here.
B
If
you
hover
over
it,
you
see
some
more
information,
because
the
gas
is
more
complicated
business
we
go
along,
then
we
have
just
as
in
vs
code.
We
have
jumped
to
definition
and
references.
We
also
have
the
peak
function
so
that
when
you
click
here
it
will
just
open
up
this
editor
within
the
editor,
and
you
can
just
jump
around
through
all
the
references
and
definitions
that
you
that
the
thing
can
find.
B
We
try
here
also
to
be
fault,
tolerant.
If
your
file
is
messed
up
and
you
have
errors
in
it,
it
will
still
be
able
to
find
the
the
functions
and
the
the
definitions
it
will
always
show.
You
all
will
also
show
you
the
net
spec
comments
that
are
included
into
the
files
that
you
have
imported.
So
let
me
see
if
I
can
actually
see
oh
yeah
and
then
we
have.
B
B
Also,
on
top,
you
will
see
it
turn
red
if
you've
made
a
an
error
in
an
imported
file
which
is
important,
you
make
an
error,
you
forget
a
forget
something
or
something
it
will
actually
put
this
quickly
line
underneath
the
imported
file,
and
also
it
will
also
show
you
where
the
error
is
in
the
file
explorer.
So
you
can
easily
say:
okay,
this
imported
file
has
an
error.
I'll
just
go
there
and
see.
B
If,
if
there
are
any,
it
will
show
them
into
the
into
the
the
hover,
and
then
we
have
a
nice
play
button,
and
this
play
button
has
several
things
that
it
does
for
solidity:
files
which
is
compile
on
the
files
and
for
typescript
or
JavaScript
files.
It
will
just
run
the
script.
That's
the
play
button,
so
Nifty
new
little
feature
that
we
made
and
then
we
have
code
formatting
code.
Formatting
is
something
that
I
use
all
the
time,
because
you
know
I'm,
lazy
and
I'm,
not
a
python
guy.
B
So
yeah
I
I
like
to
format
a
lot
so
I
we
did
it
and
we
will
build
some
customization
to
it.
So
you
can
actually
customize
the
formatting
to
your
own
specifications
or
likings,
but
for
now
it
does
some
basic
formatting
on
your
JavaScript
and
on
your
typescript
and
on
solidity.
So
try
it
out
and
see
what
it
does
and
see
if
you
like
it,
and
if
it's
it's,
if
it
becomes
a
big
match.
B
So
the
important
part
to
remember
from
this
from
the
editors
is
to
turn
on
all
the
features
in
the
settings
so
that
you
can
actually
use
them
if
there
is
something
that
doesn't
work
just
tell
us,
because
we
need
to
learn
from
the
experience
from
people
who
actually
use
solidity
a
lot,
and
so
that's
important.
The
next
part
is
proxy
contracts
and
I
want
to
introduce
you
to
David
diesu,
and
he
will
talk
about
it.
Thank
you.
C
Okay,
hi
I'm,
David
and
I'll
be
talking
about
remix
ID
support
for
proxy
contract.
Remix
ID
allows
you
to
be
able
to
deploy
upgrades
to
your
smart
contracts.
We
just
introduced
this
I
think
a
few
months
ago
about
a
month
two
months
ago
and
was
Purely
Inspired
by
continuity
of
your
project.
I
believe,
with
all
at
some
point,
deployed
some
contract
that
we
might
feel
like
making
some
changes
to,
and
then
we
couldn't
do
that
because
there
was
no
provision
for
upgrades.
C
So
we
have
that
and
we,
the
remix
IDE,
uses
the
open,
zipline
ERC
1967
proxy
contracts.
To
help
do
this
now
the
open
zero
plan
supports
three
types
of
proxy
upgrades:
I
think
the
uups,
the
transfer
parent
and
also
the
beacon
for
us.
For
now
on
remix
IDE,
we
support
you
using
uups
pattern
for
contracts
upgrade
yeah
okay
and
then
it
requires
you
having
the
uups
upgradable.
That's
all!
In
order
for
you
to
work,
this
feature
can
be
easily
be
tested.
C
If
you
assess
the
open,
open,
zipline
wizard,
you
can
be
able
to
customize
how
you
want
your
contract
and
then
you
select
the
uups
upgradable
and
open
in
remix.
If
you
have
that
you
compile,
you
should
be
able
to
have
this.
We
also
have
templates
I.
Believe
Rob
was
talking
about
templates
towards
the
beginning.
You
click
create
workspace.
You
can
select
and
customize
what
you
want
by
checking
also
the
proxy.
So
once
you
have
your
contracts
in
the
IDE
compiled,
you
should
be
able
to
have
these
options.
Deploy
with
proxy
upgrade
with
proxy.
C
So
basically,
remix
ID
does,
in
the
background
the
deployment
of
the
proxy
contract.
So
we
we
basically
have
a
compiled
byte
code
of
the
ERC
1967
contract,
which
we
deploy
as
your
proxy
and
then
we
now
have
your
implementation
contracts
deployed
on
top.
So
basically,
when
you're
interacting
with
this
feature,
you'll
be
prompted
with
a
model
instructing
you
that
two
transactions
will
occur
and
then
using
the
jsvm.
C
It's
super
fast,
so
you
just
see
it
immediately
after
the
first
deployment,
the
fastest
level,
oh
yeah,
the
first
deployment
and
then
the
second
yeah,
but
then,
if
you're
using
say,
metamax
and
deploying
to
mainnet
or
one
of
the
test,
Nest
to
be
a
bit
slower,
because
one
of
the
transactions
has
to
complete.
That's
the
the
proxy
deployment
first
before
the
implementation,
oh
yeah,
so
after
deployment
you
have
this
interface
displayed.
C
C
You
get
to
interact
with
this
UI
and
not
that-
and
this
is
because
the
whole
point
of
having
an
upgradable
contract
is
that
you
don't
want
to
interact
with
your
implementation.
You
want
to
interact
with
the
proxy,
but
then
we
still
display
this
so
that
you
don't
get
confused
and
feel
like
something
is
up,
but
it's
actually
just
there
so
that
you
interact
with
this
and
then
this
makes
low
level
delegate
calls
to
your
actual
implementation
contract,
okay
and
then
we
also
have
the
upgrade
so
now
for
the
upgrade.
C
You
need
to
provide
your
proxy
address.
If
you
use
remix
IDE
to
deploy
your
proxy
originally,
then
you
can
check
this
box
to
be
able
to
use
the
last
address
yeah
so
really
smooth
and
moving
on
in
the
future.
We
plan
on
having
a
list
of
previously
deployed
proxy
addresses
so
that
you
can
be
able
to
pick
from
and
not
just
the
last
deployed
address,
yeah
yeah
I
think
I've
talked
about
this.
It
makes
a
delegate
score
I
guess
to
your
implementation
contracts.
C
The
solidity
unit
testing
every
single
time
there's
a
push
or
depending
on
how
you
configure
it
to
be.
We
also
plan
to
have
the
static
analyzer,
also
added
as
GitHub
actions,
so
that
you
can
be
able
to
have
it
on
your
GitHub
project.
We
also
are
currently
working
on
having
you
run
JavaScript
test
with
mokan
chai,
also
as
GitHub
actions,
so
yeah,
okay,
oh
yeah,
yeah.
This
is
a
sample.
A
Okay,
a
few
more
things
to
go
over.
We
got
a
new
workflows
for
quickly
working
out
problems,
so
setting
in
the
state
of
a
contract
is
kind
of
can
get
kind
of
hairy
because
you
gotta,
maybe
have
to
deploy
a
bunch
of
contracts,
got
to
go
in
and
hit
a
bunch
of
functions,
and
you
got
to
remember
what
you
do
and
each
time
you
develop
it
can
be.
You
got
to
remember
what
the
process
is,
so
you
can
make
a
script.
A
That
does
that
for
you
and
then
let
the
script
run
after
you
do
a
little
bit
of
coding,
and
now
we
have
this
button
to
push
so
you
and
you
click
that
it
will
compile
the
contract
and
then
run
the
script,
and
you
connect
the
script
and
the
contract
with
some
Nat
spec
comments.
There's
an
example
in
the
the
default
one
underscore
storage
to
see
how
to
connect
the
the
net
spec
comment
to
connect
the
script
and
the
smart
contract.
A
So
once
you
share
the
folder
and
then
you
compile
a
file
in
one
of
those
other
Frameworks,
then
you
can
go
to
the
file
to
the
deploy
and
run
hit.
The
the
refresh
button
like
that
one
was
compiled
by
a
hard
hat,
and
then
we
took
the
same
file
and
compiled
it
and
remix
and
it
comes
up
with
compelled
by
remix
yeah.
Then
you
can
deploy
and
run
it.
A
A
Also
now
like
they're
in
the
environment
section,
the
top
link
goes
to
chainless.org,
so
you
can
find
the
spec
of
the
chain
you
want
to
deploy
to
and
when
you're
looking
at
one
of
the
l2s,
it
will
go
to
a
bridge
to
get
the
funds
for
that.
Debugger
got
wider,
there's
a
console.log
just
like
hard
hat
and
to
get
the
to
the
to
the
documentation.
A
You
gotta
click
that
little
carrot
it
opens
and
then
you
can
click
the
book
to
get
to
the
documentation
and
also
the
little
green
check
mark
means
that
remix
is
owner
of
this
code.
We
have
a
little
bit
updated
Viper,
so
you
can
go
to
the
Viper
plug
and
click
that
and
it'll
download
the
Viper,
Lang
repo
and
there's
a
transaction
recorder
which
probably
none
of
you
have
ever
used.
But
you
should
check
it
out.
It's
in
the
middle
of
the
deploying
run
and
browse
and
grab
if
you
take.