►
Description
Recording of SPFx and JavaScript development in SharePoint Community Call from 25th of April. Topics include updates from SharePoint engineering on SPFx, latest on PnP JS Core, Office 365 CLI, Reusable SPFx controls and PnP SPFx Yeoman extension.
Detailed covered content from SharePoint Dev Blog at http://aka.ms/spdev-blog.
- Demo - Ramin Ahmadi (Content and Code) – @raminahmadi1986 - Print list items using templates with SPFx list view command set (21:20)
- David Warner II (Catapult Systems) – @davidwarnerii - Using SPFx Library components in your solutions (28:29)
- Demo - Federico Porceddu (Avanade) – @FedericoSPDev - Modern Page Model handling with PnP/PnPjs (38:38)
- Vesa Juvonen (Microsoft) – @vesajuvonen - Modern page template experience with app page capability (48:05)
You can download an invite to this bi-weekly call from https://aka.ms/spdev-spfx-call.
You can find more details around the open-source and community work from http://aka.ms/sppnp
A
Hello
and
welcome
to
the
SharePoint
framework
at
javascript
special
interest
group
bi-weekly:
sync,
it
is
April
25th
2019.
This
will
be
our
last
meeting
in
the
month
of
April,
but
very
excited
for
what's
to
come,
we've
got
as
usual.
Our
engineering
update
on
SharePoint
framework
updates
around
the
patterns
and
practices
program,
offerings
and
then
demos
from
Raman,
David
and
Frederico.
So
we've
got
a
printing
list
items
using
different
templates,
which
is
very
cool.
They
sync
loaded
library
components
which
is
a
neat
approach
to
solving
that
problem
and
then
Frederico
with
creating
modern
pages
with
p.m.
A
PJs,
excited
to
see
that
as
well
and
always
great
to
see
people
using
P
and
PJs,
and
the
demos
no
offense
to
Raman
and
David,
but
I'm
sure
that
will
be
the
coolest
demo
because
it
uses
P
and
P
J
s
kidding.
Of
course
everybody
just
a
quick
statement
on
teams,
Microsoft
teams,
we
know
about
it.
We
want
to
use
it,
but
it
does
not
yet
support
entirely
all
the
features
we
need
for
running.
A
B
A
Now
pushes
to
install
teams-
trust
me
I've
been
getting
that
for
months
internally
here,
but
we
will
carry
on
with
Skype
just
right
up
until
the
moment.
The
team
supports
what
we
needed
to
support
and
then
we
will
move
over
just
as
soon
as
we
can.
So
just
let
folks
know
that
often
folks
are
wondering
how
can
you
participate
in
P
and
P
both
in
these
calls
and
in
the
larger
patterns
and
practices
program?
The
best
ways,
in
my
opinion,
are
through
demos.
A
We
love
the
demos
community
demos
are
the
best
parts
of
these
calls,
so
you
can
do
an
SPI
FX
demo
on
any
of
the
various
things
you
can
do
around
SP
FX
as
well,
anything
in
the
app
PNP
list
of
offerings,
so
that
could
be
p.m.
PJs,
the
CLI
they're,
usable
controls
or
the
community
yeoman
generator
any
of
those
all
of
those
together
potentially
make
great
demos
so
always
like
to
see
those
as
well.
You
can
always
contribute
on
github
by
reporting
issues.
A
Any
pull
requests,
helping
out,
of
course,
with
issues
and
questions,
always
appreciate
that
and
appreciate
everybody's
work
there
on
github
across
all
of
our
projects.
It's
really
wonderful
to
see.
So
thank
you.
Thank
you.
Thank
you
to
everybody
there
and
then.
Finally,
you
can
always
provide
us
feedback.
We
always
appreciate
the
feedback
feedback
and
be
how
are
the
calls
going
what's
documentation
needs.
Where
can
we
help
things
like
that?
A
Just
reminder.
We
can't
always
act
instantly
on
any
piece
of
feedback,
but
we
do
take
them
to
heart.
We
do
discuss
them
and
we
do
where
possible.
You
know
either
adjust
our
plans
for
the
future
or
try
and
change
things
as
they
sit
depending
on
the
feedback.
So
we
always
appreciate
that
feedback
so
keep
that
coming.
A
That
is
always
great
and
always
appreciated,
and
it
really
helps
inform
us
on
what
we
can
do
better
in
the
program
and
where
we
can
put
our
energy
into
growing
so
that
you
all
are
getting
the
most
out
of
the
work
that's
being
done
by
everybody
in
the
community.
So
thank
you.
Thank
you
to
everybody.
This
demo'd
contributed
and
provided
feedback
in
the
past
and
look
forward
to
everybody
doing
so
in
the
future.
A
So
now
yes
and
stay
in
respectful,
that's
a
great
comment
from
Hugo
do
always
appreciate
folks,
stayin,
respectful
in
the
feedback
and
understanding
that
for
all
of
us
this
is
a
labor
of
love
and
a
labor
of
volunteer
time.
So
this
is
time
away
from
friends,
family
other
hobbies.
Things
like
that
and
that's
for
everybody,
not
just
me
not
just
Visa,
but
for
everybody
who
contributes
so
understand.
You
know
there
is
some
time
pressure
there
and
stay
respectful.
We
are
all
here
trying
to
help.
B
Thank
You
Patrick,
so
let's
actually
get
moving
on
that
one
as
well,
so
they
can
actually
get
in
here.
Nothing.
True
dramatical,
since
like
well
to
be
fair.
Since
last
week
we
did
have
some
stories
last
community
call.
We
did
actually
have
a
one
release,
but
let's
talk
about
that
one
in
a
second
just
two
reminders:
AKMs
spdf
docks
the
documentation,
source,
aka,
MSSP,
dev
videos,
that's
where
the
recordings
will
be
of
the
demos
and
everything
else
will
be
there
and
then
a
MSS
bata
vicious
all
of
the
dev
issues.
B
Sharepoint
developer,
oriented
issues,
we've
been
seeing
every
now
and
then
now
issues
getting
open
here
related
on
first
party
experiences,
so
basically
something
which
is
out
of
the
box.
We
cannot,
unfortunately,
address
those
issues
through
the
issue
list
if
it's
out
of
the
box
capability,
so
that's
issueless
this
only
for
the
development
oriented
issue,
so
please
report
anything
out
of
the
box
stuff
using
then
the
tenant
admin
UI
support
channels
now
few
things
in
here.
So
moving
on
on
the
slides,
so
few
reminders.
B
So
this
one
we
had
a
blog
post
last
week,
if
you're
looking
into
having
a
demo
content
demo
structures
where
you
wanna
then
demonstrate
your
web
part
in
the
context
of
a
cool-looking
modern
portals,
and
you
can
actually
easily
get
your
portal
an
example,
porous
structures
provisioned
using
the
provisioning,
SharePoint
PMP
dot-com
service
really
great
service.
It
takes
like
one
minute
to
five
minutes
depending
on
the
template
which
you
choose
to
get
it
provision,
but
you
can
actually
spin
up
multiple
templates.
B
At
the
same
time,
one
reminder
related
on
the
service
at
the
some
of
the
templates.
Do
have
pre
requirements,
so
please
check
them
out.
We
will
keep
on
evolving
the
service
so
pretty
soon
it
will
actually
double
check
your
environment
on
behalf
of
you,
and
it
will
tell
you
if
something
is
missing,
so
it
doesn't
actually
give
you
the
indication
that
it
starts
provisioning
and
then
afterwards
fails.
So
we
keep
on
evolving
this
all
the
time.
We're
about
to
release
also
updates
on
the
templates
relatively
students
on
the
early
May
time
frame.
B
Now,
a
few
kind
of
pointers
related
on
SharePoint
framework,
just
an
update,
it's
on
the
metrics
or
the
charts
we
do.
We
can
see
a
small
impact
to
the
eastern
holidays,
but
we're
now
back
in
line
starting
at
starting
from
Tuesday
and
Wednesday.
So
Europe
basically
was
out
of
business
on
Monday
eastern
holidays,
which
is
a
public
holiday
in
many
of
the
European
countries,
and
we
did
release
a
SharePoint
framework.
One
point
eight
point,
one
after
the
last
community
call,
which
is
addressing
some
of
the
some
of
the
regressions.
B
What
we
had
in
1.8
and
then
we're
looking
into
having
one
point,
eight
point
two
actually
coming
out
soon
as
well.
So
there
are
certain
scenarios
where,
for
example,
if
you
have
a
large
SharePoint
framework
solution,
there's
a
memory,
consumption
challenges
and
there's
certain
version,
conflicts
challenge
and
send
all
of
those
and
also
plan
to
now
get
at
rest.
B
In
the
one
point,
eight
point
two,
which
is
coming
relatively
soon
I
can
promise
that
it's
won't
come
this
week,
but
it's
coming
like
in
the
matter
of
days
or
within
a
few
weeks,
and
then
1.9
is
coming
later
after
that,
most
likely
in
the
May
time
frame
potentially
might
be
delayed
until
early
June
and
the
key
points
on
the
on
the
1.9
is
general
availability
on
the
library
components.
Do
we
will
have
a
demo
later
today?
Why
David
on
the
library
component,
additional
content?
B
Extensions
might
be
there
additional
SPF,
X
extensibility
points
might
be
there
across
office.
365
services,
content
security
policy
can
promise
that
yet,
but
we're
looking
into
making
that
happen
and
in
a
longer
term
we're
looking
at
the
open
sourcing
out-of-the-box
ago,
maintainer
radio
as
well,
which
will
then
mean
that
we'll
merge
the
existing,
be
and
be
a
yeoman
generator
and
order
box
image
generator.
I
can't
promise
an
exact
timeframe.
For
that
one
react.
B
Support
is
definitely
on
react,
16x
version
in
one
point.
Well,
we
can
already
do
now
do
use.
One
point.
Sorry,
sixteen
point,
six,
if
I
remember
in
SPF
X,
but
the
challenge,
what
we
are
having
right
now
is
that
we
don't
explicitly
and
document
how
to
use
the
later
versions
of
the
react.
So
16.8
is
actually
already
currently
supported.
B
So
you
can
actually
use
16-point
x
react
as
long
as
you
align
the
different
versions
of
officer,
I
fabric
and
typescript
and
everything
else,
but
that's
the
challenge
currently
that
we
haven't
actually
documented
that
also
we
haven't,
provided
you
the
guides
on
how
to
make
that
happen,
and
that's
one
of
the
so
providing
that
guidance
is
one
of
the
things.
What
we're
looking
into
now
making
happen
as
part
of
one
point,
eight
point
two.
B
So
that's
coming
relatively
sir
cool
and
then
bubbling
under
its
the
store
and
apps
or
story
getting
clarified
printing
improvements
in
the
monocytes.
There
will
be
new
capabilities
on
there
and
then
comma
Phi
root
site
collection
on
the
tenant.
I
think
that
was
actually
well.
That's
definitely
information
that
has
been
announced
and
I
think
we
actually
are
now
already
providing
that
out
and
it's
available
for
target
if
released
and
unless
I'm
completely
mistaken
by
default.
Already.
B
If
you
right
now
create
a
new
tenant
in
office,
365,
the
root
site
collection
is
a
communication
site,
but
the
communication,
comma
Phi
root
site
collection,
is
for
transforming
existing
tenants,
root,
site
collection,
with
classic
themes,
line
to
be
a
communication
site
and
I.
Think
I
had
a
few
one
more
slide
before
we
move
on.
B
It
thinks
what
we
are
currently
been
working
on
likes
at
one
point:
eight
point:
two:
is
the
short-term
update
coming
relatively
soon
addressing
memory,
consumption
events
and
conflicts,
and
all
of
that
the
window
chat
was
a
good
reminder
like
to
react,
16.8
support
and
it
is
actually
supported,
but
we
haven't
documented
an
updated
guidance
on
the
app
pages
with
the
image
handling
details
so
how
to
handle
and
include
your
own
images
for
the
page
experiences
within
the
page
nailed.
You
is
that's
kind
of
more
details
on
that.
B
One
coming
later,
SharePoint
starter
kit
updates
with
the
teams
and
app
pages
support
coming
quite
soon.
Chevron,
starter
kit
is
basically
demonstrating
how
to
use
and
build
complex
portals
and
it
17
different
webparts
and
extensions
and
all
snap
and
then
on.
The
provisioning
service
science
site
were
looking
into
support,
much
wider
set
of
capabilities
so
supporting,
for
example,
teams
templates.
B
So
you
can
have
a
one
really
cool
large
template,
which
is
provisioning,
multiple
site
collections
and
then
team
structures
and
teams
tabs
which
are
pointing
back
on
the
SharePoint
for
a
easy
demonstration,
so
really
cool
stuff
coming
coming
in
soon.
But
that's
it
from
my
side
a
trick.
Your
return
and
I
can
point
out.
That's
Rick!
It's
a
pity
that
the
animations
don't
seem
to
work
actually
on
the
when
we
are
sharing
presentation
in
here.
A
So
PNP
offerings
from
the
program
here
so
the
first
PDS
client-side
libraries
really
right
now
focuses
on
2.0
lots
of
work
going
on
behind
the
scenes,
we're
going
to
create
a
project
in
github
so
to
help
track
that
work
and
if
you're
interested
in
helping
out
on
that.
Just
let
us
know
and
we'll
I
haven't
yet
in
my
life
created
a
project
in
github,
so
we'll
see
how
that
works
and
see
about
I
think
we
can
assign
people
to
tasks
and
things
like
that.
A
A
So
we're
gonna
really
focus
on
that
for
2.0
and
internally
we're
focused
on
providing
a
launching
point
for
the
next
series
of
changes
and
things
we
want
to
make
internal
to
the
library
and
our
goal,
as
always,
is
to
have
minimal
disruption
to
existing
projects.
There
will
be
a
few
changes
required
and
we'll
talk
about
that.
You
know
when
the
time's
right
but
minimal,
we're
aiming
for
minimal
changes
to
existing
projects.
A
Protip
right
the
documentation
first.
Well,
unfortunately,
we
can't
go
back
in
time,
but
thank
you
to
everybody
that's
distributed,
and
we
always
very
much
appreciate
that
all
the
issues,
all
the
feedback,
all
the
things
like
that
is,
is
very
great
and
very
much
appreciated.
So
thank
you.
Thank
you.
Thank
you.
I
can't
ever
say
that
enough
to
the
folks
that
contribute
you
can
find
the
documentation
that
exists
now
at
PNP
github,
the
IO
/
green
PJs.
A
A
A
Look
it
again.
I
had
it
created
a
project
before
but
I
assume,
like
all
sorts
of
things
like
this,
you
can
create
tasks
or
some
type
of
thing
that
can
be
assigned
so
will
create
a
bunch
of
tasks.
And
if
you
see
one
in
there,
that
is
the
kind
of
thing
you
want
to
work
on
a
lot
of
snow
and
I.
Don't
know
I
bet
you
can't
self
assign,
but
we'll
get
you
assigned
and
we'll
get
everybody
that
wants
to
help.
We'll
have
absolutely
an
opportunity
to
do
so
and
we'll
make
sure
that
happens.
A
Updates
on
the
office,
365
CLI,
new
beta
118,
with
commands
for
renewing
office
365
group
expiration,
removing
users
from
the
groups,
upgrade
your
SharePoint
framework
projects
to
one
8.1,
which
is
the
latest
SharePoint
framework.
So
this
is
one
I
mean
the
CLI
is
awesome,
but
this
is
one
of
the
coolest
features.
I.
Think
of
the
see
the
ability
to
easily
update
your
existing
SharePoint
framework
projects
from
older
versions
to
the
latest
version
automatically
using
this
tool,
so
really
cool
thing.
A
So
now
I'm
worried
we
need
to
be
handling
gzip
compression,
somehow
so
in
progress,
more
commands
for
teams
flow
power,
apps
and
SharePoint
simplifying
the
login
process
as
well,
improving
the
command
name,
consistency.
So
as
with
a
lot
of
things
as
it
grows,
there's
a
little
bit
of
drift
on
the
naming
and
so
working
on
getting
that
back
in
line.
A
As
always,
you
can
install
the
latest
beta
at
NPM,
install
G
at
P
and
P
slash
office,
65
CLI
at
next
more
information
at
a
kms,
35,
CLI,
there's
as
well
a
hashtag
on
Twitter
and
a
git
er
channel
as
well.
If
you
have
questions,
definitely
check
that
out
and
the
CLI
is
an
awesome
cross-platform
tool
for
managing
your
sharepoint
deployments,
your
sharepoint
farms,
or
is
it
called
farm
still
your
sharepoint
online
tenant
and
showing
my
age
with
that
and
a
really
cool
tool?
If
you
haven't
checked
it
out,
definitely
check
it
out.
A
A
Thank
you
in
this
case
these
particular
folks,
Francis
Frederic
Hugh
go
man,
I'm,
sorry
top
top
vidis
yeah
I
apologize,
Oscar,
Roberts
and
Alex.
Thank
you
for
you,
folks
for
contributing
specifically
to
this
release
of
the
react
controls.
So
thank
you.
Thank
you.
Thank
you
really
appreciate
your
work
there
and
if
you
haven't
used
the
reusable
controls,
we've
got
two
sets
of
those
just
to
remind
folks.
A
The
first
is
the
property
controls
and
is
that
that's
the
first
link
down
there
at
the
bottom
and
the
property
controls
are
used
in
the
Edit
pane
of
your
web
park.
So
when
you
go
into
that
edit
experience
and
really
give
you
a
nice
out-of-the-box,
look
because
they're
styled
with
the
office
UI
fabric,
so
they
look
like
sharepoint
and
behave
like
sharepoint,
but
allow
you
to
jumpstart
your
projects.
A
These
are
both
reactivates
controls,
I
should
say,
but
the
reusable
react
controls
are
for
the
body
of
your
web
part
generally
for
displaying
information-
and
you
know
the
kind
of
thing
your
users
would
see,
not
necessarily
your
content,
editors,
so
very
cool,
stuff
and
again,
a
great
way
to
jump-start
your
SharePoint
framework
projects
in
react
and,
finally,
before
we
get
to
the
demos
one
update
folks
on
the
community,
yeoman
generator.
So
for
folks
that
aren't
maybe
familiar
with
this.
This
is
an
SPI
FX
generator
built
on
top
of
the
out-of-the-box
SharePoint
framework
generator.
A
A
The
additions
here
allows
you
to
easily
include
other
things
that
aren't
supported
currently
in
the
out-of-the-box
yeoman
generator
things
like
adding
P
and
PJs
to
your
projects
or
the
reasonable
controls
or
the
CLI,
but
also
picking
different
frameworks
such
as
angular
or
view
choices
that
aren't
currently
available
in
the
out-of-the-box
generator
and
then
in
progress
for
this
updating
the
the
DevOps
to
use
jest
instead
of
Moka
selecting
the
typescript
version
for
your
project.
So
for
folks
that
weren't
aware
you
can
choose
in
the
lin
one
I
think
they
said
one
eight
one
it
was
introduced.
A
You
can
choose
your
own
typescript
version
and
this
the
yeoman
generator
will
is
working
on
adding
support
for
helping
with
that
and
then
modular
rising
the
gulp
file
injection.
So,
as
always,
you
can
install
the
latest
version
from
NPM
NPM
install
G
at
P
and
P,
slash
generator,
SP
effects,
and
that
will
give
you
a
really
great
tool
again
to
help
jump-start
your
SharePoint
framework
development
experience.
A
So
it
works
great
with
PM
PJs
and
the
controls
is
a
way
to
start
your
project
pick
different
frameworks
such
as
angular
view
and
really
get
your
project
off
to
a
great
start,
with
minimal
work
right
at
the
beginning,
so
fantastic
work
there
from
Stephan
and
then
everybody
else
who's
contributed.
So
again,
I
can't
say
it
enough.
Thank
you.
Thank
you.
Thank
you
to
everybody.
That's
helped
make
this
possible
and
with
that
I
think
we've
left
plenty
of
time
for
our
demos
today.
So
first
up
is
Raman
yeah.
C
A
C
C
So
if
you
install
this
extension
in
your
channel
and
you
add
it
as
an
app
in
a
site
collection,
you
can
go
to
any
custom
list
and
if
you
select
an
item,
you
can
see
this
button
here
print
and
before
I
choose
an
existing
template
here.
I
want
to
show
you
how
you
can
manage
your
or
create
your
own
template.
If
you
click
on
these
settings
are
going
to
visibility's
panel,
so
you
can
see
all
the
templates
here
and
you
can
edit
them
or
remove
them
or
you
can
create
your
own
template.
C
C
C
C
C
C
C
C
C
As
you
can
see,
I
use
the
advance.
What
you
add
this
image
to
that
header,
so
you
can
basically
have
any
HTML
element
on
your
footer
or
header,
and
this
is
the
demo
for
how
you
can
use
this
extension
and
in
terms
of
the
code.
Basically,
this
is
the
extension,
and
this
is
is
using
react.
I
have
different
components
here.
C
Basically,
this
is
the
Settings
panel
that
you
can
see
all
the
templates
here.
You
can
modify
it
or
remove
or
add
templates
from
this
component.
This
is
the
component
for
adding
a
new,
adding
or
taking
the
templates.
So
if
you
are
interested
in
this
drag
and
drop
release,
you
can
just
open
this
file
and
you
can
see
all
the
data
data
list
here,
so
it
has
destroyed
Aragon
drop
features
here.
C
And
also
this
is
a
this
is
a
component
for
is
like
a
basic
editor
for
a
header
and
footer
that
are
used
for
this
project.
So,
if
you
add
it,
you
can
just
have
a
really
basic
text.
Editor
and
also
we
have
a
service
class
here
for
basically
manage
templates,
adding
templates,
getting
templates
or
all
the
stuff.
C
We
need
to
do
with
the
templates
and
also
getting
their
fields
for
each
list,
because
you
know
when
you
want,
you
add
weight
where
you
want
to
drag
and
drop
the
fields
you
need
to
get
the
field
first,
so
we
need
to
ignore
some
of
the
default
fields
like
could
content
type
attachments
these?
This
is
the
that
I've
done
for
this.
We
basically
just
ignore
them
when
we
want
to
display
all
the
fields
for
the
users,
so
they
can
further
again
tear
up
the
fields
and
I.
Think
that's
it.
If
you
have
any
questions.
A
D
D
All
right,
very
good,
all
right,
my
name
is
David
Warner
I
try
to
be
as
active
as
possible,
so
here's
my
contact
information
work
for
catapult
blog
vlog
feel
free
to
reach
out
to
me.
If
you
have
any
questions
so
today
for
the
my
demo,
we're
gonna
talk
about
library,
components
specifically
optimized,
bundling
so
for
those
that
are
not
as
familiar
with
the
library
component
to
it.
We'll
have
a
brief
overview
just
so.
D
You
have
a
good
awareness
in
context
for
what
they
can
provide
and
then
we'll
take
a
look
at
some
of
the
awareness
and
gotchas
that
you'll
need
to
know
when
you're
building
it
right
specifically
how
much
you
load
it
up
with.
So
with
that
in
mind,
we'll
see
how
we
can
optimize
the
bundling
of
our
SharePoint
library
for
the
best
page
performance
when
our
web
parts
are
extensions,
use
them
alright.
D
So
what
our
SharePoint
library
components,
it's
the
ability
to
package
up
using
the
SharePoint
framework,
third-party
libraries
or
custom
functionality
within
a
hosted
library
component
within
our
SharePoint
tenancy.
So,
for
example,
in
this
demo,
we
could
include
in
our
library,
jQuery
or
a
moment
they're
both
fairly
large
libraries,
we're
including
them
in
this
demo.
For
that
purpose,
but
they're
also
pretty
popular.
D
The
middle
icon
here
represents
maybe
perhaps
custom
functionality
that
we
would
use
across
North
Tennessee,
maybe
for
our
organization,
that's
custom
to
us,
but
we
use
it
across
a
lot
of
webparts
or
extensions,
and
so
you
can
put
them
into
a
singular
package
file
that
we
can
see
down
here.
That
can
be
deployed
just
like
we
would
an
extension
or
a
library.
Excuse
me
an
extension
or
a
web
part
and
access
it
from
those
extensions
and
web
parts.
So,
in
the
end,
what
benefit
does
it
provide
well
with
in
a
SharePoint
site
collection,
for
example?
D
Here
on
the
Left?
We
have
our
SharePoint
page,
and
these
little
boxes
here
may
represent
our
webparts
or
extension,
or
something
like
that
and
they
may
need
to
access
our
library.
So
typically,
these
would
be
bundled
directly
within
our
web
part
or
extension,
or
we
would
reference
them
externally.
So
maybe
that
would
be
in
a
CDN.
We
don't
own.
Maybe
it's
in
a
SharePoint
library
that
could
accidentally
be
deleted.
D
This
allows
us
to
package
it
all
up
and
have
it
stored
in
our
SharePoint
tenancy
available
for
all
site
collections
and
available
to
all
webparts
and
extensions
we
build,
and
so
they
are
loaded
once
on
a
page
and
that's
a
huge
benefit.
So
multiple
webparts
on
a
page
can
access
the
component,
which
is
only
loaded
once
so,
that's
exciting
right.
So
we
want
to
go
load
it
up,
and
so
we
go
and
we
start
learning
more
about
libraries,
there's
some
great
documentation
tutorials
on
how
to
do
that.
D
So
then
we
start
pumping
it
full
of
functionality,
and
then
we
pump
full
of
more
functionality
and
before
you
know
it,
we've
overloaded
with
functionality,
and
that
can
make
it
a
little
big
so
so
maybe
provide
another
illustration:
is
there
any
record
Ralf
fans
that
are
on
the
call
today,
if
you
remember,
if
you're
a
parent
or
you
like
wreckit-ralph
in
the
last
movie
at
the
end
of
the
movie
Ralf,
the
hero
was
playing
a
little
video
game.
He
was
inside
of
it.
D
D
We
just
returned
these
inside
of
functions
or
in
this
case,
actually
do
work
inside
the
functions.
And
so,
if
we
go
into
the
non-optimized,
bundling
we'll
want
to
bundle
these
right
and
so
I'm
gonna
go
ahead
and
kick
off
the
gulp
bundling
bundle
and
we'll
do
it
with
a
ship
to
get
a
good
representation
of
what
it
would
be
like
in
production.
Now,
I've
already
pre
bundled
these
this
morning.
Just
for
sake
of
time,
and
we
can
see
that
our
bundle
here
is
355
K
right
and
so
that's
pretty
large.
D
Imagine
if
your
webparts
or
extension
only
needed
to
access
one
of
these
two
guys
just
want
to
write
something
to
the
console
log
and
just
want
to
alert,
provide
an
alert
on
the
page,
but
because
we've
also
included
moments
and
jQuery.
Well
now
we
have
to
pull
down
the
entire
bundle
like
it
or
not.
Right
you
get
what
you
get.
You
don't
throw
a
fit
it's
kind
of
that
scenario,
but
there
is
a
better
way.
So,
let's
look
at
the
optimized,
bundling
I'll
go
ahead
and
close
that
open
up
the
optimized
bundling
close
this.
D
The
first
thing
you
may
see
is
we
have
more
typescript
files,
so
I've
separated
out
into
each
set
type
script
file.
What
it
is
that
we
want
to
have
done,
here's
our
console
and
alert.
Here's
our
jQuery,
similar
it's
the
exact
same
functionality
that
we
saw,
but
now
this
time,
instead
of
just
simply
returning
them
close
this
we're
using
some
async
and
await
properties
on
our
functions
to
provide
that
information
back
to
our
webparts
in
our
factory
origin
in
extensions.
D
So
if
we
go
back
up
to
our
pnp
demo,
we'll
go
into
optimize,
bundling
and
let's
go
back
in
their
distribution
file
and
I
won't
reap
undal
here,
just
because
of
sake
of
time
when
I
leave
plenty
of
time
for
the
other
demo.
But
you
can
see
now
when
I
bundle
this
this
morning.
Instead
of
one
big
bundle
file,
we
actually
have
separate
bundle
files
right.
So
I
can
tell
just
by
the
size
that
this
2.2
is
my
custom
functions
right.
D
They
are
very
small
if
I
open
up
my
custom
function
is
here
close
it
we
can
see
it's
just
two
small
functions
that
do
have
two
very
simple
things
that
is
only
one
kilobyte
and
then
I
can
tell
just
by
knowing
jQuery
is
a
dak
and
moment
is
267
K.
So
if
I
wanted
to
now
pull
in
just
this
functionality
to
my
web,
harder
extension
I'm
not
having
to
load
all
this
other
stuff
with
I
can
literally
just
pull
in
this
singular
item.
D
D
I've
got
a
web
part
set
up
here,
I'm
not
going
to
go
in
how
you
consume
that
there
there
is
information
on
the
documentation
on
how
to
consume
from
a
library,
I,
just
kind
of
want
to
show
the
payoff
here.
So
I've
set
up
a
simple
web
part
that
allows
it
to
import
the
various
pieces
that
I
just
identified:
I've
pre-loaded
the
library
in
my
tenant
and
I
pre-loaded,
this
web
part
of
my
tenant
with
buttons
that
will
import
each
individual
one.
D
D
So
we'll
start
with
jQuery,
so
you
can
see
BAM
I've
actually
used
jQuery
in
this
instance
to
not
only
load
it
but
then
update
this
little
panel
right
here
and
you
can
see
that
that
was
the
only
thing
that
was
loaded
was
the
1.1,
which
is
where
that
jQuery
library
is
included.
So
now
we
know
there's
an
alert
on
the
custom
functionality.
We
see.
It's
called
my
alert.
We
see
that
right
here
and
we
see
that
2.2
was
called
in
at
only
1.1
Kay.
So
now
we
benefit
there
and
then
a
moment
now.
D
If
anyone
saw
my
tweets
before
the
call
I
had
mentioned,
that
was
going
to
give
a
sneak
preview
of
the
next
great
superhero
if
you're
excited
about
Avengers,
so
that
moment
has
come.
The
MoMA
are
all
waiting
for
or
dreading
one
of
the
two.
So
we'll
go
ahead
and
import
moment
and
would
have
known
it
Parker
the
next
Avenger
operation,
PNP
right,
but
we've
imported
moments
right
here
we
can
see
that
being
pulled
in
at
zero
zero
and
we
were
able
to
utilize
it
right
here
right.
D
So
we
show
the
actual
time
that
was
the
exact
moments
that
Parker
became
the
next
Avenger,
so
very
cool
stuff.
It
really
opens
up
the
ability
to
utilize
library
components,
but
I
have
to
create
a
million
if
you
don't
want.
If
you
want
to
create
one
library
component,
that
includes
a
lot
of
functionalities.
So
it's
easier
to
maintain.
Then
you
can
optimize
the
bundling
of
it.
So
go
build
some
libraries
go
optimize,
your
bundling
and
see
Parker
and
theater
soon
and
I'll.
Just
leave
you
with
one
last
slide.
D
There
is
a
ton
of
Link's
here,
I'm
going
to
include
them
in
the
blog
post
that
I
make,
but
there's
the
overview.
There's
the
tutorial
and
there's
the
pnp
repo
that
is
now
available
and
a
lot
of
other
community
people
have
been
creating
some
fantastic
stuff.
Sir
Guy
Sergei
has
created
a
really
good
blog
varna.
D
Man
has
a
really
good
sample
here,
so
these
guys
are
awesome,
check
them
out
as
well,
and
thank
you
that's
a
he
just
pasted
it
in
the
sample
that
was
just
uploaded
that
you
saw
today
is
available
in
the
github
repo.
Now
for
you
to
go,
check
out
and
play
with
and
add
to
or
modify
so
thank
you
guys
great.
A
E
E
You
hi
guys
my
name
is
federico
porchetto.
I
am
a
co
developer
in
ireland,
italy,
italian,
basically
in
sardinia,
at
the
hour
of
the
technologies,
and
today,
I'll
show
you
on
SP.
The
SPF
extension
allows
our
a
user
to
define
the
on
page
model
and
we
use
them
easily
without
expert
paste
in
place,
but
directly
into
the
modem
marketing
site.
So
you
can
find
my
reference.
E
So,
if
you
need
to
people
often
need
to
create
people
Akali
editorial
pages
with
the
same
composition
such
a
start
sestra,
this
kind
of
needs
is
frequent
and
usually
in
internet
portal
and
most
likely
for
the
reason,
show
pointy
and
release
it
last
month
is
feature
us
out
to
the
box
in
a
SharePoint
align.
So
many
times
to
worship
went
in
for
this
really
important
improvement.
What
issue
today
is
how
to
build
our
own
feature
of
page
model,
adding
our
personally
using
experience.
E
E
So
what
they
think
is
that
we
can
market
pages
model
and
relies
on
SPF
fix
station
which
help
to
create
a
new
page
from
a
page
model
list.
So
the
P
side
is
at
the
bullish,
a
column
and
to
the
pitch
library
and
limit
is
a
model.
For
instance,
then
we
done
as
fits
list
view
comments,
annexation
using
PP,
GS
and
office
your
fabric.
We
should
dialogue
with
a
list
of
page
model,
so
we
can
start
my
demo.
E
So
this
is
my
modern
decide
and
go
to
the
fridge
library
and
we
can
see
the
command.
The
specific
succession
and,
as
you
can
see,
there
is
a
column,
is
more
than
double
n.
So
there
are
some
pages,
our
market
as
well
model
and
some
which
is
no
so
what
you
can
do
is,
for
instance,
mark
this
page
like
employee
of
the
month
as
a
mother,
and
it's
easy,
because
I
just
need
to
modify
this
column.
E
Ok,
so
what
they
did
is
market
futures
models,
so
I
can
start
to
open
my
citation
and
issue
a
model
with
should
trace
button,
and
there
are
two
choices.
The
first
provide
to
you
to
create
enough
coded
page,
defying
user
pin
pts
a
page,
and
we
create
a
page
with
our
people.
Web
part
on
the
under
eyes
declares
the
text
on
the
left
and
the
list
of
they
are
coded
and
the
other.
E
E
E
Okay
and
my
page
for
the
dialog,
it's
then
the
peace
dialer.
That
is
a
SharePoint
frame
of
dialogue.
So,
in
my
content
there
are
what
is
the
deck
instructor
and
the
first
goal,
2
p.m.
PJs,
so
I
can
retrieve
all
pages
with
his
model,
equal,
true
and
get
all
pages
and
put
inside
my
drop-down.
So
this
is
the
extractor
in
the
render
there
is
the
dialog,
obviously,
and
with
district
I
can
manage
the
state
and
I
can
choice.
E
Which
part
render
so
there
are
the
chess
group
etc?
The
most
interesting
thing
in
my
opinion
is
that
the
part
with
the
security
action
so
I
create
a
page
model
helper
with
all
my
function
and
I
create
custom,
page
method,
and
this
method
under
are
all
because
with
p.m.
PJs.
So
if
we
choose
the
kids
are,
is
a
saree
the
case
a
I
start
to
build
with
p.m.
PG
s
simple
page,
so
the
page
name
I
chose
in
the
front-end
and
revive
all
web
parts
and
what
it
did
is
build.
My.
E
As
you
can
see,
there
are
less
lines
of
code
because
the
from
strong
1
dot,
3.0
I've,
remember
well
in
PDS
or
for
these
extension
item
that
is
copy
page.
And
so,
if
you,
if
you
means
you
like
to
copy
a
page,
you
just
call
this
station
method
and
it's
a
really
easy
and
powerful
and
I
think
this
is
all
from
my
side.
So
thank
you
very
much
great.
A
Demo
really
interesting,
you
see
how
you
use
p.m.
PJs
and
move
it
in
there.
So
that's
awesome
to
see
and
a
really
great
application,
you've
written
there,
so
very
cool
demo,
the
code
and
everything
was
shared
there
in
the
chat,
a
link
to
that.
So
everybody
could
check
that
out
and
learn
from
that.
So
thank
you,
Frederico
for
that
time,
I.
A
B
Indeed,
no
Thank
You
Patrick
for
noticing
that
so
on
further
because
demo
and
the
scenario
Frederico
sample
is
actually
slightly
older.
So
it's
already
like
a
few
months
old
and
at
the
time
there
was
no
out-of-the-box
functionality
for
creating
beit's,
layouts
and
bates
Condon,
and
and
in
that
sense
the
sample
did
make
a
lot
of
sense.
B
So
obviously,
let's
definitely
not
take
it
Frederico
sample
away
from
a
key
table,
because
it
is
super
valuable
sample
showing
extensions,
PHAs
usage
access,
some
sites
and
creating
off
the
pages.
But
again,
let's
obviously
always
try
to
use
out-of-the-box
capabilities.
And
then,
if
that's
not
enough,
then
let's
extend
that.
But,
like
said,
Frederico
sample
was
created
months
before
our
escape
capability
is
now
available,
know
how
to
start
a
service
capability
work,
and
this
relates
on
the
ad
pages
as
well.
B
If
you
are
on
a
communication
side
or
a
team
site,
and
you
create
a
new
page,
you
actually
can
see
this
out-of-the-box
experience
where
you
can
actually
then
start
by
default
from
three
different
Bates
templates
and
this
an
updates
layouts,
which
is
really
important
thing
to
realize
these
are
page
templates.
So
there
is
a
significant
difference
on
that
and
I'll
explain
that
one
and
it's
in
a
few
minutes
as
well
now
what's
interesting
here,
is
also
that
there
is
the
tab
selection
and
that
one
over
there.
B
B
So
you're
able
to
then
create,
for
example,
personal
email
web
part
as
an
example
to
stay
imaginary
sample
as
an
individual
at
page,
so
you
don't
have
to
which
cannot
be
modified,
there's
no,
no
additional
texts
and
that
so
you
will
have
a
scene
full
page,
a
page
available
now
I'll
come
back
on
that
one
in
a
second,
let's
create
first
one
page
create
a
new
page
using
this
basic
text.
I'll
show
you
how
this
works
in
practice.
There's
my
basic
page.
It
dissipates
template.
Why
not
a
page
template
a
layout?
Why?
B
Because
it's
just
the
structure
of
debate,
so
you're
able
to
basically
then
still
modify
the
page.
It's
a
starting
point
for
you
to
take
advantage
within
your
structure.
So
anybody
end
users
can
do
this,
modify
this.
They
can
do
whatever
they
want
within
the
content.
Let's
add
here,
demo
:
number
three
and
that's
really
cool
super
super
cool
page
cool
page
I'm
not
going
to
modify
this
too
much
I'm
gonna
publish
that
one
in
my
site
and
then
we
can
actually
say
this
interesting
new
capability,
which
is
save
page
as
a
template.
B
So
you
save
as
a
page
template
means
that
I'm
actually
taking
now
this
page,
which
I
was
warned
which
I
just
created
and
saving
this
as
a
new
template.
So
let's
give
me
the
name
of
my
or
some
new
page
template,
and
we
can
see
here.
I
can
still
modify
this.
Let's
actually
modify
that
to
be
call
number
three
and
smaller
smaller
text.
If
I
can
write,
I
can't
write
smaller
text
there
we
go
and
let's
save
that
dissipates
template.
So
it's
pretty
obvious.
B
B
Interesting!
Let
me
get
in
here.
They
will
say
interesting.
Hippo,
hiccup
related
on
the
home
link
now
also
now
create
a
new
page.
It's
pretty
obvious
that
we
will
actually
see
my
custom
additional
dates
available
as
well.
I
can
select
that
one.
It
will
render
that
one
on
right
side
and
you
were
able
to
say
that
it's,
it's
actually
my
custom,
a
third
page
layout
option
page
in
this
case
and
now
related
on
this
one
absolutely
extend
the
single
beta
parts
or
single
page,
this
single
part
at
pages
as
so.
B
These
are
basically
app
pages
which
web
part,
which
has
been
defined
to
be
available
as
an
app
page,
so
I'm
able
to
create
a
page
based
on
a
personal
email,
email
sitting.
I
will
create
the
page,
and
you
are
able
to
do
this
in
the
SharePoint
framework,
starting
from
1.8.
Well,
actually,
yeah
1.8
for
GA
I
can
say
that
I
want
to
say
three
emails.
Let's
give
it
a
name
sample
name
and
let's
save
that
and
voila.
B
We
have
a
full-page
rendered
web
part
where
you
own
the
whole
area
on
the
base,
except
the
header
and
the
top
header
over
there
classic
questions.
What
people
are
always
asking
when
they
see
this
is
that
well,
can
I
modify
the
header,
can
I
get
rid
of
the
header
and
you
can
actually
modify
the
header
based
on
the
header
settings,
but
you
can't
get
rid
of
the
header
for
it.
B
So
there
is
no
support
at
all
that
works
way
of
hiding
and
the
SharePoint
hitter
in
here,
and
that
is
by
design
based
on
the
design
people
in
in
SharePoint
and
there's
no
way
of
us
hiding
the
top
level
either.
Now
there
might
be
that
will
introduce
a
way
of
getting
rid
of
the
the
top-level
section
or
the
header
section
away.
So
please
vote
use
a
voice
and
use
the
user
voice
for
influencing
on
this
decision.
So,
but
this
is
the
current
implementation.
It
is
now
getting
rolled
out.
B
B
There's
questions
related
on
I
can
use
the
template
in
multiple
sites
and,
if
we're
really
cool,
to
combine
this
with
a
a
organizational
assets
and
I
absolutely
agree
on
those.
So,
first
of
all
right
now
this
is
so
to
say
how
would
I
put
it?
It's
a
minimal,
Viable,
Product
version,
which
means
that
it's
relatively
simple,
it's
a
starting
point
and
it
only
works
in
a
single
one
site
at
the
time
now.
B
Technically,
what
you
can
do
is
that
you're
able
to
use
provisioning
or
something
else
to
get
these
templates
to
all
of
the
sites,
so
that
is
absolutely
possible,
because
what
actually
happens
behind
the
scenes
is
that
we
dynamically
create
a
pages
template
library,
templates,
folder
inside
of
the
site
pages
library
and
there
we
actually
have
the
actual
base
layout,
which
is
my
which
we
created.
So
it
is
actually
a
page,
but
it
has
been
marked
to
be
a
page
template.
B
So
you
could
actually
replicate
this
to
be
available
in
multiple
signs,
but
they
will
be
separate
instances
now,
sooner
or
later,
yes,
there
will
be
a
or
can
I
organizational
white,
Bates
templates
provided
by
Microsoft,
but
I
can't
give
you
any
timelines
on
that.
It
is
absolutely
in
the
in
the
roadmap.
When
do
we
get
to
that
ultimate
Island?
That's
a
separate
discussion
now.
Customer
part
pages
can
be
absolutely
used
in
on
white.
So
you're
able
to
that's
a
good
discussion
on
that
one.
B
So
in
these
one
here
you
can
deploy
a
SBS
PB
gate
if
I'll
activate
that
one
in
a
tenant
level
and
then
that
same
web
part
will
be
available
across
all
of
the
sites
within
your
tenant.
The
same
wave
part
with
me
also
exposed
as
a
team
tab
and
as
a
normal
web
part,
so
you
can
actually
have
multiple
options
available
form
a
single
web
part
as
well.
Now,
on
Christians
question
put
based
on
the
templates
folder,
that's
not
enough.
B
There
is
a
attribute,
so
there's
a
metadata
linking
on
the
property
of
the
ayat
and
if
I
remember
correctly,
we
will
look
on
getting
that.
One
document
that
so
how
what
are
the
things,
how
to
get
things
provisioned
properly
and
Thank,
You
Patrick
great
timing
to
move
back
on
the
motion
of
the
presentation.
B
It's
our
plan
to
support
app
in
mobile
devices.
Absolutely
yes,
the
desktop
teams
and
the
mobile
teams
they're
actually
having
problems
because
of
the
the
authentication
models
and
which
is
related
on
Azure
ad
and
how,
after
ad
access
tokens,
are
being
handled
and
and
a
dulces
implementation,
and
all
of
that.
So
it's
it's
a
long
story,
but
we're
looking
into
making
all
of
this
happen
in
mobile
devices
and
in
the
desktop
UI
is
as
well,
and
those
changes
should
be
rolling
out
relatively
soon,
but
I
think
that's
it
from
the
questions
side
as
well.
Also.
A
So
for
demos,
today,
three
great
demos
from
Rama
and
David
and
Frederico,
and
then
a
bonus
demo
from
visa,
a
fantastic
call
just
want
to
remind
folks
our
next
call
will
be
in
two
weeks:
May,
9th
2019
and
the
next
that's
in
two
weeks,
and
then
the
next
general
development
specialist
group
will
be
next
Thursday,
which
is
May,
2nd,
look
forward
to
talking
to
you
all,
then
thank
you
all
for
the
call
today.
I
think
today
might
have
been
a
record
attendance
for
us.
So
very
much
appreciate
that.
Thank
you.
Thank
you.