►
Description
Recording of the SharePoint - SPFx and JavaScript (client-side) development Special Interest Group community call from January 2, 2020.
Topics covered: Updates on SharePoint Framework from Microsoft SharePoint engineering, latest on PnPjs Client Libraries, Office 365 CLI, SPFx Reusable Controls, and on the PnP Yeoman Generator. Three demos were delivered: 1) Getting started on consuming community GitHub sample solutions, 2) Using Project Online REST APIs with SharePoint Framework and 3) Live demos of upcoming SharePoint Framework v1.10 features. This call was hosted by Patrick Rodgers (Microsoft).
• Demo: Getting started on consuming community GitHub sample solutions | David Warner (Catapult Systems) | @DavidWarnerII
• Demo: Using Project Online REST APIs with SharePoint Framework | Joel Rodrigues (Storm Technology Ltd) | @JoelFMRodrigues
• Demo: Live demos of upcoming SharePoint Framework v1.10 features | Vesa Juvonen (Microsoft) | @vesajuvonen
Additional details on topics covered during this call may be found in the SharePoint Developer Blog post for this call at: http://aka.ms/spdev-blog
All previously recorded SharePoint SPFx & JS Dev SIG community calls: https://www.youtube.com/playlist?list=PLR9nK3mnD-OXdcwfcHGsGr78nHWLRsv1x
All SharePoint PnP Developer Community demos: https://www.youtube.com/playlist?list=PLR9nK3mnD-OWSbg0o9a7mx_E7s2u7h_o2
SharePoint PnP Developer Community channel on YouTube: https://aka.ms/spdev-videos
More information on SharePoint Framework library components is available at: https://docs.microsoft.com/en-us/sharepoint/dev/spfx/library-component-overview.
You can download an invite for this bi-weekly community call at: https://aka.ms/spdev-spfx-call.
For details around the open-source work being done by the SharePoint PnP Development Community, visit http://aka.ms/sppnp
A
A
B
A
So
it's
gonna
be
off
it's
trying
to
start
the
hunting
and
hello
and
welcome
to
the
SharePoint
framework
and
JavaScript
special
interest
group.
It
is
our
first
meeting
of
2020
welcome.
We've
got
a
great
agenda
for
you
here
today,
wow.
What
great
agenda
for
you
here
today
so
starting
off
we'll
have
our
updates
on
SharePoint
framework
we'll
have
the
patterns
and
practices
program
updates
across
our
offerings,
and
we've
got
three
great
demos
or
discussions
today
from
David
Joel
and
visa
talking
first
about
getting
started
on
consuming
community
github
samples.
A
Joel's
got
a
cool
thing
around
project
online
REST
API
is
for
SharePoint
framework
excited
to
see
that
that's
some
work
that's
been
going
on
now
for
a
while,
and
it's
neat
to
see
that
finally
get
out
and
released
and
for
folks
to
be
able
to
use
that.
So
that's
gonna
be
really
great
and
then
base
has
got
a
demo
around.
The
upcoming
features
for
SPF
X
version
1.10,
but
as
we
get
going,
I
always
like
to
remind
folks
opportunities
to
participate
in
SPF
X
or
any
of
our
special
interest
group
calls.
A
Of
course,
we
always
encourage
you
to
do
demos
very
valuable
demos
from
the
community.
I
think.
The
best
part
of
these
calls
are
the
demos
if
you
have
done
any
work
around
SPF
X,
so
that
could
be
webparts
application,
customizers
or
really
anything
else
related
there,
as
well
as
anything
using
any
of
the
at
P
and
P
offerings.
We'd
love
to
have
you
demo,
those
things
on
the
call
for
us
if
you're
interested
in
demo
and
please
reach
out
to
myself
or
visa,
we'll
get
you
scheduled
on
an
upcoming
call,
don't
be
dismayed.
A
It
might
not
be
the
immediately
like
next
call,
but
we
will
get
you
scheduled,
we'll
get
you
a
slot
and
are
excited
to
have
those
demos,
so
I
know
lots
of
folks
out.
There
are
working
on
really
exciting,
really
cool
stuff,
and
we
always
like
to
see
it
so,
if
you're
willing
to
share
with
like
to
kind
of
show
off
your
work,
please
let
us
know
love
to
get
you
on
a
call
to
do
that.
A
We
also,
of
course,
across
all
our
offerings
and
projects,
accept
all
your
contributions
on
github,
so
those
contributions
could
be
things
like
reporting
issues
or
ideas
for
new
features,
always
appreciate
that
as
well.
If
you
have
time
you
can
submit
pull
requests,
all
of
our
all
of
our
projects
are
absolutely
open
to
accepting
your
pull
requests
and
getting
work
from
those
of
you
out
there
in
the
community.
A
I've
already
got
a
ton
of
pull
requests
from
folks
last
year
and
hopefully
that
trend
will
continue
to
grow,
and
then
you
know,
if
you
also
have
time
and
folks
sometimes
have
questions
on
how
to
use
the
library
or
certain
things
aren't
working
for
them,
and
maybe
you
know
the
answer.
It's
always
a
great
help
if
you
can
jump
in
and
help
those
folks
with
their
issues
or
questions,
and
it
sometimes
gets
them
help
and
gets
them
moving
a
little
bit
faster
than
perhaps
waiting
for
us.
A
You
know
one
of
the
core
team
members
to
have
the
time
to
jump
in
and
do
that
so
I
encourage
you
to
get
involved
and
help
out
on
github
always
appreciate
that
from
everybody
and
then
finally,
we
always
are
looking
for
feedback.
So
how
are
these
calls
going?
How
is
our
documentation
across
all
our
projects?
Where
else
can
we
help
and
as
Corp?
Of
course,
positive
feedback
is?
A
Okay,
too,
we
always
appreciate
hearing
what
we're
doing
well,
because
that
means
maybe
we
could
focus
on
doing
a
little
bit
more
of
that
or
bringing
that
to
the
fore
a
little
bit
more.
So
thank
you
for
all
of
your
feedback
and
contributions
and
demos
last
year
and
then
look
forward,
of
course
to
all
of
that
continuing
to
grow
and
accelerate
into
20
20.
If
you
need
any
help
on
getting
start
with
github
we
do
have
a
a
kms
sharing.
Is
caring
repository,
that's
a
project.
A
That's
gotten
spun
up
to
really
help
folks
get
involved
and
help.
You
understand
how
to
navigate
things,
maybe
submit
your
first
pull
request
submit
your
first
issue
stuff
like
that,
so
very
much
encouraging
folks
to
get
involved.
If
you
have
questions
do
reach
out
sp
dev
Docs,
there
will
get
you
all
of
the
SharePoint
developer,
documentation
all
up.
Espy
dev
videos
will
take
you
to
our
YouTube
channel
where
you've
got
recordings
from
all
of
our
calls.
A
So
the
monthly
calls
a
special
interest
group
calls
as
well
as
series
of
videos
tutorials
on
all
sorts
of
things,
so
whether
it's
provisioning
getting
started
with
SharePoint
framework
getting
started
with
CLI
p.m.
PJs,
etc.
Great
videos,
lots
of
value
there
if
you're
getting
started-
or
you
know,
can't
remember
how
to
do
a
certain
thing-
usually
there'll,
be
a
short
little
video
to
help
you
out
with
that
so
definitely
check
out
the
YouTube
channel.
We've
got
a
lot
of
content
there
and
a
lot
of
great
content
planned.
Of
course,
we
have
coming
here.
A
Sp
dev
issues.
Is
your
issues
list
to
report
all
things
around
SharePoint
modern
development,
so
that
could
be
stuff
around
client
side
pages
that
could
be
stuff
around
SharePoint
framework.
That
could
be
stuff,
you
know
related
to
the
product
itself
or
the
service,
and
that
is
monitored
by
the
SharePoint
product
group
and
that'll
get
routed
to
the
right
folks.
So
if
you
have
an
issue
there
of
course
report
it
if
you're
having
an
issue
with
any
of
the
P
and
P
offerings,
please
do
report
those
to
their
respective
repositories.
B
B
You
see
the
nice
growth
during
an
August
timeframe,
and
you
can
also
see
that
in
the
holiday
season,
as
expect
that
there's
a
quite
big
drop,
which
is
a
good
thing,
so
people
are
taking
time
to
spend
time
with
their
families
and
relaxing
and
charging
batteries.
But
growth
has
been
really
big.
December
2019
was
still
regardless
of
the
slowness,
do
the
holiday
season.
It
was
by
far
well
not
by
far,
but
still
it
was
the
number
one
month
and
month
of
a
month,
usage
on
SPF,
X,
so
usage
is
growing.
Looking
really
good.
B
Let's
go
to
the
next
slide
this
one.
We
had
actually
last
time
already,
so
this
one
originally
was
planned
to
be
part
of
together
announced
as
part
of
the
SharePoint
framework
1.10
release,
which
is
around
reallocated
space
on
a
ship
on
favorite
destination,
placeholders,
and
but
since
this
is
the
server
side
feature
and
we
actually
pushed
it
out
and
before
Christmas,
because
it
was
a
server-side
release
and
it
does
not
have
any
client-side
dependencies.
B
As
such,
we
were
able
to
actually
release
that
from
a
documentation
perspective
before
Christmas
and
just
to
recap
that
one-
and
that
was
the
whole
thing-
that
you're
able
to
look
the
height
of
the
extension
beforehand,
so
that
it
will
reduce
the
flickering
of
the
it
does
not
completely
remove
the
figuring
of
the
page
when
we're
loading
stuff
on
the
page,
but
it
does
reduce
that
from
a
is
B
perspective.
As
an
example,
let's
move
more
forward,
these
are
just
again
to
recap,
slides
which
we
can't
hear
for
quite
a
long
time
already
and
1.10.
B
It
was
originally
planned
to
get
released
before
Christmas,
but
then
I
think
it
was
a
wise
decision
and
just
it's
not
a
smart
thing
to
relate
something
and
just
before
everybody
goes
to
a
vacation.
So
if
there
would
have
been
any
surprises
related
on
the
releases
and
then
there
would
not
have
been
anybody
enrichment
to
help
to
resolve
issues,
and
that
was
the
main
reason
why
we
delayed
the
release
of
1.10
we're
still
in
the
holiday
season
this
week.
Starting
from
next
week.
B
We
are
moving
away
from
the
holiday
season
and
we
are
back
in
normal
business.
So
if
a
kind
of
a
predict
when
the
release
will
happen
unless
there's
any
last-minute
delays
or
findings
as
part
of
the
documentation
and
testing
work,
which
we
do
right
now
and
so
we're
doing
kind
of
a
final
validation
on
the
one
point
seven
place,
because
we
want
to
make
sure
that
when
it's
out
it
is
fully
functioning.
So
the
extensions
pre-allocated
play
sort
of
technically
it's
already
out.
It's
basic
steams
personal,
app
support.
Super
easy
thing
to
do.
B
I'll
show
that
one
in
practice
today,
yes,
there's
a
team
support
for
mobile
apps
should
be
actually
available
already
at
least
notification
API
move
to
GA
and
then
to
it
really
interesting
preview
capability.
So
query
extensions
I'll
show
how
it
looks
like
from
a
code
perspective
today
and
then
the
SharePoint
framework
for
office
add-ins.
We
start
with
a
outlook.
Web
access,
support
and
I'll
show
that
one
today
as
well,
what
we're
going
to
do
in
2020
really
cool
stuff
in
the
pipeline.
Obviously
we
will
keep
on
improving
the
baseline.
B
We
will
keep
on
releasing
1.11
1.12,
but
then
at
the
same
time
we're
introducing
new
additional
capabilities
like
the
native
support
for
fluid
framework,
whenever
the
fluid
is
available
for
us
to
take
fully
advantage,
if
you're
not
familiar
with
what
fluid
framework
actually
means,
I
have
look
on
our
ignite
presentations
and
build
presentations
and
videos.
It
is
a
really
cool
thing
and
and
as
well
SharePoint
framework
support
in
a
store
is
coming.
B
That's
basically
extending
SPF
X
I'm,
bigger
than
what
it
is,
because
it's
not
just
about
shape
on
framework
anymore,
faster
in
a
dev
loop
by
looking
into
releasing
once
a
month.
This
is
our
really
what
we
want
to
do.
We
were
trying
to
get
that
one
once
a
month,
really
a
cycle
moving
already
in
autumn,
which
we
failed
dumont,
numerous
reasons,
but
we're
really
looking
into
making
that
happen
and
more
extensions.
B
A
Now,
I'm
boy
struggling
on
moving
slides
today,
it's
the
holidays,
I
have
not
caught
back
up
so
p.m.
PJs
updates.
We
recently
released
v2
right
before
the
holiday,
so,
unlike
a
professional
organization,
is
basically
described
not
releasing
things
before
a
holiday.
We
did
so
just
a
heads
up,
documentation
updated
at
a
KMSP
and
PJs.
This
is
a
major
release,
so
it
is
a
breaking
change.
We're
gonna
start
and
get
issues.
Some
folks
coming
in
and
saying
my
old
code
isn't
working.
A
Your
old
code
will
not
just
work
if
you
install
the
new
PM
PJs,
the
preset
/all
is
your
friend:
please
do
check
out
the
documentation
and
the
transition
guide.
If
there's
stuff
missing
there
in
terms
of
guidance
for
transitioning,
please
let
us
know
we
will
get
that
updated,
of
course
accept
full
requests
and
updates
on
that.
If
you
have
time
and
just
by
a
sort
of
semi
frequent
reminder,
if
you
are
reporting
an
issue
across
any
of
the
repositories,
please
do
provide
us
enough
details
that
we
can
understand.
A
What's
going
on,
remember,
you
might
have
been
fighting
an
issue
for
a
number
of
hours
or
days,
hopefully
not,
but
perhaps
and
you're
very
familiar
with
it,
and
we
aren't
so
we're
folks
looking
at
the
issues
are
coming
into
it
with
no
context
at
all.
So
please
make
sure,
there's
enough
details
and
the
issue
that
we
can
understand
your
problem
or
your
question
we'll
do
our
best
to
help
out
and
also
checking
more
of
the
boxes
at
the
top.
A
Like
you
have
a
question
and
calling
it
a
bug,
it
doesn't
really
change
the
priority
at
all.
We
do
try
and
deal
with
everything
as
quickly
as
we
can
so
just
sort
of
be
as
honest
as
you
can
with
as
much
detail
as
you
can
and
we'll
do
our
best
to
help
you
out.
I
did
want
to
say
also.
We've
got
some
great
videos
coming
soon,
thanks
to
David
Warner
around
getting
started
with
P&P
jsv
to
saw
a
preview
of
the
first
one
of
those
today.
A
Those
are
looking
great
and
we'll
get
that
we'll
get
those
out
over
the
next
coming
weeks,
support
plan
we've
talked
about
that
before
that's
outlined.
There
we
don't
need
to
necessarily
go
through
that
again,
but
links
down
there
to
documentation,
PNP
github,
io,
/,
PJs,
hash
tag
PJs
on
Twitter.
You
can
follow,
of
course
me
at
mediocre
bowler
on
Twitter,
so
look
forward
to
working
with
everybody
on
v2i
we've
already
gotten
a
few
issues.
Obviously
it's
a
new
big
release.
We
missed
a
few
things
or
a
few
things
aren't
quite
working
exactly
right,
really
appreciate.
A
Folks
reporting
that
stuff
will
have
a
new
V
to
release
out
the
10th
of
January
to
hopefully
clean
up
a
lot
of
that
and
then
as
well.
We
will
have
a
1,
3,
I,
think
it
B,
1,
3,
9
I,
believe
on
the
10th
of
January.
So
we'll
be
updating
version.
1
then
as
well.
So
moving
into
the
rabbits
are
still
running
around
there
we
go
see.
A
new
version
of
the
CLI
is
out
as
well.
A
So
really
big
big
release,
great
release
to
see
there
so
a
lot
of
great
stuff
on
onedrive
reporting,
outlook,
reporting,
SharePoint
site,
URL,
renaming
SharePoint,
feature
disabling
Yammer
message.
Remover
removal
excuse
me
and
then
power,
apps
and
power,
automate
connector
listing
so
really
great
to
see
that
it's
a
big
release,
a
lot
of
work
went
into
that
from
wall
deck
and
the
community,
so
I
wanted
to
say
thank
you
to
everybody.
A
There
great
work
to
see
that
get
out
more
stuff
in
progress,
of
course,
and
you
can
always
install
the
latest
beta
versions
from
NPM
install
G
at
seal
at
PAP,
slash
office,
365
CLI
at
next
we'll
get
you
the
latest
beta
versions
down
in
the
bottom
right
corner.
You've
got
a
hash
for
Twitter
at
office
or
excuse
me
hashtag
office,
five
CLI
on
Twitter
get
ur
channel
there
and
then
as
well.
A
The
docs
AKMs
365
CLI
for
all
the
details
of
getting
started
with
the
CLI,
so
lots
and
lots
of
great
stuff
in
there
excited
to
see
all
the
different
projects
coming
out
with
releases
or
or
being
active
and
getting
some
great
work.
Speaking
of
work
continues
and
improvements
continue
on
the
reusable
controls.
These
are
a
set
of
react
controls,
there's
two
separate
packages:
one
is
the
property
control
designed
to
help
you
get
a
great
out-of-the-box.
A
You
know
this
year
as
we
continue
to
grow
and
get
more
folks
involved,
and
then,
last
but
not
least,
the
SPF
X
community
generator.
So
this
is
a
yeoman
generator
built
on
top
of
these
sort
of
out-of-the-box
standard,
Microsoft
generator,
and
what
that
means
is
you're
gonna
get
a
real
SPF
X
project
with
all
the
same
dependencies,
and
you
know
files
and
such
included,
but
also
with
the
ability
to
add
a
lot
more
customizations
and
things
to
your
project
out
of
the
gate.
So
this
is
really
great,
especially
in
a
large
shop.
A
Perhaps
you've
got
a
lot
of
developers.
That's
a
great
way
to
really
standardize
your
project
set
up
experience,
you
know,
so
if
you
want
to
use
webpack
bundle,
analyzer
or
view
or
office
365
CLI
or
any
of
these
other
resources,
you
can
have
them
already
added
into
your
projects.
As
you
get
started
so
great
to
see
this
work
moving
forward
as
well
lots
of
great
contributors
there
so
definitely
check
out
all
of
those
things.
A
A
C
Sir,
let
me
go
ahead
and
share
my
desktop
all
right,
so
getting
started
with
using
SPF
X
samples.
We're
gonna
talk
today
about
how
to
start
using
the
pnp,
SPF,
x,
webparts
extension
and
other
samples
when
we
launched
sharing,
is
caring
initiative
to
assist
with
contributing
to
the
PNP
github
repositories.
We
also
started
getting
some
feedback
that
there's
not
only
new
developers
to
the
community
that
want
to
contribute,
but
there's
also
new
developers
to
the
community
that
want
to
consume
and
github
is
still
new
to
them.
C
So
today
we're
going
to
talk
about
how
new
developers
to
to
the
community
can
start
taking
advantage
of
some
of
these
when
you
maybe
are
not
experienced
with
a
github
side,
we'll
show
how
you
can
start
using
that.
So
the
agenda
for
the
demo
is
we're.
Gonna
cover
some
of
the
development
prerequisites
and
then
we're
gonna
see
how
we
can
find
a
sample
there's
some
fantastic
Singapore
galleries
that
have
been
created
by
a
newly
awarded
Hugo
MVP
Hugo
Bernier.
So
thank
you
for
those
we're
gonna
see
how
you
can
download
samples.
C
Alright,
so
development
prerequisites
the
only
two
things
you
need
to
consume
and
I'll
clarify
that
in
a
moment
to
consume
samples
from
the
PNP
repositories
is
node,
8
or
10.
10
is
recommended
because
it
is
the
newest
latest
and
greatest
that
is
supported
with
19.1
from
there.
You
need
a
package
manager.
Typically,
NPM
is
the
one
that
is
recommended
and
comes
with
node,
so
you'll
already
have
that
installed
and
then
gulp
is
required.
You
will
then
need
a
code
editor
of
choice.
Of
course,
the
PS
code
is
recommended.
C
It's
highly
integrated
and
works
fantastic
with
SPF
X
and
then
optionally.
You
can
also
install
get
and
we'll
talk
about.
Why
that's
optional
in
a
moment,
so
maybe
new
to
you
may
not
want
to
install
it.
There
is
a
path
of
least
resistance
that
avoids
that
as
you
get
to
that
fork
in
the
road
now
to
clarify
when
I
say
only
NPM
and
gulp,
this
is
just
to
consume
pre-existing
solutions.
C
So
if
you
are
looking
to
create
new
solutions,
there's
a
larger
tool
chain
you'll
need
the
yeoman
generator
as
well
as
yeoman
itself,
but
if
you're,
just
starting
out
you
want
to
learn
by
sample,
then
certainly
you
can.
You
can
use
just
gulp,
node
and
NPM
to
get
the
job
done
and
the
installation
procedure,
for
it
is
right.
There
NPM,
install
JEE,
which
is
going
to
install
it
in
your
global
node
modules
and
then
it's
going
to
install
gulp,
so
the
best
place
to
start,
of
course,
is
aka
MSSP
FX.
C
So
that's
where
we're
gonna
go
ahead
and
go
to
now
to
take
a
look,
we'll
go
ahead
and
come
to
an
open
browser,
we'll
load
it,
and
it
takes
us
to
sorry
right
here.
Spf
X,
wrong
link
just
want
to
do,
and
that's
gonna.
Take
you
to
the
overview,
the
SharePoint
framework.
Then
you
can
go
into
getting
started
and
set
up
your
development
environment.
Now,
as
you
scroll
down
you'll
see
what
the
developer
tools
are
that
are
required,
so
we've
got
node
LTS
version
10,
but
you'll
notice
that
there's
also
node
8
and
10
supported.
C
We'll
talk
about
that
a
little
bit
more
because
there
is
some
things
you
need
to
be
aware
of
as
we
go
through
deciding
which
sample
you
may
want
to
use.
But
of
course
installing
node
is
one
of
the
first
prereqs
and
then
you'll
notice.
It
goes
into
installing
yeoman
and
gulp,
and
the
sharepoint
generator,
but
again
for
consuming
the
samples
alone.
All
you'll
need
is
gulp
is
defined
in
that
slide.
So
let's
go
take
a
look,
then
at
the
gallery
of
samples
that
are
available
to
us.
C
If
you
go
to
SPF
X
webpart,
aka,
kms,
SPF,
X
web
parts,
you'll
land
here
now,
there's
be
a
collection
of
links
that
I'm
going
to
go
ahead
and
make
sure
that
you
have
access
to
near
the
end.
So
you'll
get
those
links
near
the
end
of
the
call.
You
don't
have
to
worry
about
writing
all
this
down
now
and
you
can
come
to
the
sample
sections
right
here
up
in
the
menu.
There
is
a
sample
section
now,
if
you
click
there,
this
new
gallery
is
fantastic.
C
It's
gonna
go
ahead
and
let
you
scan
through
and
browse
through
the
available
web
parts.
In
this
case
it
is
webparts.
There
is
one
for
the
extensions
as
well,
and
you
can
go
through
by
year
by
author,
by
compatibility
by
framework,
which
shows
you
the
different
libraries
or
frameworks
that
it
will
work
with
or
it
was
built
for
today.
C
We're
gonna
go
ahead
and
go
through
a
demo
of
looking
for
by
SPF
X
version,
and
so
we're
gonna
come
over
to
one
seven,
oh
and
you
can
browse
through-
and
this
is
a
great
way
to
learn.
Some
of
the
techniques
of
SPF
X
as
well
and
we're
gonna
go
highlight,
of
course,
a
simple
one
that
I'm
familiar
with
so
we'll
go
ahead
and
use
a
dynamic,
bundling
and
loading
of
SPF
x
packages.
C
So,
at
this
point
you
may
say
great
I
see
want
to
learn
a
little
bit
more
about
it,
and
so
you
can
click
on
it.
I'm
gonna
go
ahead
and
right
click
on
it
and
open
it
in
a
new
tab,
and
it's
gonna
take
us
now
to
that
sample
in
the
repo
we
see
that
we've
now
left
the
nice
pretty
looking
environment
that
had
been
provided
to
us
by
Hugo
and
now
we're
in
more
of
the
the
hardcore
github
could
be
a
little
intimidating
environment.
So
if
we
scroll
down,
we
understand
what
it
should
do.
C
We
can
see
the
readme
at
this
point.
We
may
say
great:
this
is
a
sample
that
we
want
to
use.
How
do
we
get
to
it?
I,
don't
see
a
download
I,
don't
see
how
I
would
access
this
well,
you
want
to
go
to
the
top
of
the
repos
and
you
can
get
there
by
either
clicking
here,
which
will
take
you
to
the
top
of
that
repo
or
right
here.
Those
both
take
you
to
the
top
of
that
repo
using
the
breadcrumb.
C
So
that's
what
we're
going
to
do
when
we
go
to
the
top
of
the
repo.
Now
we
see
something
that
maybe
stands
out
to
us.
We
see
this
clone
or
download
option,
and
this
is
where
we
get
to
that
fork
in
the
road
we
have
choices
to
make.
If
we
click
on
this,
it
brings
up
a
little
drop-down
that
says
that
we
can
clone
with
yet
or
we
can
download
as
a
zip.
C
It's
already
started
downloading
it
here
in
my
Explorer
window.
This
is
a
very
large
repo,
a
little
over
500
Meg's.
So
we're
not
gonna
sit
here
and
wait
for
that
to
be
done,
but
just
know
that
this
would
finish
and
then
we
would
be
able
to
go
into
that
folder
and
see
our
webparts
available
to
us
now.
That
is,
if
you
have
yet
installed
what,
if
you
don't
what,
if
you
don't
want
to
install
git?
C
The
second
option
is,
you
can
download
the
entire
repo
as
a
zip,
and
so,
if
I
were
to
click
on
it
or
right-click
on
it
and
Save
Link
As,
it
will
bring
up
an
option.
I've
already
got
it
pre-loaded
into
my
SPF
X
webparts
downloaded,
and
it
will
download
it
as
a
zip,
and
you
can
see
it's
a
few
hundred
Meg's.
C
So
we're
not
gonna
go
through
the
process
just
for
time
savings
on
this
demo
of
actually
downloading
it,
but
know
that
that
is
a
way
you
could
download
it
once
you
do
that
we'll
go
back
to
our
here
and
you
can
just
simply
extract
it
again:
500
Meg's,
it's
gonna,
take
a
few
minutes
to
do
that.
So
we're
not
necessarily
gonna
go
ahead
and
do
that
I've
already
pre
downloaded
it
for
for
time
purposes.
C
So,
if
I
go
here
back
up
into
my
Explorer
window
to
SPF
X
webparts,
this
is
what
we
would
be
presented
with.
If
we
were
to
extract
that
or
if
we
were
to
get
clone
the
repo
we'll
have
our
webparts
and
now
we
know
that
I
wanted
to
utilize
a
sample
so
we'll
go
into
samples
and
I
wanted
to
use
the
J
s
dynamic,
bundling
libraries,
so
now
I've
gone
there
now.
This
is
where
you
can
start
actually
getting
into
the
code.
C
You've
downloaded
all
of
the
samples,
but
some
things
are
needed
for
us
to
go
ahead
and
start
building.
This
we'll
want
to
do
an
NPM
install
so
that
we
get
our
node
modules
and
you'll
notice
that
the
node
module
is
already
there
we'll
talk
about
that
in
a
moment.
I've
pre-loaded
that
as
well
for
for
time
so
I'm
gonna
copy
that
URL
and
I'm
gonna
go
ahead
and
do
a
clear
screen
here.
We're
gonna
move
to
that
location
in
my
Explorer
window
and
just
to
make
sure
that
everything
looks
right.
C
We
know
we
and
had
to
have
node
installed.
We
know
that
we
needed
to
have
gulp
installed.
So
we
see
there
that
version.
10.1
8
is
the
current
late
latest
version
of
node
LTS
that's
supported
and
we
have
gulp
installed
and
we
have
NPM
installed
right
here
as
we're
doing
an
NPM
list
and
checking
for
our
node
version.
C
So
at
this
point,
if
we
were
to
try
to
do
a
build
or
a
NPM
install
or
a
gulp
serve
using
node,
we
would
eventually
run
into
some
errors,
and
so
you
may
say
well:
okay,
well
now
I'm
stuck
between
a
rock
and
a
hard
place.
He
told
me
to
install
version.
10
I've
done
that,
but
but
now
you're
telling
me
that
version
a
sample
from
from
less
than
version.
One
point
eight
point
two
has
been
used.
What
do
I
do?
C
Typically,
you
would
have
to
go
in
and
uninstall
node
10
and
reinstall
node
eight,
and
that
is
fully
supported.
If
you
want
to
do
that,
there
is
a
better
option
that
is
available
to
you
and
it's
called
nvm
and
there's
an
article
here
by
Andrew
Connell,
which
talks
about
node
management
with
node
version
manager.
It
is
supported
on
both
Linux
Mac,
as
well
as
Windows
and
so
again,
I'll
include
this
link
but
allows
you
to
swap
between
versions
of
node
and
with
that
different
global
NPM
packages.
C
C
But
it
is
important
to
be
aware
of
that
and
that's
why
I
wanted
to
point
it
out
that
if
you
are
using
a
sample
based
on
a
version
of
SPF
X,
that's
less
than
one
point
eight
point
two
and
you
try
to
do
installs
and
builds
and
serves
then
then
you're
going
to
probably
run
into
issues,
and
so
you
want
to
be
aware
of
that.
So
now,
let's
go
ahead
and
we'll
go
back
here
and
we'll
try
to
make
sense
of
that.
So
using
nvm.
C
There's
that
article
on
it
I
encourage
you
there's
a
lot
of
documentation,
so
we're
not
going
to
dive
into
how
to
use
it,
but
I'm
simply
going
to
show
how
to
switch
between
versions
of
node.
So
I
said
nvm
use
8.17,
which
we
know
is
supported
for
171.
We
want
to
confirm
all
of
that
looks
good,
so
we'll
go
ahead
and
do
the
same
check
we
did
before.
We
see
we're
using
node
version,
8.1
7.0.
C
C
For
us
just
to
sit
here
in
silence,
and
so
now
we're
ready
to
go
ahead
and
gulp
surf
I've
got
my
sample
ready
to
go,
I'll
go
ahead
and
paste
gulp
serve
no
browser
because
I've
already
got
my
hosted,
workbench
open
and
ready
to
go,
and
this
should
load
momentarily
shouldn't
take,
but
a
couple
seconds
for
this
to
to
execute
and
there
we
go.
It's
running
everything
looks
to
be
executing.
It's
configuring,
the
web
pack
as
we
see,
and
we
should
be
ready
to
load
our
sample
momentarily
and
there
we
go
we're
ready
to
go.
C
So
if
I
go
back
into
the
browser
and
I
come
over
to
my
workbench
I'll
go
ahead
and
just
refresh
so
it
establishes
a
context
to
my
local
server
and
go
ahead
and
look
for
dynamic.
We
see
I've
got
my
dynamic,
bundling
example
here
it
loads.
This
particular
one
shows
that
a
dynamic
we
bundle
and
import
jQuery.
So
if
I
click
on
this
button
right
here,
it
should
give
me
a
message
that
jQuery
is
dynamically,
been
imported.
C
A
Thank
you
David.
Hopefully,
that
will
help
folks
get
involved
great
to
see
that
walkthrough
there
certainly
check
out
the
share
and
is
carrying
resources.
So
folks,
if
you
have
questions,
that's
a
great
way
to
get
involved
or
see
how
to
perhaps
make
your
first
contribution
or
how
to
use
and
consume
these
samples,
as
outlined
in
the
demo
here
today.
So
up
next
is
Joel
yep.
A
D
D
Why
do
I
have
to
use
tools
from
that
were
common
in
the
SharePoint
space
like
two
or
three
years
ago,
or
maybe
more
than
that
so
I
start
looking
around
and
while
I
was
working
on
it
I
found
some
barriers,
which
I
noticed
that
had
a
massive
impact
slowing
me
down
in
progress,
which
was
the
learning
curve
for
the
product
I
didn't
knew
the
project
REST
API.
So
everything
was
me
trying
to
on
the
browser
trying
to
find
endpoints
and
things
like
that
or
similar
experience.
D
The
standards
are
a
bit
mixed
and,
as
I
mentioned,
there
was
no
really
modern
development
story
like
we
had
in
SPF
X,
so
I
start
playing
around
and
eventually
God
tried
has
B
effects.
It
just
worked
straight
away
there.
There
was
no
surprise
there.
Web
parts
work
on
classic
pages
and
project
has
classic
pages.
Everything
was
fine,
so
we
get
immediately
all
the
benefits
from
SPF
X.
As
we
all
know,
there
is
a
good
development
story
documentation.
You
can
pick
any
framework
you
want,
and
you
get
of
course
support
using
web
parts
for
classic
pages.
D
On
top
of
that,
you
get
the
extensibility
options
for
calling
graph
and
the
third
party
API
and
the
all
the
bits
and
bobs
that
you
get
from
SharePoint
framework.
You
get
a
lot
of
advantages
compared
to
the
common
scenario,
so
the
project
module
for
PNP
jes
was
everything
was
good
when
I
started
being
able
to
hook,
has
B
effects
in
project,
but
the
rest
API
was
still
a
big
barrier.
D
So
I
looked
around
and
found
the
first
development
version
of
this
package
by
pavol
I
have
a
link
to
the
initial
repo
here,
which
I
then
end
up
cloning
and,
at
some
point,
I
end
up
recreating
from
basically
clone
from
P
and
PJs.
So
I
could
easily
update
to
the
latest
versions
without
depending
on
pavel,
because
my
full
request,
the
first
of
all
request,
I
submitted
to
these
original
repo
still
open,
so
I,
don't
think
Pavel
is
maintaining
the
repository
anymore.
D
But
anyway,
all
the
credit
for
the
code
is
is
really
his
I
just
basically
used
it
big
fix
a
few
bugs
and
end
up
publishing,
so
it's
easier
to
consume.
So
the
package
works
pretty
much
the
same
as
DSP
package
for
peon
PJs
and
covers
the
discovery,
PI
project
server
endpoint
in
project
online.
So
this
sees
a
development
version
kind
of
even
though
I've
used
it
in
production.
Already
in
some
scenarios
you
get
all
the
helpers
and
all
the
structure
from
the
end
PJs,
which
you
can't
go
wrong
with.
D
So
this
just
to
make
clear
to
everyone
not
to
Patrick.
This
is
not
in
the
main
PN
PJs
repository.
It's
a
package.
You
can
install
completely
separate
from
P&P
at
moment.
At
least
it's
not
100%
production,
ready,
summon
points.
I
just
had
no
time
to
test
and
I
know
there
was.
There
are
still
some
issues
in
some
operations
that
don't
work
yet,
but
if
you
have
denieth
test
it,
my
current
judgment
see
if
it
works
on
scenarios
that
you
need.
The
coverage
is
already
massive,
I
will
say:
maybe
80
90
percent
of
the
end
points.
D
D
This
dissolution
here
is
in
the
repository
that
David
was
just
showing
it's
called
react,
PNP
Jas
project
online.
You
can
get
the
code.
This
is
just
a
sample
code,
just
some
sample
code
to
call
some
endpoints
that
I
created
the
UI
is
terrible
and
easier.
Just
so
I
can
use.
I
can
easily
invoke
the
functions,
but
you
can
get
things
like
get
projects
and,
as
you
can
see,
you
get
everything
you
can
use
all
the
benefits
of
khadija,
yes,
everything's
like
select
or
orders.
D
This
is
currently
working
with
the
latest
version
of
npj
s1.
Not
so
keep
that
in
mind.
If
you
give
that
a
try,
because
you
will
need
to
install
dependencies
for
PNP
come
and
PNP
logging
and
PNP
or
data,
but
you
can
install
those
from
NPM
just
target
latest
one
point:
X
version
and
everything
should
work.
I
have
a
blog
post,
I'll
show
in
a
moment.
So
as
an
example,
we
get
all
these.
So
let
me
pick
a
project
here.
D
My
mouse
batteries
are
dying,
I
think
so,
as
you
can
see,
there's
a
lot
of
data
being
returned,
and
this
is
everything
you
can
get
at
the
moment
if
I'm
not
wrong
from
the
package
in
the
project
in
point.
But
there
is
a
lots
of
endpoints,
you
can
get
there
like
tasks
or
you
can
have
even
a
dream
cycle
a
project
and
that
takes
a
little
bit.
I'm
I'm,
not
wrong.
D
D
D
D
D
So
this
is
the
project
you
can
install
from
NPM.
If
you
are
just
want
to
give
it
a
try,
and
then
you
install
these
three
packages
as
well
and
this
one.
If
you
want
to
run
in
development,
so
you
can
maybe
fix
anybody
find,
or
rather
new,
yaks
a
feature
you
can
still
do
it
so
follow
the
steps
that
David
showed
before
to
clone
the
project
or
download.
D
So
you
can
put
that
side-by-side
with
your
project
and
then
build
packages.
You
can
follow
the
documentation
I
have
to
commandeer
that
you
will
need
on
pen,
PJs
repository
and
then
in
your
SP
effects.
Web
part
know
before
you
do
that
you
need
to
install
the
pure
dependencies
on
the
package,
so
you
basically
follow
these
steps.
You
need
to
go
to
the
project
package
directory
on
the
dist
folder
and
then
install
the
dependencies,
and
after
that
you
can
simply
install.
D
A
This
is
something
I'm
very
excited
to
see
get
out
to
the
community.
Just
because
I
know
various
folks
have
been
working
on
this
or
talking
about
this
for
a
while
I
hope
folks
check
it
out.
If
you
got
some
project
work
you're
doing
it's,
it's
really
a
cool
resource,
great
work,
Joel
on
getting
that
out
and
with
that
I
believe
our
last
demo
is
visa.
Yep
I'm,
sharing.
B
It's
been
taking
us
slightly
longer
than
expected
to
get
one
point
n
out,
but
it's
now
it's
looking
really
really
really
positive
and
by
the
way,
if
you
are
interested
on
seeing
any
of
the
20/20
stuff
in
preview
any
of
this
stuff
or
discussions
around
that
one
there's
a
video
on
that
one
into
YouTube
channel
as
well.
No,
but
let's
actually
get
back
on
version
1.7
and
it's
context
and
content
and
how
things
will
work
in
practice.
B
So
what
I
wanted
to
do
is
show
you
a
few
examples
and,
and
what
are
we
actually
doing
here
and
what
it
means
that
we
support,
for
example,
personal
apps,
for
the
themes
or
what
does
it
mean
and
that
there
were
various
suggestions
from
a
development
perspective
or
the
office
side
in
support
for
auto
quick
access?
So
we've
got
a
concentrate
on
those
three
in
today
and
I
think
we
should
have
enough
time
for
that.
B
If
you
have
any
questions
comments,
let
me
know:
I
can
see
the
chat
on
another
window
so,
first
of
all
on
the
team
side
of
the
house,
so
we
mentioned
that
the
private
apps
will
be
supported
in
in
teams,
and
this
will
be
a
super
easy
thing
for
you
to
take
advantage
so
already
starting
from.
Is
it
1.6
1.8?
B
We
can
start
supporting
a
team's
personal
app
as
an
option
here
and
what
that
means,
then
that
when
I
do
to
sync
the
teams
in
the
app
catalog
that
teams-
and
we
will
also
generate
basically
the
manifest
for
the
personal
app
and
then
that
solution
will
be
available
as
a
personal
ad
in
a
Microsoft
tips.
So
you
can
absolutely
then,
first
of
all,
you
can
select
any
of
the
types
you
can
remove
to
SharePoint
Papert.
You
can
add
any
of
these
things
and
all
of
that
stuff.
So
that
should
be
usable.
B
But
what
at
me
I
said
it's
a
personal
app.
Let's
actually
have
a
look
on
that
one
quickly.
There
we
go
so
let
me
actually
get
in
here
and
I.
Think
it's
actually.
This
one
is
it.
It
is
this
one.
So
if
I'm,
adding
a
more
app
I
can
go
to
my
personal
apps
in
this
case,
and
actually
what
I've
done
here
is
that
I've
taken
our
example
elites
web
part,
which
is
one
of
the
examples
the
most
I
think
we
created
or
original
at
this
one
for
SBC
2018.
B
So
it's
one
and
a
half
years
old
already
and
but
it's
basically
demonstrating
then
in
the
creation
to
lob
system
as
a
Microsoft
team's
tab.
So
now,
if
I'm,
adding
this,
it's
gonna
be
added
as
a
personal,
and
that
means
that
it's
not
in
the
context
of
any
team
or
not
in
the
context
of
a
channel.
It
is
actually
personal
app
and
you
can
technically
potentially
even
pin
it
on
the
left
menu
whenever
it
whenever
the
team's
will
support
that
properly.
B
I
don't
know
if
it's
actually
already
supports
that's
popular
or
not,
but
basically
idea
is
that
you're,
not
in
the
context
of
the
team
or
a
channel
you're
in
the
context
of
a
persona-
and
this
is
basically
the
web
part
is
getting
rendered
here
and
it
works.
What
just
like
the
web
part
as
well.
So
no
no
problems
and
no
challenges
on
that.
Pretty
simple
thing
to
do
so,
like
that,
setting
the
supported
hosts
and
as
a
team's,
personal
and
voila
everything
just
works
such
does.
This
also
support
multiple
taps.
B
Webparts
in
a
single
team's
have
no
Oh,
so
the
team's
application.
So
when
you're
writing
a
Microsoft
team's
tabs
using
SharePoint
framework,
it
is
always
at
one
like
wet
part,
basically
or
you
might
say
that
it's
a
panel
which
is
being
exposed
in
the
team
side
of
the
house.
So
you
cannot
technically
have
multiple
things
here
now.
There
is
some
one
exception,
though,
on
that
one,
which
is
you
can
absolutely
surface
in
a
SharePoint
page
in
the
themes
as
a
tab.
That's
a
separate
this
experience.
B
This
is
no
an
application
experience,
so
it's
not
really
an.
We
are
not
freely
on
the
SharePoint
context,
but
you
can
actually
get
access
on
the
application
which
is
automatically
hosted
from
the
SharePoint
site
so
but
for
the
themes
itself.
If
you
go
to
the
team's
level,
you
can
absolutely
have
multiple
tabs
here.
You
can
have
multiple
different
configurations
here.
You
can
add
multiple
different
things.
B
You
can
configure
those
differently
and
you
can
have
different
instances
so
that
absolutely
works
related
on
next
comment
over
there,
but
that's
something
which
we
have
been
having
over
distance
1.8.
So
that's
nothing
really
new.
In
1.10.
Now,
on
the
content
side
of
the
house,
let
me
actually
go
back
on
the
outlook
side
of
the
house
7th
outlook
side
of
the
house,
and
this
is
in
preview.
So,
first
of
all,
how
do
we
get
these
things
to
get
created?
Let
me
actually
get
in
here.
Let
me
slightly
bump
the
font.
B
Oh,
let
me
do
that.
So,
if
I,
if
I
create
this
is
still
in
preview,
if
I
create
a
demo
folder
and
if
I
go
to
the
demo
folder
in
1.10,
because
the
query,
suggestions
and
the
search
queries
are
cheston's
and
all
of
a
sudden
soar,
Outlook
Web,
Access
add-ins,
are
in
preview.
You
can
only
generate
those
by
using
yo,
Microsoft
SharePoint,
and
then
you
do
plus
plus
beta,
just
wrote
it
today,
but
I
just
can't
get
it
in
my
mind.
B
B
Now,
in
the
case
of
office
settings
as
an
example,
if
you
execute
and
create
a
bit
port
using
the
plus
beta
option,
will
auto-generate
you
and
an
office
add-in
folder
and
in
the
office
Anand
folder
will
auto-generate
you
an
example
manifest
which
you
can
then
use
to
get
your
solution
available
in
Outlook,
Web
Access.
So,
basically,
how
things
work
in
practice
behind
the
scenes
is
that
you
can
take
any
of
your
existing.
B
You
could
actually
take
any
of
your
existing
app
with
parts
as
well
and
make
them
available
in
Outlook,
quick
access
and
behind
of
the
scenes.
What
happens
is
that
we
aren't
pasted
it's
just
automatically
pointing
to
the
that's
getting
replaced
automatically
based
on
a
tenant
URL
to
a
URL
which
is
underscore
layers.
15
also
cost
at
web
acts,
aspx
and
then
component
IDE
goes
something.
This
is
basically
an
aspx
page,
hosted
or
automatically
hosting
your
component
for
Outlook
Web
Access
from
SharePoint.
So
you
don't
have
to
worry
about
again
deployment
hosting
any
of
that
stuff.
B
Everything
is
getting
fully
automatic
mode
available
for
you
and
you
can
even
have
a
configuration
option
available.
So
is
there
a
configure?
One
time
configuration
option
available
or
not
I
will
explain.
All
of
that
is
going
to
be
explained
more
detailed
in
the
documentation
when
it's
available,
but
what
it
then
means
is
that
you
can
actually
go
to
Outlook
I
think
we
have
a
simple
example
in
here.
B
It
is
actually
that
exactly
the
example
and
you
can
expose
your
office
or
you
can
implement
your
office
at
inserting
a
sharepoint
framework
and
again
the
naming
and
all
of
that
terminology
is
super
confusing,
because
why
are
we
implementing
office
add-ins
using
sharepoint
framework,
but
all
of
that
is
getting
renamed
as
soon
or
later.
In
this
case,
it
is
a
super
simple
example.
B
We
are
in
the
this
is
getting
basically
rendered
from
the
tenant
in
the
context
of
that
email
and
you
can
get
access
on
the
on
the
email
and
SJS
context,
so
you
can
actually
have
access
directly
on
the
office
JavaScript
SDK
from
the
web
part,
so
to
say.
Well,
I
wouldn't
call
it
a
big
part
anymore,
because
it's
not
a
big
part,
because
it's
of
a
setting,
but
anyway
and
highly
confusing
terminology
in
this
case
I'm
just
testing
in
one
of
our
edicts.
So
in
early
environments
and
there
seems
to
be
a
still
awesome.
B
He
comes
related
on
getting
the
office
context
and
moving
into
the
other
side.
So
we
need
to
figure
out.
What's
going
around
there,
it
might
be
probably
just
setting
which
hasn't
been
enabled
on
this
environment,
but
anyway
you
can
implement
what
any
any
kind
of
configurations
you
can.
Still
you
get
access
on,
Microsoft
craft
very
easily.
You
can
get
access
on
the
third-party
components
without
any
actual
level
requirements.
You
can
do
all
of
that
configuration
in
the
same
way
as
a
share.
B
Pod
frame
are
chirpin,
favorite
teams,
that's
gonna,
replace
your
team's
apps,
we'll
see
so
we'll
see
where
we
will
go.
Let's
see
what
the
community
wants
us
to
do
and
what's
going
to
happen,
so
obviously
we
do
work
together
with
Victor
and
the
teams.
People
are
related
on
this
and
the
future
of
the
team's
balance,
and
so
we'll
see
what
what
will
happen
anyway.
B
There's
a
understandable
requirements
of
having
a
SAS
applications
exposed
as
an
teams,
application
teams
tabs
and
it's
a
slightly
different
scenario
than
exposing
and
shipment
framework
web
part
as
a
Microsoft
teams,
town
or
SAS
application
being
exposed
as
an
office
setting
versus
enterprise
application
being
built
using
Chevonne
framework
tooling
being
exposed
as
an
application
in
here
now
we
are
running
pretty
fast
out
of
time
and
that's
quickly
recap
on
how
things
will
work
in
the
office
on
each
side
of
the
house
and
then
the
final
option.
Let
me
actually
do
this.
B
If
I
execute
this
one,
your
human
generator
in
the
plus
beta
mode,
you
will
actually
have
a
new
option
available
in
the
extensions
as
long
as
you
use
again
ship
one
favorite
option
I'm
going
to
use
the
current
folder
and
it
doesn't
really
matter
what
the
answer
in
these.
In
this
case,
if
I
choose
now
the
extension
option,
we
can
actually
see
a
new
fellow
available
here.
It's
a
search,
query
modifier,
so
search
query
modification
or
modify
our
extension.
B
Is
it
super
useful?
Is
it
super
and
powerful?
Well,
not
necessarily
I
think
the
community
will
come
up
with
a
interesting
set
of
capabilities,
but
this
is
just
a
start
related
on
the
search
level
extensibility
as
well,
but
search
will
support
extensibility
in
this
level
as
well
and
it's
being
implemented
using
SharePoint
framework.
So
this
comes
to
preview
in
1.10.
B
A
Right
so
thanks
to
David
thanks
Joel
thanks
to
visa
for
three
great
demos,
excited
to
see
that
stuff
and
again
reminder
if
you'd
like
to
demo
on
one
of
these
calls
please
reach
out
to
myself
or
vaisseau
would
love
to
get
you
on
a
call.
Our
next
SPF
XJS
meetings
can
be
January
16th.
So
that's
in
two
weeks
and
then
our
next
general
dev
sig
meeting
will
be
January
9th.
That's
next
Thursday!