►
Description
Recording of SPFx and JavaScript development in SharePoint Community Call from 23rd of May. 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.
- Vesa Juvonen (Microsoft) – @vesajuvonen - Preview of Fluid Framework and SharePoint Framework integration (12:59)
- Ejaz Hussain (Content and Code) – @EjazHussain_ - Retrieving and presenting dynamic reports using Microsoft Graph data (28:07)
- Ramin Ahmadi (Content and Code) - @raminahmadi1986 – Using Material UI Components in SharePoint Framework solutions (37:29)
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
this
week's
SharePoint
framework
in
JavaScript
special
interest
group
bi-weekly-
sync,
it
is
May
23rd
2019.
Thank
you
all
for
joining
us
here
on
the
recording
and
our
here
in
the
meeting,
as
well
as
folks
watching
the
recording
at
home
or
your
office
or
wherever
you
might
watch
the
recordings.
Our
agenda
for
this
week.
We'll
have
our
quick
recap
are
up.
A
Later
on,
the
call,
as
always,
if
you
like
to
mention
we're
not
using
Microsoft
teams,
not
because
we
don't
want
to,
but
because
it
doesn't
quite
yet
support
some
of
the
meeting
features
we
need
in
terms
of
running
this
meeting
the
way
we've
been
running
it
and
allowing
folks
from
the
community
to
participate
and
do
the
demos,
so
we
will
switch
over
just
as
soon
as
we
can
I
know.
We
get
questions
on
that
just
about
every
week,
so
we
dropped
the
slide
in
here.
A
Often
we
get
asked
how
do
I
get
more
involved
or
how
do
I
participate
in
the
patterns
and
practices
program
and
there's
teased
me
a
couple
great
ways
to
do
that.
The
first
my
the
way
I
really
encourage
everybody
is,
if
you
have
a
demo,
you'd
like
to
do
on
the
call.
So
this
might
be
something
SPF.
X
related
might
be
something
from
the
PNP
family
of
libraries
related
or
both
used
together.
A
We've
seen
some
really
cool
demos
that
way
as
well,
but
demo
demo
demo
demo
get
in
touch
with
myself
where
they
said
we'll
get
you
on
a
call.
It
might
not
be
like
immediate
next
call,
because
we
do
sometimes
have
them
booked
out,
but
we
will
get
you
on
a
call
we'll
get
you
a
spot
really
excited
to
see
those
demos,
the
the
stuff,
the
folks
out
there
in
the
community
are
building,
is
really
exciting.
To
see
and
I
know,
I
learn
a
little
bit
each
time.
A
I
see
those
demos
so
really
excited
for
that,
and
those
demos
can
really
be
just
about
anything
SPF
X
at
P
and
P
related
and
would
love
to
see
it
as
well.
You
can
always
contribute
on
github
great
ways
to
contribute
are
if
you
find
issues
in
any
of
our
libraries
or
controls
or
whatnot
yeoman
generator.
Please
report
those
that's
the
first
step
in
getting
them
fixed.
So
if
you
find
a
problem-
and
it's
it's
frustrating-
you
don't
just
be
frustrated,
please
let
us
know
we
would
like
to
get
that
fixed.
A
You
know,
as
soon
as
we
can
or
as
soon
as
time
permits
as
well.
If
you
find
something
that
you
have
a
little
bit
of
time
and
would
like
to
help
fix
it,
you
can
always
submit
pull
requests.
We
welcome
pull
requests
from
everybody
out
there
across
all
of
the
libraries
so
happy
or
sorry.
I,
rather
I
encourage
you
to
do
submit
pull
requests.
A
If
you
have
a
little
bit
of
time,
you
know
that's
always
very
much
appreciated
because
it
gets
things
may
be
fixed
or
adds
new
features
a
little
bit
faster
than
necessarily
waiting
on
the
core
team
folks
to
get
there
and
then.
Lastly,
if
you
have
a
few
minutes
and
just
scan
through
the
issues
list-
and
maybe
you
see
an
issue
you've
run
into
before-
you
have
to
know
the
answer
for
just
drop
in
and
answer
that-
a
great
quick
way
to
contribute
and
give
back
a
little
bit
to
the
community
and
it
really
helps
unblock.
A
You
know
somebody
that
might
have
had
an
issue,
maybe
you've
already
solved
or
you've
already
seen
and
just
pass
on
that
knowledge
is
a
really
great
way
as
well
to
contribute
and
then
finally,
you
can
always
provide
feedback.
We
are
always
receptive
to
feedback
from
everybody
in
the
community.
So
how
are
these
calls
going?
What
kind
of
documentation
needs
do
you
have?
Where
can
we
help?
What
can
we
do
to
help
and
as
well
always
likes
a
positive
feedback?
Is
okay
too?
A
We
will
do
our
best
to
you
know,
update
things
or
change
things
based
on
that
feedback,
but
change
isn't
always
a
rapid
process,
so
don't
get
too
stir
discouraged.
If
you
give
us
some
feedback
and
you
don't
see
a
media
Changez,
it's
not
necessarily
because
we
didn't
value
that
feedback.
It's
because
sometimes
it
just
you
know,
takes
time
to
move
a
ship.
So
with
that
said,
pass
things
over
to
VAE,
so
for
our
SharePoint
framework
update
and
the
latest
from
SPC
excellent.
B
Excellent
Thank,
You
Patrick,
obviously
we'll
kind
of
talk
about
a
lot
of
the
stuff
announcements
and
SPC
in
the
upcoming
course
as
well,
and
do
live
demos
and
those
things
we
do
have
a
to
community
demos
today.
So
I'm
not
going
to
spend
too
much
time
on
here,
but
I'm
gonna
do
a
quick
demo
and
then
talk
about
updates
on
the
roadmap.
So
it's
official
updates
on
the
roadmap
sites
as
well,
which
we
talked
in
SPC
and
and
like
said
on,
that
coming
Cosmo.
B
Definitely
cultural,
more
details
live
demos
on
the
on
the
capabilities
as
we
move
along
on
this
journey
on
improving
their
developer
platform
in
SharePoint
Online.
Now,
Shepard
abducts,
okay,
missus,
PDF
doc,
step
on
their
videos.
They
came
as
a
speed
up
videos.
Also
the
recordings
will
be
there.
This
one
will
be
there
recorded.
Recording
will
be
there
in
24
hours.
Sharepoint
of
issues
there
as
well
is
a
good
location
for
reporting,
any
old
issues
which
you
can
actually
find
in
to
API
surface.
B
Now,
a
few
updates
on
the
SharePoint
framework,
you
sheets-
and
this
is
kind
of
a
classic
slide
which
I
keep
on
updating.
Every
single
week
this
is
including
Monday
and
Tuesday
from
this
week,
and
you
can
actually
see
that
the
growth
rates
are
still
skyrocketing.
It
is
pretty
much
45
degree
vertical
right
now,
going
up
on
the
reduce
its
per
user
and
that's
actually
unheard
of
so
never
seen
similar
kind
of
adoption
curve
with
anything
within
the
cloud
in
the
office
365
or
most
of
traces
court
side.
So
the
growth
is
just
unheard
of.
B
Many
of
you
actually
in
this
PC
as
well,
people
are
asking
okay.
So
what's
the
metric?
What
are
we
looking
at
here?
And
this
is
something
which
we
can't
like
I'm,
not
gonna,
explain
to
details.
We
do
have
a
certain.
Let's
say
it's,
not
a
highly
scientific
but
quite
scientific
metric,
which
we
measure
the
usage
of
all
of
our
extensibility
platforms
in
office
365,
so
season,
maybe
hours,
rest
api
graph,
api
officer
and
sharepoint
are
in
stanishev
and
framework
and
and
that
metric
a
details
is
quite
difficult
to
understand.
B
So
this
one
was
the
one
updated
workmen
slide,
which
we
used
on
Tuesday
in
the
SharePoint
into
def
keynote
quickly,
just
updating
a
one
step
at
a
time
this.
Basically,
we
kind
of
do
live
demos,
and
these
in
the
upcoming
course
as
well.
But
these
are
the
main
topics
which
we
are
currently
working
on.
So,
first
of
all,
moving
into
monthly
or,
let's
say
a
more
rapid,
but
we're
planning
to
go
to
monthly,
a
release
cycle
with
SharePoint
framework.
So
the
idea
here
is
that
you
will
know
when
there
will
be
a
new
version
available.
B
So
don't
hit
worry
about.
Is
it
coming
next
week
week?
After
all
when
it
will
be
always
a
version
on
a
second
Tuesday
of
every
single
month?
That's
actually
our
talking
so
the
next
time
the
1.9
version
would
be
coming
out
is
within
3
weeks
and
then
we'll
move
into
this
monthly
cycle,
hopefully
directly
from
there,
which
should
help
on
everybody
to
understand
when
there
will
be
new
new
versions
available,
will
also
work
on
the
themes.
B
Integration
improvements
like
the
private
tabs
and
support
is
coming
up
that
was
announced
or
talked
about
yesterday
in
the
themes
and
SPF
X
solution
in
SPC
general
availability
of
library
components
is
coming
with
the
next
release
of
SharePoint
framework,
so
that
should
be
there
in
1.9
or
I.
Can
pretty
much
promise
that
too,
in
1.9,
whenever
that's
coming
out
in
the
June
timeframe
office
audience
which
happened
framework?
We
did
actually
do
a
live
demo
on
this
one.
B
Two
weeks
ago
in
this
community
call
it's
kind
of
sneak
preview,
we're
looking
into
making
that
to
preview
status.
Quite
soon
it
might
be
in
1.9.
It
might
be
on
the
next
one
again
slightly
depending
on
the
under
internal
resourcing
and
in
our
availability.
But
that's
really.
The
beauty
of
this
monthly
release
is.
Is
that
if
something
is
made
is
missing
the
window
for
deployment
for
that
particular
month?
B
It's
gonna
be
out
the
next
month,
so
everybody
will
know
exactly
when
the
following
races
really
spoke
coming
out,
so
that
should
help
on
everybody
on
planning
content,
security
policy
CSP.
This
is
really
a
technology
which
browsers
are
supporting
to
be
able
to
limit
the
visibility
or
to
be
able
to
say
that
provide
you
additional
security
on
not
downloading
any
random
javascript
file
from
non
support
domains.
B
So
this
one
will
give
you
a
dish
instead
of
support
ability
in
the
in
the
browser
and
in
the
cloud
world,
then
we
have
see
some
dotnet
standard
being
worked
on
actively.
I
would
estimate
weeks
rather
than
many
many
months.
The
weeks
can
turn
into
smaller
number
of
months,
but
it's
definitely
coming
out
and
we're
looking
into
also
open
sourcing
to
yeoman
generated
out
of
the
box,
one
which
will
then
also
mean
that
we're
looking
into
what
does
it
mean
for
the
PMP
yeoman
generator,
where
we
keep
they're
still
separate.
B
When
do
we
actually
merge
them
together?
As
of
one
single
set
of
human
generator,
tooling,
which
you
can
take
advantage
on
top
of
the
mine
additional
content?
Extensions
for
modern
pages,
so
that
we
will
definitely
have
options
to
override
functionalities
in
the
in
the
UI
so
basically
are
able
to
do
classic.
You
don't
need
to
do
obviously
do
not
support
custom
master
pages
in
modern,
but
you're
able
to
achieve
similar
capabilities
by
overriding,
let's
say:
navigation
or
top
hitter
or
some
other
settings
on
the
page
and
impairing
your
own
extensibility
over
there.
B
B
Many
guidance
but
there's
an
API
changes
coming
there
as
well,
which
should
help
you
on
dealing
with
the
throttling
developer
tool
improvements
for
SPF
X,
which
is
a
cool
thing
as
well.
We
are
kind
of
maturing
the
SPF
X,
so
now
we
start
polishing
that
up
making
sure
that
it's
more
mature
making
sure
that
any
kind
of
a
challenge
is
in
the
dev
tooling
are
gonna,
be
polished
out
into
SPF
X.
B
What
version
conflicts
or
resin
confusion,
and
all
of
that
stuff
is
in
our
target
for
that
one,
and
then
the
store
story
for
s
basic
solution.
We
do
know
that
this
has
been
in
our
agenda
for
quite
a
long
time.
It's
a
complex
topic
because
we
do
have
well
we're
we're
combining
quite
a
few
stores
currently
in
Microsoft
and
now
we're
gonna
make
the
right
decision
with
the
store
story
for
SharePoint
framework,
so
that
you
don't
have
to
then
move
your
extensibility
out
your
offering
from
one
store
to
another.
B
So
that
is
definitely
in
progress,
but
we
have
also
dependencies
and
other
teams,
and
hopefully
they
can
get
this
sorted
out
within
months
or
so
so
then
you
can
actually.
Finally,
as
an
independent
developer,
it
you
know
for
your
big
parts
to
store
for
anybody
to
take
advantage
and
I.
Think
that's
really
cool
and
definitely
we'll
have
more
details
on
that
one.
When
we
get
everything
sorted
out,
huge
and
now
I'm
gonna
do
a
quick
demo
on
the
Floyd
framework
on
SharePoint
framework
wit,
but
it's
nothing.
B
B
This
is
a
quick
demo
on
using
shame,
point
framework
to
host
fluid
framework
components
which
are
document
fragments
or
document
government
components
inside
of
the
SharePoint
Online,
and
so
this
one
you
can
see
actually
two
different
house
windows
in
this
screen
and
in
most
workers
last
week
after
using
three
different
identities.
But
it
doesn't
really
matter,
and
you
can
actually
understand
what
I'm
doing
here,
I'm
gonna
when
we
are
editing
something
you
can
actually
me
see
near
real-time
editing
between
the
windows
and
between
the
sessions
and
between
the
identities.
B
So,
basically,
fluid
framework
is
really
around
the
fact
that
we
can
expose
set
of
fragments
of
the
documents,
for
example
in
SharePoint
framework
or
in
lots
of
themes,
and
that
fragment
is
automatically
connected
to
the
original
source,
and
that
means
that
I
can
actually
see
any.
It
is
what
is
being
done
on
the
other
side.
Immediate
Amanda
Erica's
been
committed
and
that
in
this
time,
I'm
actually
using
a
table.
B
B
Also,
is
that
these
all
of
these,
this
rows
and
cells
and
everything
else
are
independent
cells,
so
I
can
actually
operate
this
with
this
component
and
I
can
store
it
and
I
can
adjust
and
I
can
modify
this
based
on
whatever
settings
in
here,
but
and
the
connectivity
to
the
original
source
still
remain
so
it's
able
to
actually
detect
what
is
the
identity
of
the
original
field,
and
you
can
actually
see
the
edits
and
getting
reflected
on
different
levels.
So
you
find
out
go
to
this
number
10.
B
Is
it
a
SharePoint
Online
or
is
it
at
my
stuff
teams
like
presented
in
the
past
in
the
in
the
month
of
build
Hugh
is
back.
It
doesn't
really
matter.
It
gives
the
dynamic
connectivity
to
the
original
data
and
the
connectivity
remains
regardless,
where
the
component
has
been
placed,
but
that's
a
quick
demo
around
the
fluid
and
SharePoint
framework
working
together
as
a
preview
capability
over
at
this
is
not
yet
coming
out.
B
So
we're
using
the
fluid
framework,
which
again
was
announced
in
the
Microsoft
build
two
weeks
ago
for
doing
real
lifetime
edits
and
those
edits
have
been
available
across
browsers
course,
identities
from
the
document
and
updating
on
the
other
people's
browsers,
so
basically
editing
our
modifications
of
documents
or
the
fractions
of
documents
which
are
visible
in
the
Microsoft
in
a
SharePoint
UI
as
well.
Now,
let's
actually
move
into
the
be
MBTA's
client-side
driver
assigned
I
think
you
have
some
interesting
news
in
here
as
well
now
Patrick.
Yes,
all.
A
Right
so
one
give
people
a
little
bit
of
a
preview
on
v2
and,
what's
coming
with,
that,
will
do
full
demos
and
things
that
the
European
collaboration
summit
next
week
and
then
as
well.
Coming
back
to
this
call
after
the
collapse
summit,
we'll
do
some
more
in-depth
demoing,
but
did
want
to
give
people
a
little
bit
of
a
heads
up
of
what's
coming
and
let
you
know
a
little
bit
as
well
on
how
to
get
involved.
A
So
there's
going
to
be
some
structural
changes
in
v2,
we're
only
gonna
end
up
exposing
interfaces
and
factories
out
of
the
library
that
we'll
have
maybe
some
impact
on
you,
depending
on
how
you
use
the
library,
but
the
the
fluent
nature
of
the
library
will
remain
unchanged.
So
if
you
were
using
the
library
and
saying
like
SP,
web
dot
and
so
forth,
that
will
remain
unchanged
in
your
code
will
not
have
to
change
as
well
we're
gonna
have
this
introduces
concept
of
selective
imports.
A
One
of
the
big
challenges
we've
had
over
whatever
the
years
now
is,
as
the
library
has
grown
and
as
we've
added
more
capabilities-
and
this
is
gonna
sound
dumb.
But
the
you
know,
library
size
has
also
grown,
meaning
your
package
size
at
the
end
of
the
day
grows.
So
even
if
you
just
used
one
method
on
web,
you
end
up
with
the
entire
pn
p
JS
package
being
added
into
your
project,
which
can
lead
to
some
very
large
package
sizes
for
what
turns
out
to
be
very
simple
functionality.
A
So
we're
gonna
give
everybody
the
the
ability
to
selectively
import
just
the
pieces
you
need,
so
you
can
import
just
the
web's
and
lists.
If
that's
all
you
need,
or
just
webs,
perhaps
or
just
the
pieces.
You
need
and
we'll
have
lots
of
details
on
that
coming.
But
it
really
is
gonna
give
folks
a
great
amount
of
power
to
import
just
what
they
need
and
then
we're
also
gonna
have
documentation
on
using
that
technique
to
create
your
own
bundles.
That
can
then
be
reused
as
SPF
x,
libraries,
for
example,
and
things
like
that.
A
So
we'll
have
a
lot
of
documentation
there,
but
again
giving
some
power
to
folks
to
be
able
to
import
just
the
things
they
need,
meaning
we
can
continue
to
grow
their
functionality
with
less
worried
about.
You
know
the
eventual
total
file
size
that
we're
generating
and
then
this
release
is
going
to
be
a
lot
about
paying
off
our
technical
debt.
So
all
methods
and
properties
at
the
end
of
this
when
we
go
live
with
v2
are
gonna
have
at
least
one
test
and
then
all
methods
and
properties
are
going
to
be
documented.
A
So
we
have
a
lot
of
stuff
that
isn't
explicitly
documented
we're
gonna
fix
that
and
as
well
we're
gonna
more
samples
in
the
documentation
and
then
moving
forward.
We're
gonna
have
a
couple
of
new
rules
that
all
pr's
and
have
to
update
associated
Docs
and
tests
may
be
adding
tests
if
there's
new
functionality
and
so
forth,
and
then
any
PR
that
fixes
an
issue
needs
to
also
add
a
test
to
ensure
that
issue
is
resolved
and
we
catch
it
if
it
comes
up
again
in
the
future.
A
You
know
how
to
get
started,
how
to
use
the
library
with
better
documentation
and
better
tests
to
ensure
that
the
library
stays
more
stable,
moving
forward,
because,
again,
looking
at
how
much
usage
we
have
and
that
size
of
that
number,
we
now
have
a
little
bit
more
responsibility
on
the
library
side
to
really
really
deliver,
not
that
we
haven't
been
delivering
a
great
product,
but
an
even
better
product
and
then
easier
to
use
product
which
comes
with
I,
think
all
that
documentation.
So
our
motto
for
v2
is
going
to
be
users
first.
A
So
the
idea
being
that
documentation,
the
tests
and
so
forth
really
give
users
of
the
library
the
best
experience
and
then
finally
I
wanted
to
mention
that
the
if
you
want
to
help-
and
we
need
lots
of
help.
Obviously,
if
we're
going
to
document
all
these
things
and
write
all
these
tests,
we
would
love
some
help
with
that.
So
please
check
out
the
readme
there's
a
new
branch,
dev
v2
in
the
PM
PJs
repository
and
that
readme
it
outlines
how
to
get
started.
A
We've
got
David
Warner,
Julie,
Turner
and
Simon
again,
who
will
also
be
helping
out
with
some
of
the
management
and
tasking
of
that
stuff,
but
check
out
that
readme?
If
you
have
questions,
let
us
know
and
if
you'd
like
to
help
we'd
love
to
have
your
help
and
again,
if
you're
gonna
be
at
collaboration
summit
next
week,
we'll
have
demos
on
a
lot
of
the
stuff
I
mentioned
here.
For
now
the
existing
one,
no
documentation
is
there
at
PMP
github
do
slash
p.m.
PJs.
A
You
can
follow
the
hash
tag,
team
PJs
on
Twitter,
and
you
can
always
follow
me
on
twitter,
at
mediocre,
bowler
and
I'm
I'm.
Pretty
quiet,
so
you
won't
get
a
ton
of
noise
out
of
me
so
excited
to
introduce
the
v-2
stuff
excited
to
start
demoing
that
and
get
that
out
there
for
folks
and
I.
Think
it's
gonna
be
a
really
great
release
and
that
will
probably
be
targeted
for
mid
summer.
So
we
will
we'll
see
there
so
updates.
Now
on
the
office,
365
CLI
there's
a
new
release
out
121
1.21.
A
It's
got
new
commands
for
updating
settings
of
Microsoft
teams,
deleting
site
content
types
listing
users
from
specific
groups
or
teams,
cloning,
Microsoft
teams,
and
then
also
you
can
now
update
or
sorry
upgrade
your
SharePoint
framework
projects
to
18.2.
So
that's
a
really
exciting
capability.
If
you
haven't
used
the
CLI
before
it's
a
great
tool
to
have
in
your
tool
bag,
the
I'm
set
up
before
the
upgrading,
your
SharePoint
SharePoint
framework
projects
capability
alone
makes
it
worth
having
for
your
for
your
work
but
as
well.
A
All
the
other
commands
make
it
a
super
simple
tool
to
use
cross
platform
for
managing
your
SharePoint
environments,
so
check
it
out
as
well.
You
can
always
get
the
first
preview
of
v2.
That's
got
simplified
login
capabilities,
that's
at
PNP,
slash
office,
65
CLI
at
2:00,
we'll
give
you
that
as
a
beta,
so
don't
consider
that
coronal
court
production-ready,
but
do
please
check
that
out
and
then
would
love
to
have.
A
You
know
feedback
there
for
this
project,
so
you
can
always
install
the
latest
beta
from
NPM
and
then
more
information
at
a
kms,
/oh,
365
CLI.
You
can
follow
the
hashtag
office,
rusa
CLI
on
twitter
and
there's
AG
inner
channel
as
well
for
questions
around
the
CLI
moving
on
to
reusable
component
updates.
So
two
slides
on
this
there's
been
so
much
work.
We've
had
to
break
apart,
the
two
sets
of
controls
and
what
do
I
mean
by
the
two
sets
of
controls,
the
first
set
of
controls,
our
property,
paying
controls.
A
So
these
are
controls
you
would
use
in
the
Edit
pane
of
your
webparts
that
really
have
great
capabilities
around
picking
dates
and
times
picking,
users,
picking
taxonomy
terms
and
and
other
capabilities
like
that,
so
god
I'm
not
going
to
read
each
of
these
things
but
got
a
whole
set
of
enhancements,
fixes
and
big
thanks
to
the
contributors,
Alex
and
Ward.
From
this,
the
contributors
for
this
release
there's
been
lots
of
other
contributors.
A
A
This
is
released
one
13-2
thanks
to
papa
das,
thomas
roberts
and
alex
for
contributing
on
this
release.
Again,
lots
of
other
folks
have
contributed.
These
are
the
ones
for
this
release
and
then
really
really
cool
and
then
I've
set
up
before
a
great
way
to
jumpstart.
You
know
your
projects
and
get
some
great
functionality
without
having
to
write
it
yourself
and
these
the
react,
controls
and
the
property
paint
controls
are
as
well
a
great
great
way
to
kind
of.
A
If
you
want
to
start
contributing,
it's
a
great
way
to
get
involved,
because
each
control
is
fairly
atomic
and
isolated,
and
if
you
want
to
write
it
control,
it's
not
quite
maybe
as
daunting
as
some
of
the
things
so
get
in.
There
contribute
on
the
controls
or
contribute
across
any
of
the
projects.
It's
very
much
always
appreciated,
and
finally,
we'll
mention
the
PPS
VFX
community
yeoman
generator.
A
So
this
is
a
yeoman
generator
built
on
top
of
the
out-of-the-box
SharePoint
framework
generator,
which
allows
you
to
create
just
regular
old
SharePoint
framework
projects,
so
under
the
hood
you're
getting
all
the
same
out-of-the-box
libraries
and
functionality
and
dependencies,
but
you
have
the
additional
capabilities
to
have
a
little
bit
more
control
over
creating
your
solution.
You
have
some
additional
choices
in
the
menus
and
you
can
add
a
lot
of
things
you
can't
add
in
the
out-of-the-box
yeoman
generator
such
as
angular
View,
and
things
like
that
so
as
well,
you
can
always
add
stuff
like
jquery.
A
Ppg
is
the
reusable
controls.
We
talked
about
the
CLI
to
your
project,
things
like
that.
It
really
makes
it
easy
to
create
your
SharePoint
framework
projects.
It's
really
an
enhanced
kind
of
experience
there,
and
this
is
something
they
so
I
was
talking
about
earlier,
the
out-of-the-box
one,
maybe
open
sourced.
So
we
will
see
what
the
relationship
of
these
things
is
going
forward.
A
That's
still
TBD,
but
for
now
please
check
this
out
new
release,
11.8
and
then
you
always
install
that
with
NPM
install
G
at
P,
NP,
/,
generator
SPF
X
for
more
information
check
out
the
links
there
and
the
hashtag
PNP
SPF
X
on
Twitter.
Moving
that
into
the
demos
it
jazz.
Are
you
ready
to
go
I'm
ready
great
now,
if
you
want
to
take
over
peg.
C
Hey
so
so,
first
of
all,
to
start
with
everyone,
my
name
is
joseanne,
and
today
I
will
be
presenting
a
SPF
expert
par
which
dynamically
generate
office,
365
reports
using
graph,
API
and
Hertz,
and
after
that,
the
data
we
get.
We
have
some
integration
with
HR
j
s.
So
to
start
with,
before
I
jump
into
my
at
the
next
slide.
Let
me
jump
show
you
the
most
of
a
part
look
like
and
then
we
can
talk
about
works
actually
the
company.
What
are
the
components
in
the
web
part?
C
Ok,
so
that's
a
part
SPF
X
part
which
has
rip
office365
reports
of
three
different
areas,
sharepoint
onedrive
and
outlook.
So
if
we
talk
about
the
sharepoint,
the
first
one
is:
let's
pass.
We
have
a
SharePoint
site
user
to
reports,
so
so
this
is
bar
chart.
So
basically,
by
default
is
loading
with
seven
days.
If
you
click
on
30
days
or
90
days
is
retrieve
dynamically,
basically
retrieve
the
data
and
re-render
that
chart
and
if
you
so
I
mean
it
worth
noting
one
more
thing
here.
C
Basically,
I've
also
used
material
UI
here
for
for
this
tab,
menu
here
and
also
a
few
other
components
which
are
using
their
for
from
the
reactor
material
UI.
So
if
I
go
and
let's
publish
upon
activity-
and
you
see
for
30
days
or
90
days
and
then
vice
versa,
so
you
have
some
reports
coming
from
the
shape.
One
point
of
view
so
I
have
like
more
than
in
this
tab.
I
have
a
more
than
one
charts
displaying,
so
this
one
is
showing
total
number
of
total
total
and
active
sites.
C
In
my
can
it
so
you
can
have
different
dynamic
options
there
and
if
we
go
to
one
dry,
its
again
same
different
reports
related
to
onedrive
and
if
we
go
to
I
think
this
is
really
cool.
So
you
can
basically
click
on
this
once
and
you
can
hide
those
one
and
just
see
which
one
which
information
you
are
interested
in.
C
So
that's
really
cool
here
and
say
if
you
could
but
look
again,
this
reports,
which
are
available,
which
is
email
activity
by
you,
the
detail
and
you
can
see
how
many
emails
and
receive
and
read
so
yeah.
So
that's!
This
is
my
the
part
and
if
we
now
talk
about
what's
actually
in
that
web
part
and
what
are
the
components,
let
me
go
back
to
Mari
slide
and.
C
So
we
have
so
what,
in
their
part,
components
they're
about
four
four
different
types
of
different
scenarios,
which
I
think
is
worth
mentioning
number
one
perhaps
UI
you
saw
coming
from
here.
You
are
react
and
if
we
talk
about
marks
of
graph
API
integration
now
so
I'm
gonna
show
you
the
chord
afterwards
as
well.
So
my
max
of
graph
integration
I
have
use
dependency
injection
pattern.
C
I'm
gonna
show
you
in
a
minute.
Yeah
part,
has
written
really
really
nice
post
about
dependency.
Injection
pattern
are
probably
much
sure
if
let
me
just
just
a
code
to
show
at
the
same
time.
So
so
that's
basically
the
graph
dependency
and
you
can
factor
so
if
you
are
looking
to
have,
if
you
have
multiple
web
part
consuming
graph,
API
I
think
this
is
the
best
approach
you
know.
Different
web
parts
can
consume
centrally
available
graph
service,
so
yeah
the
course
are.
This
is
available,
so
you
can
check.
C
All
you
have
to
do
is
basically
create
a
service
scope,
and
then
you
have
those
endpoints
which
have
used,
for
example,
for
the
SharePoint
users
reports.
So
you
have
that
endpoint
is
being
used,
so
you
can
see
which
endpoint
has
been
used
now
n
is
worth
mentioning
here:
I've
used
that
better
version
of
the
force,
because
the
better
version
basically
provides
you
a
ability
to
tell
watch
what
type
of
data
in
which
format
of
data
you
want
to
retrieve
the
data
so
and
I,
don't
think
so.
C
It's
available
in
the
other,
which
is
the
broad
one.
So
I
I
wanted
to
get
in
JSON
format,
so
you
basically
specify
which
type
of
format
of
the
data
you
want,
so
that
that's
really
really
powerful
and
cool.
So
you
can
check
basically
how
these
have
been
done
here
and
so
that's
that
and
then
a
graph
API
permission
graph,
API
permission
to
retrieve
office.
C
If
you
use
it
reports,
so
we
need
reports,
dot,
V,
dot,
all
permissions
and
yes,
there's
a
nice
tutorials
out
there
I've
gone
to
the
slide
with
reference
you
can
check
and
then
the
chart,
implementation,
basil
and
visually
force
which
I
use
the
charge
GS
library.
So
let
me
go
back
to
the
code
and
show
you
all
this
in
action.
C
So
that's
the
graph
service.
We
will
talk
about
and
if
I
go
into
one
of
the
component,
which
is
say
ketchup
on
site,
used
reports.
So
what
I'm
getting
here
is
I'm
getting
the
I'm
I'm,
getting
this
instance
of
my
service
here
in
this
component
II
and
then,
and
then
after
that,
I'm
calling
my
default
service
to
get
the
data
based
on
my
period
with
the
voltage
seven
seven
days.
So
when
some
called
the
data
I've
got
this
man.
C
This
is
where
basically,
the
charges
I'm
preparing
all
my
labels
and
the
object
for
the
jar
data
and
other
charge
other
chart
options
and
one
it's
done.
I've
got
this:
let's
pose
a
bar
component.
Now
this
is
one
thing
I
want
to
mention
here,
because
I'd
be
used
in
other
libraries.
Initially
I
was
looking
to
use
a
reusable
reusable
charge,
control
from
PNP
and
what
I
couldn't
find
one
of
the
option,
because
when
dynamically
I've
received
a
dynamic
caddy
dynamically,
this
load
data
and
I'm
going
to
click
on
30
days
and
90
days.
C
I
wanted
to
redraw
my
charge
so
I
couldn't
find
that
we
draw
option
in
that
PNP.
Reusable
controller
might
need
to
look
more
or
probably
find
that
so
I've
done,
that
I
end
up
use.
Another
library
react
charges
which
basically
is
a
wrapper
for
charge
charges
and
which
has
really
really
nice
one
of
the
option,
which
is
a
redraw.
So
every
time,
I
click
and
the
different
reports,
like
is
90
days
or
30
days.
Its
beta
K
are
basically
automatically
redraw
with
my
latest
data.
So
that's
really
key
thing.
C
Basically,
if
you
have
a
dynamic
different
option
and
you
want
to
reproduce
the
data
as
well,
that's
needs
to
look
into
it
and
verify
and
I've
got
all
components
here.
Sharepoint
reports,
outlook
reports
and
onedrive
reports,
yeah
and
if
I
show
you
my
manifest
file
and
I'm
sorry
config
to
see
if
we
can
see
the
permissions.
C
A
Stuff,
thank
you
for
that.
There
might
be
a
couple
of
questions
for
you
there
in
the
chat
window
and
I
think
now
we
can
switch
over
to
Raman,
but
thank
you
very
much
jazz.
A
really
great
demo
awesome
to
see
that
some
really
cool
capabilities
there
and
that
is
right,
published
in
the
repo
for
samples,
I,
think
yeah.
C
A
D
D
As
you
know,
before
SharePoint
framework
2.8,
it
wasn't
possible
to
use
react.
Metal
UI
because
is
it's
requires
minimum
version
of
type,
a
script
2.8
and
now
in
favor
of
shape
a
framework
1.8.
We
can
use
type
escape
2.8
and
above
and
also
it
supports
note
10.
That
is
really
cool
that
we
can
have
more
features
to
use
as
a
developer
and
for
using
Metro
UI.
D
First,
we
need
to
update
the
human
generator
to
use
SharePoint
work,
1.8
and
also
install
type
a
scrip
compiler
that
should
be
2.8
and
involved,
and
if
you
are
using
SharePoint
framework
1.8
point
you
don't
need
to
be
worried
about
that,
because
it's
set
to
you
type,
a
script
0.9
as
default,
and
after
that
you
need
to
install
matter
your
components
that
you
need
and
also
the
types
for
the
type
of
screen,
and
then
you
can
import
and
use
the
components.
So,
let's
jump
to
the
web
part.
D
So
here's
really
a
basic
basic
web
part
to
show
you
how
you
can
use
the
material
components.
I
use
some
of
the
components
like
text
field
icon
and
the
table
component
that
has
pagination
functionality.
That
I
really
wish
that
I
we
could
have
it
in
fabric
UI
and
also
the
dialog
component
that
you
can
see
here
and
also
I
used.
One
of
the
rxjs
operator
called
the
balance
time
where,
basically,
this
operator
is
popular
in
scenarios
such
as
type-ahead,
where
their
rate
of
user
input
must
be
controlled.
D
So
here
are
the
packages
that
are
used
for
this
web
part,
so
I
added
material
component,
libraries
from
like,
like
here
and
also
PM
PJs,
for
getting
the
data
from
SharePoint
and
also
installed
rxjs
to
use
debounce
time
operator.
For
those
who
don't
know
about
the
rxjs
is
for
reactive
programming.
That's
if
you
are
interested
in
reactive
programming,
you
can
basically
I
recommend
you
reading
this
article
that
is
really
cool
about
reactive
programming
and
how
you
can
use
it
in
your
code
and
also
about
the
components.
D
I
have
details,
the
other
component,
pagination
and
also
at
the
table
component
that
is
coming
from
here,
as
you
can
see,
I
have
to
take
a
component
with
all
the
headers
and
also
the
content,
and
also
I
used
p.m.
PJs
to
get
the
data
from
SharePoint,
and
here
I
set
up
the
rxjs
the
balance
time
so
I
give
it
three
millisecond.
So
when
you
start
typing,
it
just
waits
for
some
amount
of
time.
D
So
your
to
make
sure
that
you
down
with
typing
and
send
it
query
to
the
server
to
get
the
data
and
I
think
yeah.
Here's
a
it's
just
a
simple
sample
to
show
you
how
you
can
use
material.
You
are
components
and,
as
is
you've
seen
that
ages
also
use
some
of
the
components
from
matter
a
UI
in
his
demo
previously.
So
that's
just
for
me.
Thank
you
very
much.
Awesome.
A
Thank
you
very
much
for
that.
We'll
return
to
the
slides,
real,
quick
and
I
think
you
might
have
a
couple
of
questions
there
in
the
I
am
window,
but
another
great
demo.
So
thank
you
very,
very
much
for
that
and
again
I
always
like
to
mention.
If
you
would
like
to
do
a
demo
on
this
call,
please
whoever
you
might
be
just
get
in
touch
with
us,
either
myself
or
visa,
and
we
will
get
you
signed
up
for
an
upcoming
call.
A
B
B
Yes,
a
box
of
n
no
isn't
designed
for
a
model
where
we
have
multiple
different
components.
At
the
same
page,
the
original
angular
and
angular
elements
is
basically
designed
to
address
them.
I,
don't
know
how
many
of
you
actually
been
involved
in
this
course
for
a
long
time,
but
we
actually
are
in
real
life.
We
did
have
quite
a
few
meetings
with
Google
angular
team,
where
we
wanted
to
make
sure
that
they
can
easily
integrate
and
they
can
provide
angular
which
works
properly
within
the
SharePoint
framework
for
enterprise
customers
as
well.
B
Now,
daimler
elements
is
definitely
the
way
to
go
now,
if
you're
using
an
angular.
But
then
you
will
need
to
remember
that
if
you
use
angular,
there
will
not
be
reusable
UI
controls
using
the
fabric
or
the
BMPs
pfx,
reusable
controls,
which
is
appealing
and
and
obviously
we
would
definitely
welcome
angular
based
controls
from
the
community
as
well,
but
right
now
those
do
not
exist
and
there's
no
probably
meeting
that
authority.
Let's
see,
let's
see
good
question:
can
we
create
a
custom
column
in
SPF
X?
You
can
override
presentation
of
a
field
in
SPF
X.
B
Potentially,
yes,
but
then
it
is
in
your
own
risk
that
the
previously
means
that
the
feature
proof
or
the
feature
or
organization
owning
that
capability
is
is
really
calling
out
that
we
might
still
change
this,
so
that
might
have
complications
for
you
sooner
or
later
now,
if
you're
prepared
to
fix
whatever
you're
running
into
and
it's
fine,
it's
just
a
matter
of
making
that
decision
that
you
are
aware.
That's
in
a
previous
calculator,
but
you
are
using
so
but
again.
A
B
B
If
you
really
want
to
align
on
the
microsoft
design
here,
you
would
be
able
to
replicate
the
relevant
data
for
AWS
eco
server
to
a
sorcerer
sequel
server
and
then
present
only
the
relevant
data
form
from
there
again.
Is
that
an
option
for
you
I,
don't
know,
but
it's
the
same
story
with
on-premises
lob
systems,
and
you
probably
don't
want
to
call
from
a
SharePoint
framework
to
assure
and
then
do
a
pipeline
to
on
premises.
B
Unfortunately,
like
I'm
at
least
personally
I
haven't
tested
out
de
WS
sequel
server,
I,
don't
know
how
to
get
access
on
that
data
directly
from
SharePoint
Online
can
we
have
already
started
SPF
expect
part
HS
is
asking
that
said
the
audience
targeting
for
more
out-of-the-box
webparts
is
now
kind
of
a
slowly
rolling
out
across
different
web
console.
Unfortunately,
it's
not
really
audience
targeting
on
a
visibility
of
the
web
part.
B
It
is
orders
targeting
inside
of
the
web
part
and-
and
it
is
in
the
pipeline
or
in
the
roadmap,
to
support
third
party
access
and
capabilities
for
audience
targeting,
but
it's
not
yet
available.
So
it's
not
really
something
with
the
support
right
now.
Unfortunately,
so
the
right
way
of
implanting
anything
which
would
be
profile
based
is
really
to
have
a
code
piece
in
your
code.
You
would
be
then
using
accessing
user
data
from
a
sure
or
user
profile
and
say:
oh,
this
person
is
from
London.
B
So
let's
actually
show
this
information
for
this
person,
because
the
pro
user
profile
property
is
saying
that
is
from
London.
Now
this
person
is
from
New
York,
so
web
part
will
adjust
on
the
content
based
on
the
user
protocol
properties.
So
definitely
do
a
coating
and
more,
but
right
now
the
best
way
of
solving
those
personalization
scenarios
in
SharePoint
framework
and
view
buoys
and
censoring.
Thank
you,
andre
WS
call
us
will
written
custom
column
which
displays
preview
of
a
file
icon
so
that
you
can
use
select
tile
icons.
B
You
could
actually
do
that
preview,
preview
of
a
custom
column
in
a
list
or
a
field,
and
you
can
definitely
get
a
van
to
sauce
chevron
framework
field
format.
There's
actually
make
that
kind
of
functionality
available
now.
Is
it
completely
matching
what
you're
doing
I
don't
know
now?
It
gets
to
the
technical
day
just
game,
but
have
a
look
on
the
field
customizer.
This
is
enough
for
Navi
Neath
around
the
approach
which
might
be
suitable
for
you
are
the
plasma
had
to
pay
to
level
comment,
extensions
answer
from
Hugo
I'm?
B
Sorry,
yes,
and
there
is
unfortunately
that's
one
of
the
stuff
which
has
been
pending
for
quite
a
long
time.
Idea
would
be
that
in
the
modern
baits,
where
we
have
create
a
new
page
or
the
new
button
in
the
top
area
of
the
page,
you
will
be
able
to
add
additional
patterns
there
and
definitely
in
the
roadmap.
I
know
that
Dave
:,
who
owns
this
section
and
this
area
is
looking
into
making
that
happen
as
well.
B
B
How
do
get
search
results
in
a
document
web
application
from
online
SharePoint
using
modern
authentication
I
think
we
actually
have
just
see
some
REST
API
sand
and
see
some
api's
on
REST
API.
As
for
search,
the
authentication
doesn't
really
change
that
as
long
as
you
authenticate
from
a
external
application
using
app
only
well.
That
only
impacts
that
this
one
though,
because
then
it's
not
a
user
permissions
restricted
results,
mm-hmm,
probably
probably
is
asking.
Is
they
be
as
accurate
one?
B
That's
a
good
question:
if
two
has
actually
had
a
look
on
business,
I
would
use
some
as
an
API
key
play,
aw
slumped
or
off
the
secure
API.
So
you
can
actually
make
that
happen
in
AWS,
I
I'm.
Not
that
surprised.
It
is
a
good
platform
as
well
turn
since
classic
basis,
and
we
used
to
existing
modern
sites.
Do
we
need
to
provide
a
duo
solution,
especially
spec
textures,
and
get
the
custom
feature
on
both
classic
and
modern,
also
good
classic
base
site?
B
It
is
completely
take
out
we're
not
chopping
the
support
for
classic
pages
and
classic
sites,
and
because
we
can't
no,
but
we
are
investing
only
on
modern.
The
reason
why
we
can't
is
quite
simple
people
are
still
using
them
and
until
people
are
actually
reducing
to
usage
to
a
certain
level,
we
definitely
can
actually
reduce
the
support
for
classic
capabilities.
So
it
is,
though,
in
our
interests
and
to
actually
make
sure
that
people
are
using
modern
and
in
the
consistent
way.
B
If
you
are
new
ESP
FX,
where
should
you
start
your
journey
from
and
from
cache?
And
now
I'm
gonna
add
here
a
a
kms
link,
which
is
definitely
the
right
way
to
SPI
FX
trading?
This
is
also
training
material
which
is
available
for
anybody
who's
looking
into
getting
started
with
SharePoint
framework,
and
then
it
actually
covers
different
scenarios
up
to
the
level
of
accessing
craf,
API
s
and
securely
call
web
api,
cynosure
and
really
really
great
stuff
and
really
high
quality
material
as
well
videos,
presentations,
hands-on
labs
and
demo
material.
A
Infopath
is
supported,
but
deprecated,
so
InfoPath
is
what
it
is.
It's
not
being
worked
on.
That's
answering
Stevens
question
and
let's
see
so
you
get
my
client
or
creating
picker.
That's
a
real,
complicated
thing.
We're
not
going
to
get
into
doing
a
consultant
engagement
on
the
call
and
I
think
we
are
good.
It
is
top
of
the
hour.
Thank
you
all
very
much
for
joining
the
call.
Thank
you
a
jazz
and
Raman
for
the
great
demos
today.
A
Thank
you,
everybody
for
being
part
of
this
and
look
forward
to
talking
to
everybody
soon
and
if
you
are
at
collapsed
summit
next
week
in
Vice
Baden,
please
do
look
us
up.
Would
love
to
meet
you
know,
folks
in
real
life
is
always
fun.
So
if
you
look
us
up,
we've
all
got
sessions
across
the
entire
PNP
core
team
and
would
love
to
see
out
there
so
have
a
great
week
and
we'll
talk
to
you
all
soon.
Bye.