►
Description
Recording of SPFx and JavaScript development in SharePoint Community Call from 15th of February. Topics include updates from SharePoint engineering on SPFx, latest on PnP JS Core, Office 365 CLI and Reusable SPFx controls.
You can download an invite to this bi-weekly call from https://aka.ms/sppnp-js-sig-call.
A
Hello
and
welcome
to
this
week's
SharePoint
framework
and
JavaScript
special
interest
group
bi-weekly
meeting
is
February
15th
2018
halfway
through
the
month
of
February
already,
which
is
kind
of
amazing
I,
feel
like
the
week
is
the
week.
The
year
is
just
flying
by
at
this
point,
and
so
let's
get
right
into
the
call.
As
always,
we
want
to
start
off
with
a
discussion
around.
What
is
the
purpose
of
this
call
for
folks
that
might
be
new
to
the
call
are
new
to
listening
or
watching
these
videos
on
YouTube.
A
A
A
This
call
specifically,
we
talked
about
an
open
discussion
around
the
SharePoint
framework,
client-side
development
patterns
on
SharePoint,
so
that
includes
SharePoint
framework,
but
also
for
folks
that
might
be
developing
outside
of
the
SharePoint
framework,
where
they're
using
script,
editor,
webparts
or
doing
some
JavaScript
and
provider
hosted
add-ins,
there's
a
lots
of
different
ways.
You
can
use
client-side
development
inside
SharePoint,
and
so
we
try
and
touch
on
as
much
of
that
as
possible
and
then
as
well.
We
talked
about
the
p.m.
A
PJs
libraries
that
we've
developed
together
with
the
community
to
emphasize
simple
repeatable
patterns,
so
you
can
bring
those
into
your
application.
That'll
really
save
you
some
time
and
some
effort,
and
you
can
just
work
build
off
of
the
code.
We've
already
constructed
together,
two
links
down
there
at
the
bottom:
a
kms
s,
P,
P
and
P
community.
We'll
take
you
to
the
Microsoft
tech
community.
That's
a
great
place
to
ask
general
questions
around
SharePoint
development,
be
it
SharePoint
framework,
a
client-side
or
any
kind
of
SharePoint
development,
in
fact
that
great
form
for
those.
A
A
If
you're
working
on
provider
hosted
add-ins
managed
code
webparts
any
of
the
sharepoint
development
story
do
check
out.
We've
got
the
documents
there,
as
well,
so
moving
into
what
we're
gonna
cover
on
this
week's
call,
we'll
start
with
a
SharePoint
framework
update,
will
then
follow
it
that
up
with
a
update
on
where
we're
at
with
the
p.m.
PJs
client-side
libraries
work
got
update
then
on
the
office,
365
CLI
and
then
as
well.
An
update
on
the
reusable
client
controls.
A
A
That
work
is
done
and
I'm
gonna
demo
and
talk
through
how
that's
gonna
work
on
this
call
and
then
as
well,
a
demo
from
belem,
georgiev
georgiev
and
then
he's
got
a
really
cool
sample
floor
sharepoint
framework,
which
is
a
react,
slider
I'm,
sorry,
I
react
a
slide
Swiper,
so
a
slide
show
that
you
can
swipe
through
on
mobile.
It's
a
very
cool
little
demo.
He's
gonna
show
that
off
and
at
the
end
we
should
have
a
little
bit
of
time
for
Q&A.
But
of
course
please
we
have
questions.
A
You
can
always
type
them
into
the
IM
window.
We'll
do
our
best
to
respond
as
we
go
through
before
we
get
to
the
SharePoint
framework.
Update
would
like
to
always
mention
some
great
ways
to
talk
about
or
to
to
get
you
and
invite
you
to
participate
in
both
this
special
interest
group.
As
well
as
the
larger
patterns
and
practices
program,
the
the
first
and
my
personal
favorite
way
to
get
folks
involved
is
to
demo
on
this
call.
A
So
if
you've
got
a
SharePoint
framework
solution,
be
it
a
web
part
or
an
extension
or
you've
got
an
SPP
and
PJs
or
now
any
of
the
new
PIN
PJs
libraries
projects
definitely
want
to
see
those
demoed
on
the
call.
I
think
one
of
the
most
valuable
things
for
me
is
seeing
what
the
community
is
doing
with
this
work
and
learning
from
each
other
and
seeing
how
folks
apply
what
they
can
do
to
different
problems
in
ways
that
you
know,
certainly
I
might
not
have
thought
of
myself.
A
It's
always
very
interesting
to
see,
and
and
demo
as
well,
even
if
you're
outside
of
SharePoint
framework
again,
if
you're
doing
something
in
a
client-side,
editor,
webparts
or
some
script
editor
web
part
I
mean
sorry
something
like
that.
Definitely
welcome
those
demos
as
well.
The
community
demos
are
really
the
heart
of
this
call
contribute
on
github.
So
we
have
a
lot
of
different
repositories.
You
can
contribute
to
the
PMP
J's
libraries
absolutely
welcome
folks
to
get
involved
there.
You
can
also
contribute
questions
or
issues
to
SharePoint
framework
itself
at
the
ESPY
dev
docs
repository.
A
You
contribute
issues
if
you
have
issues
or
suggestions
on
github
as
well,
so
any
kind
of
contribution
there
and
then
just
a
general
kind
of
catch-all
feedback.
So
we
really
welcome
feedback
on
everything
we
do
in
patterns
and
practices.
So
not
just
the
code,
we're
writing
and
publishing,
but
also
these
calls.
What
could
we
do
better?
What
are
we
already
doing?
Great
love
the
feedback
on
that?
What
can
we
do
better
overall
and
patterns
and
practices?
What
are
some
subject
areas?
We
could
do
a
better
job
covering
or
need
to
cover
things
like
that.
A
We
really
welcome
that
feedback
and
we
really
try
and
take
that
to
heart.
We
can't
always
act
on
every
piece
of
feedback
immediately.
I
don't
want
to
discourage
folks
that
happens,
but
we
definitely
look
at
it
understand
it,
discuss
it
on
the
PAP
team
and
see
how
we
can
work
with
those
pieces
of
feedback
so
really
appreciate
all
the
feedback
from
the
community.
I
almost
asked
Patrick
to
give
me
control
and
we're
gonna
skip
that
so
a
quick
SharePoint
framework
update
from
visa
Thank.
B
You
Patrick,
so
I'm
not
gonna,
have
live
demos
today,
because
we're
gonna
do
live
demos
now
for
Patrick
and
villain,
but
some
updates
on
things
absolutely
and
I
think
I
was
able
to
take
over
the
presentation.
So,
let's
see
few
slides,
which
I
always
keep
on
these
things.
First
of
all,
aka
MSSP,
Deb,
Doc's
documentation
for
SharePoint.
All
of
the
active
documentation
is
relocated
already
from
MSD
and
the
dorks
that
my
stuff
that
come
so
please
get
in
here.
B
If
there's,
if
something
is
missing,
please
let
us
know-
and
you
can
contribute
by
yourself
on
these
docks
and
have
a
look,
and
these
look
contained
also
links
to
our
videos
and
everything
else
around
the
SharePoint
guidance
now
related
on
gaps.
If
you're
in
this
fall
or
whatever
every
now,
and
then
you
might
feel
that
hey
damn
you
Microsoft
people,
there's
gap
related
on
this
guidance,
so
there's
an
issue
over
there
or
whatever.
Please
let
us
know
so.
We
can
actually
address
that.
B
So
please
go
to
the
github
a
or
a
kms
SP
dev
issues
or
key
top
SP
dev
Doc's
an
issue
less
than
please.
Please,
please!
Let
us
know-
and
we
actually
there's
this
within
the
new
version
of
upcoming
new
version
of
SharePoint
framework
within
the
one
point
four
point,
one
version
which
is
coming
out
super
soon:
they
there
is,
for
example,
of
one
hotfix,
which
is
fixing
one
particular
thing
which
were
cut
and
reported
using
racialist.
Well,
and
so
thank
you.
Thank
you.
B
Thank
you
for
reporting
these
issues
here
and
obviously
we
do
not
have
a
limited.
We
do
not
have
an
unlimited
resources.
So
that
means
that
we
need
to
prioritize
these
things
and
for
sure
it
might
take
a
while
to
get
some
of
those
issues
at
rest,
but
all
of
the
critical
issues
we
try
to
address
ASAP
as
long
as
we
can
do
it
a
repro
for
the
issue,
but
anything
an
API
anything
with
SharePoint
development.
Please
let
us
know
will
reroute
that
directly
to
the
right
people
all
of
the
issues.
B
What
you're
submitting
here
are
actually
getting
replicated
automatically
to
our
research
to
do
online,
which
we
use
as
our
primary
channel
for
assigning
work
for
engineering
for
the
engineers
which
are
working
for
us,
because,
if
I
put
my
engineering
at
all
no
cool
one
thing,
what
I
want
asked
kept
actually
from
the
last
time
as
well
two
weeks
ago,
this
was
the
first
slide.
First
time,
I
showed
the
slide,
but
I
actually
updated
that
with
the
latest
traffic,
so
I
intentionally
intentionally
removed
the
numbers.
B
So
you
don't
know
what
actually
is
the
metric,
but
the
SharePoint
framework
is
already
twice
as
popular
from
a
usage
perspective
than
SharePoint
add-ins
and
share
button.
Is
it's
not
the
usage
for
SharePoint
audience?
It's
not
small,
so
you
can
kind
of
assume
them.
How
big
is
to
use
it
for
SharePoint
favor
and
do
I'm
gonna
keep
on
probably
updating
this
in
this
presentations.
I
do
not
have
a
sign
of
yet
from
Jeff
and
Dan,
and
marketing
and
Andrew
power
to
explain
what
are
the
actual
numbers.
So
I
can't
give
you
the
number
of
things.
B
Daily
app
user
per
se,
that
means
that
activations
of
a
adding
or
Chevron
framework
solution
or
a
functionality
upon
framework
by
a
single
person
if
the
same
web
part
is,
for
example,
in
another
page
on
the
same
site.
That's
not
going
to
increase
the
numbers,
so
it's
kind
of
a
trying
to
analyze
the
real
usage
of
this
individual
extensions.
B
But
again,
like
said
I,
do
I
haven't
got
a
permission
yet
to
explain
the
actual
numbers,
so
I
can
share
them,
but
I
can
show
you
a
chart
which
is
indicating
the
growth
and
the
growth
is
quite
phenomenal,
so
we
increased
40%
in
January
on
SPF
X
adoption,
which
is
absolutely
huge,
now
cool,
so
on
other
topic,
so
new
stuff,
the
ship
one
framer
at
one
point
four
point:
one
is
well:
it's
not
now
available.
So
it's
it's!
So
it's
kind
of
a
faking
slide,
but
this
is
the
marketing
slide
for
it.
B
So
I'm
gonna
push
out
later
today
or
one
of
the
marketing
slides,
which
says
push
out
potentially
later
today.
Oh
I
gave
it
up
damn
so
later
today.
Hopefully,
unless
there's
a
really
last-minute,
let's
say
cancellation
on
these
things,
we
will
push
out
the
one
point.
Four
point:
one
version
just
to
give
you
a
heads
up
on
that
one,
because
you're
joining
on
this
call
really
the
key
points
of
this
one
point
four
point:
one
there's
two
massive
things.
So
the
number
one
thing
is
preview
of
the
new
Microsoft
client.
B
It's
the
aircraft,
client
and
also
the
new
Asha
ad
app
client
and
both
are
around
managing
access
either
the
match
of
craft
or
the
third-party
web
api
is
in
the
in
the
in
the
sharepoint
online.
Using
the
shipment
framework,
implementations
and
I'll
explain
that
slightly
more
detailed
in
the
following
slide.
The
second
big
thing
actually
superbly.
Finally,
getting
there
and-
and
the
fix
was
quite
small,
but
it's.
B
Finally,
now
coming
back
on
that
craft
and
discussion,
so
in
our
monthly
community
call
this
week
as
well,
this
is
actually
pretty
weird,
because
we
have
two
two
community
calls
in
single
week,
but
that's
because
we
had
two
monthly
community
call
and
then
we
have
the
special
interest
group
call
for
SharePoint
framework
this
week,
Paolo
actually
demonstrated
this
one
in
practice.
We
will
release
documentation
and
tutorial,
which
is
going
through
this
step-by-step.
B
B
It
is
getting
an
access
token
automatically
from
your
Active
Directory
and
then
it
actually
calls
that
third-party
Web
API
or
a
scope,
or
at
Microsoft
graph,
using
additional
scopes,
so
you're
able
to
then
access
additional
stuff
available.
Now
this
one
will
replace
existing
the
craft,
HTTP
client,
which
has
which
was
shipped
I,
think
in
1.3
version
1.4
version
in
November
or
earlier
than
that,
so
the
witch
was
in
preview
as
well.
B
This
will
be
released
for
preview
and
we're
looking
into
polishing
the
stuff
and
getting
it
more
stable,
but
so
this
one
will
be
in
preview,
so
we're
not
recommending
anybody
to
actually
build
any
production
stuff
on
this
one,
but
you
can
already
start
implementing
and
you
understand
how
things
will
be
working
whenever
we
GA
the
actual
functionality,
we're
not
expecting
any
more
changing
the
class
names
or
anything
like
that.
It's
just
rather
polishing
the
admin
experience
polishing
the
power
shells
behind
of
the
things
and
of
that
there
are
certain
certain.
B
Let's
say,
steps
in
this
flow,
which
are
quite
rough
still
and
our
exception
hand
things
here
and
there
are
not
quite
there
yet.
So
that's
that's
the
thing.
What
we
need
to
still
provision
polish
before
we
can
go
GA
with
this
one.
There
was
a
comment
from
Rolla
for
Ron
a
long
time
ago
we
came
off
a
day,
it's
the
tape,
a
craft
and,
to
be
honest,
we
were
not
planning
to
have
this
long
release
prick
around
the
SharePoint
framework
and
but
do
reasons
are
another.
This
was
just
realities
of
life.
B
Every
now
and
then
things
are
delayed,
delayed
delayed
to
a
small
issues,
but
then
they
get
escalated
and
there's
another
issue
or
completely
irrelevant
thing,
but
it
impacts
delays
as
well.
Now,
in
the
future,
we
we
are
already
having
a
discussions
on
potentially
moving
to
pre
known
release,
schedule,
which
would
mean
that
there
would
be,
for
example,
monthly,
SharePoint
framework
releases
or
bimonthly,
so
you
would
know
beforehand
when
the
following
1.5
1.6
1.7
version
would
be
coming
on.
B
So
you
as
a
community
member
or
as
a
customer
you
could
prepare
and
that
you
would
know
that
Oh
on
that
week,
the
first
week
of
every
single
month
or
bi-weekly
bimonthly,
we
would
get
a
new
version
of
SharePoint
framework
whenever
we
release
a
new
version.
It
does
not
impact
your
existing
customizations.
If
it
does
that's
a
balk,
it
should
absolutely
absolutely
and
not
impact
them,
but-
and
you
don't
have
to
force
fully
upgrade
to
the
latest
version-
that's
not
always
needed
every
now
and
then,
however,
the
new
versions
have
great
capabilities
like
this
one.
B
So
most
likely,
we
want
to
jump
to
the
latest
version
kind
of
related
on
this
one
as
well.
Next
Monday
will
release
a
webcast
which
will
explain
with
the
live
demo,
how
to
upgrade
existing
SharePoint
framework
solutions
from
an
older
version
to
the
latest
version.
So
there
is
a
step
past
that
video,
together
with
me
and
Paulo,
where
we
walk
through.
How
do
you
actually
take
an
existing
solution
and
not
create
that
to
the
latest
versions?
So
that's
gonna
go
live
on
next
Monday,
just
a
a
teaser
for
that
one
as
well.
Why
on
Monday?
B
Well,
because
we
release
our
webcasts
on
Monday,
because
nobody
else
is
doing
anything
on
Monday,
so
that's
apparently,
treason,
cool
and
good
comment
from
AC
around
get
off
releases.
Yes,
with
my
personal
opinion,
is
strongly
with
the
scheduled
releases,
because
we
do
that
also
for
season
and
PowerShell
and
also
for
PNP
community.
It
releases
we
actually
use
as
a
community
members.
You
know
when
those
things
are
evolving,
so
you
don't
have
to
wonder
if
there's
a
new
release
or
not
and
the
size
of
the
release
doesn't
actually
matter.
B
You
know
when
the
new
release
is
coming,
so
we're
looking
into
doing
that.
There's
still
some
internal
discussions.
What
does
minion
practice
good,
but
that's
great
feedback
for
our
internal
discussion
as
well.
Now
moving
on
are
things
quickly.
I
have
a
look
on
the
roadmap.
This
is
not
going
to
take
too
long
so
now
change
these
actual
changes
in
here
except,
oh
and
I,
haven't
updated.
The
slide
designs
and
extends
with
the
extensibility
point
has
been
g8.
B
That's
a
older
slide,
which
is
still
saying
that
it's
in
first
release,
that's
actually
wrong
site
designs
with
the
next
instability
point
are
now
in
g8
status,
so
they
are
in
production.
The
more
Microsoft
craft
support
is
coming
really
really
really
really
soon.
Hopefully,
today
Mike
mentioned
already
earlier
in
the
call.
Potentially,
it
might
be
still
late
if
there's
a
really
last-minute
surprises
on
arson
hub
site
top
a
bi
is
potentially
during
the
end
of
this
month.
Early
next
month
with
a
month.
A
Over
here
presentation,
all
right
so
update
on
PJs,
client-side
libraries,
just
a
reminder:
the
github.com,
the
location
is
slash,
P
and
P,
slash,
P
and
P
the
redundancy
there
is
just
because
we
talked
to
the
redundancy
department
and
that's
how
we
did
the
naming,
but
it's
really
to
match
up
with
the
scope
and
really
we
just
needed
a
name
for
the
repo
and
because
it's
a
monitor
repo
with
a
bunch
of
different
packages.
In
it
we
used
a
fairly
generic
name.
A
So
we
I
mean
I
can
come
up
with
stuff,
but
I'm
I've
been
in
the
field,
but
I'm
really
no
longer
in
the
field.
That's
not
my
role,
so
I'm,
not
day-to-day
working
with
customers
and
the
way
I
was
in
the
past.
So
for
the
folks
that
are,
if
you
have
problems
or
you're
running
into
things
common
scenarios
that
you
think
would
make
a
good
candidate
to
be
part
of
the
library
they
could
be
made.
Generic
and
reusable
would
really
appreciate
and
welcome
that
feedback
on
the
kind
of
things
we
can
add.
A
So
we
have
stuff
we're
gonna
add
we
still
have
plans,
but
definitely
looking
for
folks.
If
you
have
feedback
want
to
hear
that
on
where
we
can
go
with
adding
capabilities
that
will
help
all
of
you
out
there
in
the
community,
which
is
in
the
day
our
entire
purpose,
so
SPP
pjs
I've
updated
the
readme
with
the
roadmap
and
an
explanation
of
the
transition
to
the
PM
pjs
libraries.
So
when
that
release
goes
out
that
updated,
readme
will
go
out
as
well
and
just
a
reminder.
A
The
SPP
PGs
library
will
continue
to
get
updates
through
a
July
release
and
then,
after
that,
we'll
kind
of
hibernate.
So
we're
not
going
to
take
it
off
of
NPM
we're
not
going
to
take
it
off
of
github.
So
all
your
existing
applications
will
continue
to
work.
You
can
always
reinstall
the
previous
versions
and
everything
exactly
as
before,
but
it
just
will
cease
to
get
the
new
updates
and
the
new
functionality
those
will
be
put
into
the
paint
jas
library
as
we
move
forward.
So
that
being
said,
somebody
there
we
go.
A
That
being
said,
we'll
move
on
now
so
office.
365
CLI
update
the
office
365
CLI,
a
new
beta
version
is
out
I
believe
out
yesterday
or
today,
with
the
following
commands:
SP
I'm
not
going
to
actually
read
all
these
commands,
but
some
great
new
commands
in
there
to
help
manage
lists,
get
information
about
site
collections
and
some
additional
functionality
around
custom
actions
so
check
those
out.
A
That's
a
beta
version,
so
you'll
need
to
do
the
app
next
or
at
beta
to
get
that
install
and
then
some
work
that
is
in
progress
and
coming
soon
from
the
office.
365
CLI
folks
is
more
commands
around
SPO
working
on
integration
with
Microsoft
graph.
We
we
as
p
and
p
patterns
and
practices,
are
looking
at
ways
to
make
communicating
with
Microsoft
graph
easier
across
all
of
these
different
things,
which
we're
sort
of
limited
by
what
you
can
do
with
Azure
ad.
A
A
Very
much
appreciate
that
so
I'll
share.
My
thanks
as
well
really
appreciate
everyone
from
the
community
gets
involved
in
everything
we
do
in
patterns
and
practices.
So
thank
you
all
very
much
and
we
very
much
appreciate
your
time.
Your
effort
that
you
put
into
contributing
across
our
entire
suite
of
work
and
then
on
the
bottom.
If
you're,
looking
to
kind
of
make
contact,
get
in
touch,
ask
questions
about
office365
CLI,
there's
a
hashtag
on
Twitter
that
folks
are
following
office,
365,
CLI
and
then
as
well.
A
There's
a
get
er
channel
for
office
365
and
that
AKMs
office
is
five.
Cli
is
actually
a
shortcut
to
the
get
er
channel
as
well,
and
then
for
folks
that
aren't
familiar
with
the
CLI
or
want
to
learn
more
about
it.
Our
last
monthly
call,
which
was
recorded
this
Tuesday
and
is
now
available
on
the
YouTube
channel,
has
a
great
demo
and
discussion
on
that
from
Andrew
Connell.
That
was
recorded
on
the
call
and
then
as
well
there's
several
other
tutorials
and
videos
available
around
the
office,
365
CLI
and
getting
started
with
that.
A
Next,
we've
got
an
update
on
the
reusable
controls,
so
these
are
a
set
of
controls.
If
you
haven't
checked
these
out,
that
you
can
use
within
your
SharePoint
framework,
webparts
or
I
guess
are
I
suppose
extensions
as
well.
They're
not
wouldn't
be
just
limited
to
webparts,
but
so
these
controls
are
reusable
and
they're
published
out
there.
A
So
two
new
versions
for
the
SharePoint
framework
property
controls
we're
now
at
one
point:
3.0
they've
added
a
new
control,
so
property
field
code
editor
allows
you
to
sort
of
edit
code
in
the
way
that
a
script
editor
code
or
the
script
editor
controlled.
So
you
can
edit
code
and
then
the
enhancements
for
that
release.
The
property
field
term
picker
has
been
improved
with
a
save
and
cancel
button
and
then
also
an
on
click
event
on
the
input
field.
A
So
you
can
check
that
stuff
out
as
well,
so
check
out
the
update
for
the
framework
property
controls
and
then
for
those
of
you
who
are
working
in
react
specifically,
if
your
apt
controls
there's
a
new
release
at
one-to-one,
which
has
a
fix
for
the
field.
Taxonomy
renderer
got
fixed
to
support
single
and
multiple
values,
so
not
a
lot
of
updates,
but
some
very
valuable
new
features
and
updates
there
for
both
the
react,
controls
and
the
property
controls
and
so
again
another
piece
of
the
PMP
suite.
A
If
you
haven't
checked
that
out,
do
have
a
look
again.
Nice
reusable
components
that
drop
right
into
your
applications
and
just
generally
save
you
a
lot
of
time
and
effort
in
writing
these
kind
of
Pickers-
and
you
can
see
examples
of
these
things,
so
selecting
lists
taxonomy
pickers,
and
then
you
know
the
the
calendar
control
they're,
obviously
code
that
you
could
write
but
much
easier
to
just
reuse.
This
existing
code
and
then
a
webcast
again,
if
you're
not
familiar
with
these
and
have
it
check
these
out.
A
Do
you
check
out
that
link
to
a
webcast
that
goes
over
the
SharePoint
framework
controls
introduces
them.
This
was
published
when
they
first
originally
came
out,
I
believe
so
it's
not
gonna
have
the
latest
updates,
but
we'll
give
you
a
great
introduction
and
great
idea
around
using
these
in
your
applications
and
show
you
the
patterns
that
work
with
any
of
the
new
controls
or
any
of
the
new
updates
so
check
that
out
as
well,
so
we're
gonna
move
now
to
a
demo.
A
A
Anybody
I
see
it
for
me,
got
it
alright
awesome.
It
worked
it's
happening.
This
is
the
what
we
were
discussing
earlier
in
the
I
am
window,
so
it's
happening.
My
screen
has
been
shared,
we're
getting
the
MS,
graphed
clients.
Everything
is
happening
in
patterns
and
practices.
So
thanks
for
joining
the
call
to
stay
up
to
date,
what
I
wanted
to
talk
to
you
guys
about
today
is
the
client-side
pages
code.
A
That's
gonna
go
live
in
the
next
release
that
will
happen
later
today
for
both
sets
of
client-side
libraries,
so
whether
it's
the
PJs
set
of
libraries
or
SPP
and
PJs
both
will
get
these
updates,
and
we
talked
on
the
last
call
about
the
ability
to
add
a
client-side
page
and
then
I
hadn't
really
gotten
much
further
than
that.
But
I
wanted
to
revisit
this
and
show
you
guys
kind
of
the
finished
code
and
I
bet
somebody's
telling
me
to
make
my
text
bigger.
So
let's
do
that.
A
The
first
thing
I
want
to
point
out
at
the
top
I'm
working
in
node
for
this
demo.
So
I've
done
my
setup
call
here.
You
use
the
SP
fetch,
client
and
I've
previously
registered
an
application,
ID
and
secret.
This
is
using
the
SharePoint,
ID
and
secret
to
this
SP
fetch,
client
and
then
I'm
gonna
come
in
here
and
I'm,
going
to
add
a
client-side
page.
A
So
this
is
the
piece
I
was
able
to
show
before
this
will
add
a
new
page,
and
then
we
have
a
call
here
to
get
the
list
of
all
the
client-side
web
parts
that
are
available
in
the
web.
So
this
is
going
to
include
both
your
custom
web
parts
as
well
as
the
web
parts
that
come
out
on
the
Box
you're,
just
gonna
get
a
big
list
of
those
things
back.
A
So
I've
got
the
definition
I'm
going
to
create
a
web
part
from
the
definition.
So
this
part
is
now
a
client
web
part
client-side
web
part
instance
created
from
that
definition.
So
it
represents
an
embed
web
part,
and
then
we
have
this
method
set
properties
and
because
all
of
these
client-side
web
parts
have
a
different
group
of
properties
you
can
set
that
takes
a
generic
or
I'm.
A
Sorry,
it
takes
a
typing
property
here
and
the
generic
type
argument
that
gives
you
the
properties
available
for
that
web
part
I've
built
in
a
couple
literally
right
now
into
this.
But
that's
something
we'll
look
to
expand
in
future
releases,
but
it
gives
you
the
Taipings
available
for
this
webpart,
because
I
know
this
is
an
embed
I'm
saying
give
me
the
Taipings
for
the
embed
and
then
you
can
see
you
get
the
intellisense
here
for
the
various
properties
in
this
case.
There's
four
properties
for
this
webpart.
A
The
cache
embed
code
should
scale
with
width
and
temp
states.
The
only
one
that's
required
is
the
embed
code
and
that's
the
actual
video,
the
or
the
actual
URL
to
the
video
that
we
want
to
show.
So,
in
this
case,
we're
gonna
post
a
YouTube
video
into
this
embed
web
part,
and
this
would
work
with
every
kind
of
web
part
would
have
this
set
properties.
A
And
so
you
could
create
custom
typing
objects
here
as
well
for
your
custom
web
parts,
when
you
define
your
properties
that
are
available
there,
and
this
kind
of
avoids
us
having
to
have
a
client-side
web
part
class
for
every
web
part
out
there,
since
they
don't
differ
a
lot
or
really
at
all,
except
for
the
properties
that
are
exposed
and
for
those
few
cases
where,
in
your
custom
applications
you
might
need
a
custom
class.
You
can
of
course,
subclass
the
client-side
web
part
and
add
any
functionality
you
might
need
for
your
application.
A
The
next
thing,
we're
gonna
do
is
add
a
section
to
our
page
and
add
a
control
to
our
page,
and
what
this
is
doing
is
adding
a
control
to
the
default
column
of
that
section
and
we'll
talk
about
sections
when
we
actually
look
at
the
page
here
in
a
section
that,
in
a
second
and
I,
will
explain
that
hierarchy
a
little
bit
more
and
then
finally,
we're
going
to
await
the
saving
of
that
page.
So
note
here,
I'm
calling
save
and
not
update,
so
this
client-side
page
is
and
is
an
extension
of
the
file
class.
A
So
the
update
method
is
going
to
update
that
underlying
file
object
and
the
save
method
is
actually
going
to
serialize
update
the
content
of
the
page.
So
it's
a
method
specific
to
the
client-side
page.
So
just
note
that,
but
we're
going
wait
that
so
that
happens
and
I
have
a
breakpoint
here
just
so,
we
can
see
that
everything
runs
someone
hit
f5.
A
A
It
looks
like
no
so
moving
forward.
You
can
see
our
requests
are
going
to
be
going
out.
These
are
just
getting
logged
here
to
the
console,
because
I
have
the
console
logging
set
up
for
this
demo,
and
so
I
didn't
want
to
pause
here
kind
of
on
this
breakpoint
and
show
you
this
part.
Deaths
is
just
a
giant
array
in
this
case.
I've
got
54
items
in
my
array
and
these
all
represent
each
of
the
web
parts
and
you
could
look
at
the
manifests
for
these
and
see.
A
I,
don't
even
know,
there's
nuts
that
happen
to
be
in
bed.
1
I
just
picked.
If
we
look
at
the
tenth
one
here
title.
This
is
the
image
web
part.
So
you
can
see
all
the
different
components
are
then
available
here
in
this
array,
and
so
you
can
use
those
to
construct
your
client-side
web
parts
and
then
we'll
advanced,
and
you
can
see
by
filtering.
We
now
just
have
the
one,
so
we
filtered
by
ID
and
I'm
just
gonna.
Let
this
run
through
to
completion
and
will
come
out
through
there.
A
So
we've
saved
our
page
I'm.
Actually
just
gonna
stop
our
sample.
There
and
bounce
us
over
to
my
site
here
for
those
of
you
who
are
the
last
call
you'll
note:
I've
applied
a
different
theme,
which
is
hopefully
a
little
more
visually
pleasing
for
everyone,
but
I'm
gonna
open
our
new
page,
and
so
we
can
see
here
on
our
new
page
as
it
loads.
Here's
our
embed
web
part.
It's
taken
up
a
nice
big
piece
of
the
screen
because
we're
allowing
it
to
scale
with
with
the
page
and
I
want
you
to
note.
A
A
So,
on
a
modern
page,
you
have
this
area
the
kind
of
from
below
header
to
above
these
comments,
that
is
the
canvas
and
that
canvas
you
can
think
of
as
containing
all
of
the
content
for
a
modern
page,
and
that
canvas
is
then
broken
up
further
into
sections
and
so
sections
you
can
think
of
as
horizontal
bands
that
take
up
the
full
width
of
a
page
and
so
I
could
add
a
section
above
that's
adding
a
webpart.
Actually
so
I
can
add
a
section
above
my
current
section
and
I
get
this
option
here.
A
So
I
can
add
sections
in
five
different
ways.
One
column
which
is
gonna
take
up
the
full
width
of
the
page
two
column,
which
is
gonna,
take
up
split,
half
in
half
three
column,
that's
gonna,
be
in
thirds
I
think
we
can
see
the
pattern
now
these
two
others
that
split
it.
You
know
sort
of
a
little
bit
on
the
left
or
a
little
bit
on
the
right.
I'm
gonna
pick
a
two
column
ones,
just
to
sort
of
show
this
and
then
inside
a
section.
A
I
now
have
two
columns
and
within
each
of
these
columns,
I
can
add.
Here's
text
in
this
column
and
I
can
add
some
text
in
eight
column,
and
so
that's
kind
of
the
hierarchy
of
canvases
have
sections
which
have
columns,
and
then
columns
have
parts
in
them
and
I'm
putting
this
out
here,
because
I
want
you
to
sort
of
remember
this
for
my
next
thing
that
we're
gonna
see
around
editing
these
webparts
on
an
existing
page.
A
So
what
I'd
like
to
do
is
I'm
gonna
open
another
page,
so
this
is
an
existing
page.
That
already
is
on
our
site,
and
so
we
have
a
couple
things
here:
we've
got
a
text
block
up
at
the
top
and
I'll
edit,
this
real,
quick
just
to
show
folks
kind
of
the
layout
of
the
page.
So
this
is
a
text
editor
web
web
part
client
side,
part
in
the
top
section.
So
that
would
be
the
first
section
on
the
page,
and
this
is
the
left
column.
A
Has
a
text
part
in
it
and
the
right
column
has
a
has
the
embed
web
in
it.
So
this
is
a
YouTube
video,
we're
showing
you-
and
this
is
a
funny
video
about
a
video
conference
call
in
real
life
which,
if
you
haven't
watched
this,
it's
it's
a
good
laugh,
but
my
boss
has
come
and
told
me
that
this
isn't
necessarily
appropriate
for
our
work
intranet.
So
we
need
to
update
this
and
we
want
to
change
the
text
up
here
as
well
as
we
need
to
change
the
video
URL
of
this
embed
web
part.
A
This
part
here
this
section
of
code
here,
so
what
I
wanted
to
show
you
guys
is
or
show
you
folks
is
loading
an
existing
page,
so
we're
gonna
use
a
client-side
page
from
file
which
is
a
new
method.
Well,
all
this
is
new,
but
this
is
a
new
method
from
what
we've
seen
previously,
and
this
will
actually
allow
you
to
load
from
any
file
object
and
by
file
object.
They
mean
a
PNP
JS
file
object.
So
in
our
case
we're
doing
SP
web
get
filed
by
server
relative
URL.
That
gives
us
a
file
object.
A
A
So
you
can
get
your
file
object
and
then
call
from
file.
This
returns
a
promise.
So
we're
gonna
await
that.
You
could
also
do
a
dot,
then
at
the
end
and
we're
gonna
get
the
page.
So
the
page
then,
is
going
to
be
loaded
up
from
the
existing
content
of
that
file,
and
that
page
is
our
client
side
page.
So
we
can
access
the
sections
property,
which
is
an
array
and
it
has
an
array
of
columns
and
then
we
can
get
a
control
and
the
gate.
Control
method
takes
another
generic
typing
argument.
A
A
It
has
a
text,
property
and
I'm
going
to
update
the
property
of
that
text
and
then
I'm
gonna
get
the
next
section
down.
So
you
remember,
this
is
the
second
section
on
the
page
and
I'm
gonna
get
the
second
column
in
that
section,
meaning
the
right
most
column.
I'm
gonna
get
that
control
which
I
happen
to
know
as
a
client-side
web
part.
A
Again,
it's
indexes
the
zero
it's
the
first
control
in
that
column
and
I'm
gonna
set
its
property.
So
this
is
the
same
as
we
saw
above
I'm
using
set
properties
with
a
typing
method
to
describe
the
available
properties
and
give
me
some
type.
Checking
and
I'm
gonna,
give
it
a
different
YouTube
URL
here
to
what
might
be
a
little
bit
more
work,
appropriate
video,
and
then
my
managers
also
told
me:
I
should
disable
the
comments
on
this
page.
A
So
I
need
to
disable
the
comments
on
the
page,
which
is
a
separate
method
that
actually
also
returns
a
promise.
So
I'm
gonna
first
store
my
content
changes
and
then
I'm
gonna
disable
comments
on
the
page
as
we
you
know,
to
follow
what
my
managers
asked
me
to
do
so.
I'm
gonna
run
that
code
and
then,
while
that's
spinning
up
I,
look
back
over
to
the
I,
am
window
here.
Try
and
catch
up
on
what
I
might
have
missed.
A
A
comment
on
a
page
doesn't
count
as
a
page
modification,
I
think
you're,
meaning
for
like
the
modified
date
and
I
believe.
The
answer
to
that
is
no
need
to
figure
out
how
best
to
Patrick
the
sections
don't
really
take
the
full
width.
So
yes,
that's
a
very
good
point.
The
sections
take
up
a
full
width
of
the
canvas,
so
that
canvas
is
limited
in
its
width
of
the
the
space.
It's
in
and
I'll
point
that
out
again
back
when
we're
back
on
that
page,
that's
a
very
good
point.
A
It
doesn't
actually
take
up
the
entire
page,
which
is
what
I
said
it
is
limited
to
the
size
of
the
the
canvas
so
Dean
yeah.
That's
actually
there's
a
bunch
of
old
concerts
on
YouTube
that
full
concert
which
is
really
neat.
Those
are
out
there.
So
if
you
can,
if
you're
into
that
catch
those
up,
so
we'll
go
back
to
our
page
and
refresh
this
and.
A
You
can
see
now
we've
updated
our
text
and
I've
updated
here
to
the
transitioning,
to
the
@pn
PSP
library,
from
SP
PPG
s,
video,
great
video,
it's
a
little
more
work
appropriate
than
the
joke
video
and
something
that
I
encourage.
You
all
to
check
out
it's
available
on
the
pnp
youtube
channel,
as
well
as
linked
off
the
readme
for
the
PP
libraries
check
that
out
and
really
help
you
walk
through
transitioning
to
the
new
blue
ah-ah-ah-ah.
A
A
C
C
B
C
But
let's
go
to
to
the
properties
and
see
what
else
is
there?
So
if
we
go
to
the
properties,
we
can
see
bunch
more.
A
bunch
of
more
properties
here
and
and
I
can
enable
additional
navigation
here,
and
then
you
can
see
those
arrows
on
the
left
and
on
the
right
and
I
can
disable.
The
nation
I
can
control
the
slides
per
view.
C
And
so
it
changes
the
slides
every
two
and
a
half
seconds.
You
can
control
the
the
milliseconds
here
and
what
else
we
have
here
is
you
can
have
a
grab
cursor
all
the
way
across
these
cards
you
can
have
a
loop
loop
means
that
if
we
end
here,
we
can
enable
that
loop
and
if
I
refresh
the
page
whenever
I
get
to
the
last
page
here,
if
I
look,
it
will
start
from
the
first
again.
C
C
Now,
let's
go
to
the
code
and
in
see
what's
there
I'll
start
with
the
packages.
So
the
only
change
in
the
packages
here
is
at
the
bottom.
There
is
another
package
here
called
Swiper,
and
this
immediately
means
that
I
haven't
created
manually.
Any
of
those
features
that
you
are
seeing
here
on
the
Swiper,
but
instead
effused
a
library,
the
library
is
called
Swiper
and
it
has
a
fair
amount
of
stars
and
they
say
that
this
is
a
modern
mobile
touch.
C
So
we
can
bring
even
more
features
to
our
web
part
I
just
try
to
embed
few
of
them,
but
you
can
have
major
property
come
over
here
now
back
to
the
code,
the
the
web
part
itself.
If
we
go
here,
we
can
see
that
we
are
surely
yeah.
We
can
see
the
properties
here
from
the
property
panel
and
then
down
below.
We
have
a
component
that
loads,
the
describer
and
the
cards,
and
then
we
have
the
the
property
pond
there,
with
with
all
the
properties,
listed
some
interesting
things
here
that
you
might
know.
C
This
is
how
we
disable
one
property
based
on
another
property
here
or
how
we
set
up
a
default
values,
as
in
small,
treats
around
er
the
property
time
and
how
we
can
make
some
all
the
features
in
the
sharpen
framework.
Also
that
podium.
They
said
like
that
group
as
the
corium
and
you
can
collapse
or
the
different
groups
in
the
property
panel
now
to
direct
component
itself,
where
we
are
passing
the
properties
of
the
web
part
to
the
react
component.
C
We
also
have
a
list
mob
data
and,
if
I
go
to
the
list,
mob
date
is
just
a
bunch
of
jason
records.
What
you're
seeing
here
is
as
a
image
title
and
then
description,
sin
mob
data,
but
of
course
that
can
be
a
data
coming
from
my
SharePoint
list
or
from
a
REST
API
just
to
make
it
more
simple,
growing
afar
and
then
on
the
right
components.
Here
we
have
the
root
component,
which
is
called
react,
slider,
Swiper
and
on
the
component
did
mount
event.
C
We
load
the
data
from
the
the
mock
place,
the
mob
data.
Then
we
have
date
the
state
of
the
lab
component,
which
we
are
automatically
a
big
screen
with
all
the
items
loaded
from
the
list
here
and
then
inside
of
component
I.
Have
another
tiny
react
component,
which
is
the
cart
itself,
and
the
card
is
basically
that
the
that's
rectangle
that
you're
seeing
on
the
screen
now
to
go
there
to
show
you
that
nothing
interesting.
C
Really,
it's
just
a
HTML
that
loads
the
image
and
title
in
the
description,
but
of
course
that
can
be
styled
whatever
you
like
and
then
because
I'm,
not
a
designer
guy,
was
used
it
you
can
see.
My
Styles
is
as
simple
as
that.
Without
can
be
styled
to
be
more
stylish
and
more
with
the
way
that
are
you,
your
stakeholders
would
expect
and
then
how
we
load
this
swiper
itself
is.
C
C
Then
we
load
that
the
library
on
top
and
down
below
once
we
load
that
old
data
and
the
data
is
being
rendered
here,
we
said,
sits
wiper
and
within
that
method,
here
down
below,
we
have
just
options
for
that:
Swiper
object
and
at
the
end
we
say:
okay
now
load
this
wiper
on
that
element
and
and
now
I'm
realizing
that
I
have
my
issue
here
and
I'll
fix
that
later.
So
this
is
the
selector
where
this
wiper
would
be
loaded,
and
these
are
the
options
and
the
options
from
this
wiper
simply
kept.
C
The
values
from
my
web
properties
here
and
I
have
some
hi
coded
options
as
well,
but
you
can
bring
those
as
other
web
properties
as
well.
So
you
can
see
we
have
different
break
points
so
that
my
web
part
is
a
mobile
friendly.
If
I
go
down
to
a
smaller
screen.
Just
for
you,
if
I
go
down
to
a
smaller
screen,
you
can
see
that
I'm.
She
didn't
seem
only
one.
If
I
go
to
tablet
here,
I'll
see
you
there.
I
love
can
be
controlled
as
well.
C
C
If
we
look
at
the
stats
again,
you
see
that
this
is
my
web
part,
and
then
this
is
web
Park
dependencies
diagram
and
you
can
see
that
my
web
part
is
something
like
a
40k
and
the
Swiper
libraries
is
most
of
my
bundles,
so
make
sure
that
when
your
whatever
you
have
external
libraries,
you
build
them
as
an
external
libraries,
so
they
can
be
reused
across
the
web
parts
and
they
don't
put
more
over
here
in
the
readme
file
of
the
sample.
There
is
a
link
to
the
official
SharePoint
framework
guidance.
C
B
A
B
B
B
Cli
AC
is
pretty
connected
on
CLI
story
as
well.
So
if
there's
any
questions
on
these
things,
that's
a
great
question:
I'll
craft
httpclient:
when
will
it
if
predicted
news
codes
free
available?
No,
the
the
Rick
Rica,
so
the
new
stuff
is
what
we
went
through
earlier
in
this
core,
which
is
the
tenant
administrator,
can
control
what
are
the
scopes
craft?
It's
it
a
big
client
deprecated,
it's
gonna
go
away,
not
going
to
be
a
support
producer.
We
will
release
the
new
Microsoft
craft.
Client,
hopefully
today
might
be,
is
still
slightly
delayed.
B
B
Yes
would
be
a
good
idea
to
move
there
do
craf
api
spare
solutions.
Have
lots
of
manual
steps
in
Azure
ad
answer
is
no
there's
no
actual
manual
steps
necessarily
there,
and
now
us
a
tonight
at
minister
can
decide
what
are
my
scopes
which
I
want
to
support,
and
then
you
don't
you
can
configure
those
to
be
available
and
that's
it
then
SPF
X
solution
doesn't
actually
impact
on
the
float,
so
no
various
torture
guests.
Yes,
tomorrow
just
recording
available,
we
talked
about
that
one,
slightly
money'
moneymoneymoney,
thank
you,
but
the
money
means
there.
B
B
That
is
true
when
will
be
the
issue
with
application
customers
as
they
fix
when
we
navigate
between
pages
we're
working
on
it.
That
is
the
baits
status
hunting
thing
at
the
challenge
of
that
one
is
that
it
craft
and
that's
micro.
That's
bad
excuse,
because
its
internal
microsoft
structures,
but
it
goes
between
multiple
teams
and
that's
always
a
smaller
challenge.
So
it's
not
only
just
a
nice
VFX
team
who
needs
to
fix
on
that.
One
I
think
we
should
be
pretty
close
on
getting
there
now
updating
frameworks,
I
get
to
do
it.
A
Awesome
well
with
that
I
think
we'll
start
to
close
out.
I
want
to
remind
folks
our
next
meeting,
for
this
call
will
be
March
first
and
then
the
next
general
SharePoint
dev,
a
special
interest
group,
will
be
on
the
22nd
of
February,
which
is
next
Thursday,
so
hope
to
see
everybody
at
both
of
those
calls.
Thank
you.
Everybody
for
joining
us
here
today
remember
to
learn,
reuse
and
share
and
really
appreciate
everybody's
feedback
and
participation.
Everybody
have
a
great
weekend
and
look
forward
to
talking
soon.