►
Description
Recording of SPFx and JavaScript development in SharePoint Community Call from 11th 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 - Hugo Bernier - @bernierh - React Comparer web part with a custom file picker control (18:42)
- Demo - Joel Rodrigues (CPS) - @JoelFMRodrigues - React My Teams web part with Microsoft Graph usage (34:53)
- Demo - Ejaz Hussain (Content and Code) - @EjazHussain_ - React image gallery with dynamic taxonomy search (50:22)
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
And
welcome
to
the
SharePoint
framework
at
javascript
special
interest
group
bi-weekly
SiC.
It
is
April
11th
2019.
Welcome
to
all
of
you.
Apologies
for
starting
a
few
minutes
late.
It
had
some
difficulties
on
my
end.
Getting
in
I
am
going
to
take
over
as
presenter
so
that
when
I
click
the
buttons
it
will
actually
move
the
slides
for
everybody.
There
we
go
so
we
should
be
on
slide
to
our
agenda.
A
For
today,
engineering
update
on
SharePoint
framework
from
that'll
be
from
visa
I
got
the
patterns
and
practices
program
updates
for
the
client
that
PM
PJs,
client
library,
the
CLI,
the
SPF
X,
reasonable
controls
and
as
well
the
PNP
yeoman
generator.
And
then,
after
that,
we've
got
three
awesome
demos
from
hugo
Joel-
and
this
is
gonna-
go
back
into
Patrick's
list
of
names.
He
says
horribly
and
I
apologize,
a
jazz
hope,
I'm
close
there,
but
very
cool
three,
very
cool
demos
that
are
actually
all
react
based
today.
A
This
is
not
certainly
us
being
stubborn
to
stay
on
skype,
much
the
opposite,
but
us
just
waiting
for
teams
to
get
back
a
couple.
The
capabilities
we
need
to
run
these
types
of
calls
folks
looking
to
participate
in
the
patterns
and
practices
specifically
stuff
around
the
client-side
development
side
of
things,
the
first
two
boxes
there
are
about
demos.
We
always
love
and
appreciate
the
demos
we
get
from
the
community.
A
I've
said
it
many
many
times,
but
I
mean
I,
always
learned
something
and
I
think
it's
always
neat
to
see
what
folks
out
there
and
the
community
are
doing,
because,
obviously,
a
lot
of
us
aren't
working
with
customers
every
day
in
the
way
we
used
to.
So
it's
neat
to
see
what
folks
are
out
there
doing.
It
really
does
help
drive
and
inform
what
we
try
and
build
and
deliver
inside
of
P
and
P,
so
demos
across
anything,
SPF
X,
anything
at
P
and
P,
so
the
PJs
CL
are
reasonable
controls.
A
The
OMA
generator
use
that
any
and
all
of
that
in
any
and
all
of
the
SPF
x
capabilities
and
we'd
love
to
see
that
demo
on
this
call
as
well.
You
can
always
contribute
on
github
to
any
of
our
projects.
You
can
contribute
we're
about
by
reporting
issues
by
submitting
pull
requests
for
if
you
have
fixed
a
bug
or
you're
enhancing
something
to
adding
some
new
capabilities.
Everybody
loves
to
see
that
so
always
appreciate
those
folks
and
then
as
well.
If
you
see
folks
with
issues
or
questions
that
maybe
you've
encountered
before,
it's
always
helpful.
A
If
you
can
drop
in
and
answer,
sometimes
that
will
get
folks
and
answer
a
little
bit
faster
than
those
of
us
on
the
core
team
can
get
to
it
and
then,
finally,
as
well,
we
always
do
appreciate
feedback
from
everybody.
How
are
these
calls
going?
How
can
we
improve
the
documentation?
Where
else
can
we
help?
Where
else
can
we
expand
P
and
P
to
support
people
and
as
well
positive
feedback
is
always
okay
as
well
I
know
when
you're,
developing
and
heads
down
it's
it's
easy
to
get
a
little
bit
upset
we've
all
been
there.
A
B
Few
sites,
nothing
really
dramatically
new,
but
few
updates,
which
haven't
actually
opened
too
widely
dr.
box.
So,
first
of
all,
the
recap
of
the
asset,
so
SP
epitopes
SP,
do
videos
and
SP
dev
issues.
So
please
use
these
URLs
to
get
access
on
the
existing
guidance.
Videos
and
also
the
issue
lists
now
few
news.
This
just
went
out
in
social
media
like
30
minutes
ago,
or
something
like
that.
Well,
our
one
hour
ago,
so
we
haven't
updated.
Sharepoint
framework
developer
training.
B
Packets
are
now
available,
which
included
three
new
additional
modules,
and
these
three
mod
modules
are
using
reactant
office.
You
have
fabric
react
components
in
your
web
parts
and
extensions
deployment
of
SharePoint
favorite
components
to
production,
so
the
collaborations
from
there,
and
how
do
they
do
that
and
how
to
do
that
in
optimized
way
and
then
build
the
mix
of
things
customizations
using
SharePoint
framework
as
a
platform?
And
that's
now
a
recurring
theme
around
the
SharePoint
framework
as
well,
so
the
so
using
SharePoint
framework.
B
You
can
build
a
one
component
which
actually
works
as
a
web
part
or
as
a
Microsoft
themes
tab.
So
you
have
a
one
code
base
which
you
have
to
maintain
a
kms
SPF
x,
training
is
the
address,
and
that
will
redirect
you
to
the
right
location
where
you
can
access
on
all
of
these
assets.
What's
really
important
to
run
this
assets
is
that
this
is
not
only
for
self
learning.
We
do
provide
also
presentations,
demo
material
and
some
apps,
and
all
that.
B
So,
if
you're
looking
into
redelivery
gets
to
your
team
to
external
additional
people
or
whatever
people,
you
can
easily
access
this
material
or
if
you
promise
to
do
a
conference
presentation,
let's
say
a
local
conference
presentation
wherever
you're
based
and
next
week,
you
can
use
this
material
to
create
that
presentation
as
well.
Everything
is
given
to
you
to
be
used
any
way
you
want.
No
permissions
need
to
be
asked
from
anybody,
so
feel
free
to
use
everything
as
such.
Now,
one
other
reminder
which
I
had
in
the
monthly
community
cost
it
settings
as
well.
B
So
the
provision
English
upon
p.m.
Peter
come
is
now
in
a
public
preview.
So,
if
you're
looking
into
doing,
for
example,
those
conferences
or
doing
demos
or
doing
hands-on
labs,
but
you
need
to
have
an
cool-looking
sites,
you
can
actually
use
the
provision
in
SharePoint.
Pmp
I've
come
to
do
that,
so
you
can
actually
go
to
this
site
sign
against
your
account
and
as
long
as
you're,
an
administrator
you
can.
B
We
can
provision
you
an
example:
content
example
sites
example
structures,
even
additional
settings
like
customizations,
that
those
sites
and
all
that
stuff
so
really
really
useful
or
useful
tool
for
anybody
to
take
advantage
in
SharePoint,
Online
or
in
office
365
level.
Now
just
a
word
about
kind
of
a
future
direction.
On
this
one
we
will
introduce,
for
example,
Microsoft
Eames
temple
and
myself
themed
structures
to
be
provisioned
as
part
of
these
templates
as
well.
B
B
Moving
on
things,
quick
are
played
on
the
on
the
CRO,
fanned
the
adoption
of
sharepoint
framework
that
still
goes
strong
and
we
can
see
the
direction
going
much
higher
than
we're
expecting
so
the
growth
curves
are
still
completely
unpredictable
and
the
users
per
user
we're
now
hitting
three
hundred
and
eighty
percent
increase,
year-over-year
adaption
of
SharePoint
framework
and
that's
a
massive
number,
considering
that
it's
more
two
and
a
half
years
or
more
than
two
years
since
the
SharePoint
framework
has
been
released.
So
the
growth
keep
some
crowing
still.
So
it's
not
like
just
getting
started.
B
We've
been
now
crowing
massive
numbers
and
triple
digit
Diddy's
numbers
and
now
for
two
years
in
a
row
which
is
insane
so
clearly
the
clearly
the
development
model
is
usable.
Now,
on
the
on
the
roadmap,
a
few
kind
of
a
new
use
which
are
kind
of
at
I'm,
touched
if
you
were
in
the
Deaf
monthly
difficult
on
last
Tuesday.
We
will
have
one
point,
eight
point,
one
coming
quite
soon,
maybe
I'll
say
this
out
loud.
B
We
potentially
it
might
come
out
later
today,
which
will
address
some
of
the
issues
in
one
point:
eight
related
on
on-premises,
car,
folding
and
few
other
small
issues
which
we
had
in
11.8,
so
certain
small
nuances
which
you
might
hit
if
you
choose
or
certain
path
in
the
yeoman
generator.
So
one
point
a
two
is
also
coming
out
and
that's
gonna
address
more
on
the
potential
memory,
consumption
concerns
or
and
potential
version
conflicts
related
on
SPF,
X
of
a
CI
fabric,
then
react
and
underlying
platform.
B
So
we
will
keep
on
releasing
additional
businesses
needed
at
one
point:
nine
which
is
going
to
be
in
quotes
the
major
version.
Next
major
version
is
scheduled
to
go
out
in
the
May
time
frame,
so
right
about
SBC
timeframe
would
be
probably
the
right
timing
for
them
and
we're
looking
at
the
have
general
availability
for
the
library
component,
their
additional
content
destinations.
Potentially
there.
That
is
a
nice,
perfect
extension
points.
Csp
content
security
policy
might
be
there
in
1.9
or
it
might
be
delights
from
their
open
sourcing.
B
Your
out-of-the-box
human
generator,
probably
one
pin
one
point.
Nine
or
I
can
be
100%
sure
that
it's
not
there,
but
it's
it's
in
the
plants
in
the
long
term
and
then
we're
looking
into
having
the
storage
story
and
everything
else
clarified
as
soon
as
possible.
So
getting
there
one
step
at
a
time,
but
that's
it
from
my
side
as
a
quick
update
on
the
SPF
X
I'm
Patrick.
A
All
right
taking
over
as
presenter,
so
quick
updates
here
on
the
pnp
offerings,
PMP
program
offerings
purple
rabbit
visa
come
on
man,
PPG
has
client-side
libraries,
we
released
1
3,
2
April
5th
that
had
some
great
increased
graph
coverage.
Simon
did
a
lot
of
work
on
that,
or
did
most
of
all
of
the
work
on
that
so
very
impressive
contributions.
There
had
some
updates
from
some
issues.
Folks
reported
since
the
last
release.
A
Excuse
me
and
then
a
a
few
fixes
for
some
lingering
client-side
page
issues
from
when
we
did
that
large
rewrite
a
couple
of
releases
ago.
So
I
think
we've
got
that
mostly
solid
now,
but
of
course,
if
you
see
trouble,
please
do
report
it.
Please
let
us
know
and
we'll
work
on
getting
that
fixed
up
lots
of
work
behind
the
scenes
on
I
know.
I've
talked
about
that
for
a
while.
A
Now
the
road
map
labels
in
the
list,
if
you
have
ideas
for
2.0,
please
post
them
and
sort
of
tag
it
and
say
this
is
an
idea
for
2.0
and
we'll
get
it
labeled
up
correctly,
but
welcome
that
feedback
as
well.
Of
course,
targeting
release
of
a
beta
around
the
time
of
collab
summit
and
I
wanted
to
put
out
into
this
call.
If
anybody's
interested
in
helping
we've
got
a
lot
of
work
to
do
on
2.0.
A
One
of
our
big
goals
is
to
really
reset
the
documentation
and
the
tests,
which
is
a
lot
of
work
but
I
think
gonna
be
very
rewarding
for
everybody
at
the
end
of
it.
So
if
you're
interested
in
helping
out
with
that
every
little
bit
helps,
even
if
you
have
time
just
to
write
one
documentation
page,
that's
a
huge
help.
So
if
you're
interested
reach
out
or
we
can
create
some
Help
Wanted
issues
in
the
issues
list,
but
either
way,
let
us
know
if
you're
innocent,
helping
out
with
that
and
I
want
to
say
again.
A
Thank
you
to
everybody
that
contributes
on
the
PJs,
whether
that's
reporting
issues,
whether
that's
submitting
code.
We
appreciate
all
of
that.
So
thank
you
very
much
and
I
did
want
to
mention.
So
we
recently
crossed
a
milestone
for
PGs.
We
reprocessed
3
billion
requests
in
the
month
of
March
to
SharePoint
Online
through
the
library
and
that's
across
every
version
of
the
library,
but
three
billion.
So
that's
a
big
milestone
and
one
I'm
very
proud
of
I
hope.
All
of
you,
who've
participated
are
very
proud
of
that,
but
I
wanted
to
show.
A
You
know
December's
always
a
Down
month,
but
the
last
six
months
have
really
been
on
a
big
climb,
adding
almost
three
hundred
million
requests
a
month
over
a
month,
so
very
cool,
and
that
is
all
thanks
to
all
of
you
who
are
using
this
in
your
projects
and
demoing
it
in
the
community
and
so
I
just
wanted
to
say.
Thank
you
and
I
hope.
A
All
of
you
can
take
a
little
bit
of
pride
from
this
growth
as
well,
because
it's
really
been
a
community
effort
and
it's
it's
very
cool
to
see,
and
so
hopefully
you
know
kind
of
cool
for
all
of
you
to
see
the
growth
of
what
we've
all
worked
on
together
as
well
and
I'm,
still
waiting
for
my
check
for
one
dollar
per
request.
So
any
any
time
now
so
updates
on
the
office,
365
CLI
upgraded,
SharePoint
framework.
This
is
new
version
115
with
commands
for
upgrading
SharePoint
framework
project
21.8.
A
So
that's
the
latest
version
of
SharePoint
framework.
You
can
update
your
old
projects
to
the
latest
version,
which
is
a
very
handy
feature:
managing
Microsoft
teams,
apps
and
settings,
removing
lists
and
site
columns
and
then
undeclared
records
as
well
in
progress,
more
commands.
Of
course
you
can
always
install
the
latest
version.
Npm
install
G
at
PMP
office,
365
CLI
at
next
and
I'll,
get
you
the
latest.
A
You
can
follow
the
hashtag
office,
365
CLI
on
Twitter,
there's
a
git
er
channel
for
asking
questions,
and
there
is
a
Doc's
link
there
at
the
bottom
right
corner:
a
kms,
/o,
365
CLI.
This
is
a
very
cool
tool,
a
very
helpful
cross-platform
to
help
manage
your
SharePoint
sites
and
is
really
great
to
integrate
into
you
know,
test
scripts
or
you
know,
set
up
scripts
things
like
that
for
your
testing
environments.
So
a
very
cool
tool
definitely
check
that
out.
If
you
have
not
now
an
update
on
the
reusable
components.
A
So
these
are
two
sets
of
components.
The
first
set
is
a
set
of
saying
the
word
set.
A
lot
is
a
set
of
property
controls
that
are
used
in
the
Edit
pane
of
your
web
parts
and
the
those
property
controls
and
really
help
you
have
a
rich
editing
experience
when
you're
editing
your
webparts,
so
you
can
have
people
Pickers
and
taxonomy
Pickers
things
like
that
that
are
already
styled
for
you
with
the
office
UI
fabric,
and
it's
really
it
creates
a
nice
interface
for
your
users
without
a
lot
of
work
on
your
part.
A
Similarly,
you
can
use
the
react,
content
controls
which
are
more
for
the
body
of
your
web
part
and
for
displaying
data
to
your
users.
So
great
things
like
graphs,
charts
maps
list
displays
things
like
that.
All
reusable
all
react,
so
they
are
react,
controls
but
easily
drop
into
your
project.
Save
yourselves
a
lot
of
time
and
effort,
and
again
they
are
styled
with
the
out
of
the
box
office
UI
fabric.
A
So
you
will
get
some
some
great
styling
with
these
controls
that
should
blend
right
into
sharepoint
and
right
into
your
projects
very
easily
two
leagues
down
at
the
bottom.
The
first
is
to
the
property
controls.
The
second
is
to
the
body
controls
the
react,
controls
so
check
those
out.
It's
a
great
way
to
jumpstart
your
development
process
in
SPF.
X.
Save
you
a
lot
of
time
and
build
on
the
great
community
effort
that
this
has
become
with
a
lot
of
different
contributors
and
so
forth.
A
There
Varma
is
telling
me
I've
got
the
version
wrong
on
the
slide,
so
apologies
for
that
I
guess
it's
1:16!
We
might
not
have
gotten
that
updated.
So
sorry
about
that,
but
the
latest
version
will
still
be
installable
with
the
NPM
command
we
mentioned
before.
Do
we
have
any
SPF
fix
control
which
can
help
in
giving
column
level
permissions?
No
such
thing
as
common
level.
Permissions
in
share
points.
A
Now,
finally,
before
we
get
to
the
demos
updates
on
the
community
yeoman
generator,
so
this
is
a
yeoman
generator
built
on
top
of
the
out-of-the-box
SP
FX
generator.
So
at
the
end
of
the
day,
you're
gonna
get
a
real
SP
FX
project,
with
all
the
same,
underlying
dependencies
pipelines,
build
process
etc,
and
the
I'm
hoping
the
latest
release
is
one-seven-zero,
I,
believe
that's
right,
but
that
includes
updates
to
use
the
latest
one
8
generator
for
a
sharepoint
and
also
includes
updates
to
pee
and
PJs,
and
the
various
reusable
controls.
A
So
some
people
can
hear
me
and
some
people
cannot
hear
me.
Well,
that's
an
awkward
state
to
be
in
so
we're
going
to
press
forward
and,
unfortunately,
folks
can't
hear
me,
we
will
yeah
I'm,
not
sure
what
the
messages
are.
Y'all
are
getting
so
we're
going
to
press
forward
we're
gonna
record
to
keep
recording
the
call
and
we
will
just
move
forward
so
with
the
ESPE
FX
generator.
A
We're
gonna
select
the
type
script
whoever's
trying
to
call
me.
Please
stop
doing
that.
So
in
progress,
we're
gonna
select
the
type
script
version
for
new
projects
and
we
can
as
well
have
modernization
of
the
gulp
file
injection.
So
that's
some
of
the
gulp
file
enhancements
that
are
part
of
the
SP
FX
generator.
So
please
do
check
this
out.
A
This
is
also
a
great
way
to
jumpstart
your
projects
and
save
you
some
time,
especially
if
you'd
like
to
use
some
of
the
frameworks,
such
as
view
or
angular,
that
aren't
necessarily
supported,
not
supported,
but
aren't
necessarily
set
up
for
you
automatically
by
the
standard.
Sp
FX
generator
so
a
great
way
again
to
save
yourself
some
time
and
some
effort
and
get
some
great
tools
already
installed
and
set
up
for
you.
We're
gonna
try
to
push
forward.
A
C
So
hopefully,
if,
if
I
can
just
see,
someone
confirm
that
you
can
hear
me
yeah
great
ok,
so
my
name
is
Hugo
brainy
and
today,
hopefully
I
will
be
demoing.
My
react.
Compare
web
part
with
the
file
picker
I'm
a
really
friendly
guy.
So
if
you
have
any
questions
or
comments
or
concerns,
do
not
hesitate
to
contact
me.
C
In
their
fluent
sight,
you
know,
office
fabric
is
going
to
become
Microsoft
UI
fabric
and
eventually
they're,
going
to
integrate
the
fluent
style
in
their
components,
which
will
make
the
experience
of
web
applications
look
very,
very
close
to
or
more
in
line
with,
the
desktop
applications
and
what
I
needed
was
a
control
that
I
could
use
to
compare
things
side
by
side.
Just
like
you
can
do
here.
Hopefully
you
can
see
I'm
moving
the
slider
here
and
I
can
see
the
before
and
after
look
and
I
was
I
was
looking
everywhere.
I
can
find
control.
C
So
I
said
you
know
what
I'll
just
build
my
own
control
and
as
I
was
building
the
control.
I
thought
you
know
what
it
would
be
really
great
if
I
could
actually
have
a
button
on
each
side
that
would
allow
users
to
select
the
file
from
from
the
SharePoint
file
picker.
So
I
looked
everywhere
again
for
an
out-of-box
SharePoint
file,
picker
I
didn't
find
anything.
I
looked
in
the
property
controls,
the
the
pnp,
reasonable
controls
didn't
find.
Anything
I
was
just
wrapping
up
doing
the
rich
text.
C
Control
for
the
pnp,
reusable
control,
I
have
a
demo
of
it
here
and
maybe
that's
something.
I
can
demo
at
another
time
but
I
decide.
You
know
what
I'm
gonna
write
my
own
file
picker,
so
I
looked
at
the
file
picker
that's
available
in
SharePoint.
This
is
the
image
web
part
that's
available
out
of
box
in
SharePoint
and
when
you
select
an
image,
what
it
actually
does
it
pops
up
this
dialog
that,
hopefully
all
of
you
have
seen
before,
which
shows
are
your
recent
files-
allows
you
to
search.
C
Allows
you
to
pick
files
from
a
onedrive
files
from
your
site,
allows
you
to
upload
files
and
share
from
a
link,
so
I
decided,
you
know,
I'm
going
to
create
this
control
and
the
goal
was
to
create
a
control
that
would
be
easy
to
add
to
anyone's
application.
That
would
that
would
not
require
special
permissions
or
anything
like
that
and
I
wanted
the
control
to
look
as
much
as
possible
exactly
like
the
file
picker
control.
So
this
is
this.
Is
the
web
part
that
I
created?
C
It's
called
the
compare
web
part
and
when
you
add
it,
it
asks
you
to
add
images
if
you
click
on
add
images
and
click
on
choose
image.
This
control
here
is
actually
my
custom
control.
So
it
allows
me
to
look
at
my
recent
images.
It
allows
me
to
search.
It
allows
me
to
pick
documents
from
onedrive
and
so
on
and
so
forth.
So
let
me
actually
pick
documents
just
to
show
so
I'll
go
in
my
sample
pictures
here
and
I'll
pick
a
before
image
and
then
I'll
go
to
my
other
file.
C
C
What
I
did
is
I
actually
went
through
the
file
picker
that
was
available
out
of
the
box,
and
then
I
used
the
the
developer
tools
to
actually
start
exploring
what
each
component
was
so
I
clicked
on.
You
know
the
the
navigation
and
the
lift
and
I
actually
looked
at
okay.
Well,
it's
got
the
classes
here,
for
example,
and
we
just
use
an
example
here
so
I
saw
here
those
this,
this
class
called
MS
nav
group
and
you
know,
as
a
general
rule,
anything
that
starts
with
MS
is
probably
coming
from
Microsoft,
so
I,
actually,
okay.
C
If,
if
you
haven't
used
that
it's
actually
a
great
source
to
learn,
it's
actually
github
office
dev
and
under
get
up
office
they've,
you
have
their
office,
UI
fabric
react
and
if,
once
you're
in
there,
you
search
for
ms,
what
did
I
say:
MS
nav
group,
so
MS
nav
group
you
find
yep
best
class
is
actually
used
somewhere
in
the
code,
and
so
it
simple
to
actually
find
the
controls
that
were
used
by
going
kind
of
one
one
component.
At
a
time.
C
For
example,
I
went
to
this
here,
I
found
that
this
is
using
something
called
an
item
file,
so
I
looked
and
found
I
compile
it
turns
out
by
the
way
that
in
the
office
UI
fabric
I
can
tile.
You
have
kind
of
a
something
called
an
item
tile
on
the
tile
list.
Those
are
controls
that
are
in
office
UI
fabric,
unfortunately
they're
still
in
the
experiments
package.
C
So
it's
not
quite
supported
yet
you're,
not
quite
supposed
to
use
it
in
production,
so
I
had
to
actually
rewrite
my
version
of
those
controls
when
I
did
that,
but
I
basically
I
went
through
one
control
at
a
time
and
copied
the
styles.
The
look
and
the
feel
and
rebuild
this
whole
thing.
The
other
thing
that
I
did
and
Jenny
had
a
question
in
the
in
the
in
the
chat
window.
Here,
how
do
what's
an
example
of
getting
the
most
recently
used
files?
C
Well,
if
you
look
at
the
recent
tab
in
the
the
file,
picker
you'll
actually
find
that
this
is
what
it's
doing
is
actually
going
to
you're.
In
this
case,
the
most
recently
used
images.
But
if
you
look
at
your
network
in
your
developer
tools-
and
you
actually
monitor
the
traffic
you'll
notice
that
as
you
click,
you
will
actually
see
different
calls
being
made
now,
there's
tons
of
calls
being
made.
C
You
know
to
who
I
know
some.
It's
probably
some
telemetrics
or
things
like
that,
but
eventually
you
will
find
and
I'm
not
going
to
be
able
to
define
it
in
this
presentation
today.
But
you'll
find
the
actual
code
that
gets
made
when
SharePoint
does
the
search
for
a
recent
or
a
web
search
or
something
about.
So
what
I
did
is
if
I
open
the
code,
because
that's
probably
what
you
guys
are
here
for
as
I
went
and
I
actually
captured,
that
network
traffic
and
then
I
went
and
I
created
services.
C
So
if
I
go
here
under
services,
I
have
a
onedrive
service,
onedrive
service
and
I
actually
recreated
the
call
to
be
able
to
to
retrieve
the
information.
So
this
is,
you
know
it
almost
feels.
Hard-Coded
I
feel
bad
about
this,
but
this
is
the
actual
call
that
gets
made
by
by
the
dialog
and
I
just
reproduce
that
you'll
notice
here
that
I'm
actually
using
in
the
case
of
going
to
my
onedrive
I'm
using
SB
remote
web
to
allow
me
to
make
HTTP
calls
to
another
URL.
C
In
this
case
my
onedrive,
that's
something
that
I
was
not
able
to
do
using
the
PNP
j/s
package.
I
actually
open
an
issue
with
that
to
be
able
to
add
support
for
a
remote
web
calls.
So
I
had
to
actually
hard
code,
the
Blackheart
code,
but
I
had
to
create
the
the
fetch
call
of
myself
without
using
PNP
GS.
But
if
you
look
quickly
and
I'm
trying
I'm
really
trying
hard
not
to
click
around
too
much,
because
I
know
it
can
get
really
hard
to
read.
C
C
The
one
thing
I
want
to
make
clear
when
I
build
this
you'll
notice,
the
a
box
picker
has
a
few
inconsistencies,
it's
it
seems
like,
and
it's
probably
say
and
company
can
probably
tell
me
whether
that's
the
case
or
not,
but
it
really
feels
like
each
tab
was
built
by
a
different
team
and,
as
a
result,
there's
minor
discrepancies
in
the
HTML
behind
the
scene.
For
example,
if
you
look
at
the
site,
you
have
document
libraries,
you
don't
have
a
way
to
change
of
views.
C
But
if
you
look
at
the
onedrive,
you
have
the
ability
to
change
views
and
you
have
a
file
count
inside
the
folders
as
tempting
as
it
was
for
me
to
try
to
fix
those
discrepancies.
When
I,
when
I
wrote,
this
component
I
made
sure
to
reproduce
as
much
as
possible
the
components
exactly
as
they
were,
with
the
inconsistencies
with
the
you
know,
the
little
things
that
were
kind
of
driving
me
nuts,
because
I
wanted
everything
to
be
perfect
and
that's
something
when
you're
looking
at
the
code
and
you're.
C
Looking
at
this
and
you're
saying
well,
why
didn't
you
go
optimize
this
by
reusing
this
component
or
by
reusing
this
class?
That's
why
I
did
it
this
way
and
I've
always
been
taught
that
you
know
optimization
is
enemy
event,
the
enemy
of
innovation,
so
my
first
focus
was
to
make
sure
that
I
got
this
out
there
there's
going
to
be
opportunities
to
improve
this,
hopefully,
as
we
go
further
so
for
and
Jenny,
for
example,
and
Jenny
wanted
to
know
how
do
I
get
the
recent
files
tab.
C
This
is
actually
the
call
that
gets
made.
I
think
that's
the
one
recent
files.
Yet
this
is
the
call
that
gets
made
by
by
a
SharePoint
which
I
converted
to
use
p.m.
PJs
to
do
a
search
based
on
last
modified
time
and
whatever
the
results
that
I
receive
I
actually
display
that
in
a
in
a
file,
picker
tab,
it's
like
I'm
just
being
concerned
about
time
here.
C
It
allows
you
to
search
just
like
the
out-of-the-box
component.
Does
this
is
actually
using
the
Bing
API
and
the
Bing
API
needs
an
API
key.
So
what
I
did
is
I
actually
configured
the
this
tab?
First
of
all,
so
that
you
can
disable
it,
but
also
that
you
can,
you
can
go
to
the
SPO
storage
entity
set
to
set
an
API
key
at
the
tenant
level,
and
if
you
do
that,
once
for
your
entire
tenant,
your
entire
tenant
can
use
the
shared
API
key.
C
If
you
have
any
questions
about
how
to
do
this,
you
can
give
me
a
shout
on
Twitter
and
I'll.
Be
able
to
show
you
that
so
as
a
result,
I
built
this
component
again
it's
inside
of
a
web
part.
But
then
what
I
did
is
I
actually
submitted
a
request
or
not
a
request,
an
issue
to
the
SP
dev
effects,
property
controls.
Saying
hey
anybody
interested
in
this?
It
seems
like
a
guy
a
lot
of
comments.
People
are
interested
so
now
that
my
rich
text
control
is
is
out.
C
I
will
be
converting
the
code
from
this
Web
part
to
a
reasonable
control.
That's
all
I
have
for
you
today.
If
you
have
any
questions,
please
don't
hesitate
to
reach
out
to
me.
I
have
written
here
the
URL
to
the
web
part
and
a
blog
post.
That
explains
the
process.
The
way
through
and
I'm
sure
I
can
count
on
David.
Well
there
he
is
David
Warner
to
actually
have
the
links
there
thanks.
Everyone.
B
B
Well,
actually,
Joe
can
you
start
sharing
already
we'll
have
a
chat
way
to
go
on
a
few
things.
So,
first
of
all,
you're
absolutely
correct.
The
individual
tabs
are
being
built
by
a
different
persons,
which
is
a
pity,
but
it
is
what
it
is
right
now.
One
thing
what
we
are
also
looking
into
potentially
do
internally,
which
might
still
take
a
while,
is
to
get
the
whole
system
as
a
reusable
component
which
which,
by
the
way,
makes
sense.
But
until
that
will
happen
and
I
can't
confirm,
will
it
happen
at
all?
B
Having
your
tooling
available
will
make
a
lot
of
sense,
so
really
good
stuff,
really
really
great
implementation
and-
and
it's
kind
of
how
would
I
put
it.
It's
always
slightly
scary,
when
we
do
reverse
engineering,
but
I
would
say
Hugo.
Thank
you
for
doing
this,
because
this
will
help
to
justify
also
making
the
first
party
components
potentially
at
some
point
open-source
or
available
right.
So,
even
though
that
would
happen
at
some
point,
it's
definitely
not
worth
of
worth
of
investments
and
the
work.
B
What
you've
done
so
super
super
useful
and
also
the
api's
which
were
using
and
which
are
using
behind
the
scenes
we
need
to
get
them
documented,
so
absolutely
make
sense:
Thank,
You
Hugo!
Thank
you,
awesome,
stuff,
absolutely
also
stuff.
Now,
let's
actually
I
think
we
are
on
Charles
Charles
table
on
chose
a
screen
unless
I'm
mistaken
can.
B
B
D
D
B
D
So
if
I
click,
so
the
web
part
doesn't
have
any
UI
because
for
the
example
I,
don't
thought
I
didn't
thought
that
was
relevant.
So
it's
just
rendering
a
list
of
links.
You
click
on
one
and
it
opens
by
default
to
the
general
channel
for
that
team.
So
you
can
see
here
you
are
in
the
motor
General
or
the
Attorney
General
c'mon
yep.
D
So
if
I
then
switch
is
to
enable
that
and
I
click
on
demo,
one,
for
example,
I
can
have
this
pop-up
and
I
want
to
open
on
the
up,
and
there
is
a
Nisshin
at
the
moment
and
I
can
guarantee
you.
This
was
working
before
sometimes
I
was
trying
this
before
the
call
it
seems
like
did
not
always
switches
to
the
correctional
at
the
moment,
in
decline.
D
Up
I
will
try
to
have
a
look
on
that
and
fix
any
potential
issues
if
the
phase
one,
but
that's
basically
it
this
is
done
by
generating
different
URLs
when
you
enable
this
option.
So
in
theory,
if
I
yet
go
to
him
far,
you
should,
after
it
so
I
till
I,
see
the
switch
for
the
channel
for
general.
The
general
Schendel
of
the
team
for
which
is
not
happening
and
I
have
no
time
before
the
cult
of
really
find
out.
Why
so,
if
I
jump
into
the
code,
the
web
part
is
quite
simple.
D
So
on
the
web
part,
you
can
see
that
mainly
all
you
need
is
imparting
the
graph,
client
and
initializing
it
so
I'm
doing
the
initializing
here
on
the
init
method
of
the
web
part
and
after
that,
I
just
pass
it
to
team
service
which
does
it
cause.
You
could
potentially
avoid
these
vardaman
published
a
really
nice
poor
post
about
that,
so
you
could
potentially
avoid
having
to
pass
the
client
to
the
service
like
that
and
make
it
more.
D
On
that,
my
teams
is
as
simple
as
that
notice:
I
don't
have
any
selects
for
properties,
that's
probably
something
you
want
to
either
for
production
code,
even
though
the
properties
for
the
teams
are
very
limited,
but
still
if,
in
the
future,
the
TD
graph
team
decides
to
other
all
bunch
of
information
there.
You
probably
don't
want
to
retrieve
all
that
and
we
have
a
similar
method
for
the
channels.
D
In
this
case,
we
pass
the
team
ID,
which
is
required
for
the
call
and
again
I,
don't
have
any
select
here,
which
you
should
add
for
production
code.
If
you
look
at
the
sample
in
Geetha,
I
created
a
pull
request
before
the
goal.
Well,
actually,
probably
during
the
call
where
I
removed
another
matter
that
I
have
here
to
get
the
tenant
ID,
which
I
was
using
to
open
in
the
client
up
I
found
out
I,
don't
need
that.
So
the
way
this
works
is.
D
When
you
click
on
one
of
these
links,
oops
I'm
going
to
do
the
request
and
get
the
channels
for
that
team
just
to
prevent
it.
So
if
you
have
a
large
number
of
things,
you
don't
want
to
do
all
those
requests
in
advance.
So
if
the
user
clicks
there,
you
get
channels
for
Latium
in
this
case,
for
example,
I'm
just
getting
the
first
channel,
which
is
the
general
one
and
I
redirect
the
user
to
that
channel.
D
So
that's
well
now
another
difference
from
the
current
version
in
the
web
branch
of
the
samples.
So
whenever
the
pull
request
is
accepted,
you
will
get.
Those
are
plates,
but
you
can
see
on
the
pull
request.
The
changes
I
did
the
other
option
if
opening
client
off
is
switched
off
but
which
is
by
default,
uses
a
different
URL
to
open
on
the
web
browser
to
be
able
to
retrieve
this
information.
D
We
need
permissions
to
access
graph
which
I
declare
it
on
the
web
part.
So
so
you
may
wonder
if
you
haven't
used
this
before
so,
how
do
I
know
where
to
get
is
from
a
very
simple
place
to
look
for
is
on
the
graph
documentation.
So
if
you
go
to
run,
link
talks,
Microsoft,
comm
and
then
go
to
graph,
you
have
a
view
and
reference
here
at
the
bottom
which
I
have
open
here
in
here.
D
You
have
basically
enough
left
navigation,
which
is
awesome
and
lets
you
expose
on
the
levels
of
the
elements
you
want
to,
or
basically
on
the
endpoints
you
want
to
use
in
this
case.
If
we
go,
for
example,
to
channel
and
I
want
to
list
channels,
he
tells
you
straight
away
about
permissions.
You
need
the
same
for
team
to
retrieve
my
team's.
D
It's
as
simple
as
this
just
look
for
the
action
you
need
or
the
data
you
need,
and
basically
you
can
see
here.
The
permissions
you
need
so
in
this
case
I
need
user
Ravel.
We
use
a
write
all
and
we
did
you
and
we
need
the
same,
but
for
a
group
to
retrieve
these
channels
yeah.
So
that's
what
I
have
in
my
web
part.
D
If
you
want
to
test
the
web
part
before,
basically
when
you're
doing
development-
and
you
don't
want
to
install
it
but
you
and
to
run
it
on
workbench,
you
can
use
the
office365
CLI.
I
have
the
commands
here.
It's
extremely
extremely
simple
to
other
permissions
in
advance.
You
don't
need
to
replay
the
app
and
it's
just
awesome
when
you
you
deploy
be
hard
or
when
you
enable
the
permissions
you
on
the
admins
portal.
You
can
go
to
up
API
management
and
you
can
see
the
API
requests
approved
here.
D
D
D
This
this
permission
does
is
not
specific
to
your
solution.
It
applies
to
anyone
any
solution
on
the
tenant
or
any
script
that
runs
on
your
page
as
soon
as
you
enable.
Basically,
you
open
the
door.
Anyone
can
use
it.
So
there's
one
thing
to
keep
in
mind.
Hopefully
my
personal
point
of
view
is
I.
Wish
things
would
change
in
the
future,
but
let's
see
how
things
go.
D
Just
one
important
thing
to
keep
in
mind
and
if
you
work,
for
example,
with
clients,
make
sure
you
always
make
it
very
clear
to
them,
because
if
they
find
out
later-
and
they
were
not
aware,
when
would
they
enable
permissions,
they
may
go
a
little
bit
crazy,
so
be
fully
transparent.
In
that
case
scenario,
so
you
have
other
issues.
If
you
try
to
approve,
you
will
so,
basically
anything
that
was
approved.
You
will
file.
There
is
a
few
scripts
I've
seen
online
to
clean
up
duplicate
to
the
requests.
B
Justice,
I
think
I
think
we
contrary
there,
the
basics,
a
few
comments
on
that
one.
First
of
all,
on
the
on
the
permissions.
If
you
would
use
the
isolated
paid
parts,
then
you
are
able
to
target
the
permissions
to
a
specific
application,
so
isolated
web
parts
are
actually
in
GA,
starting
from
one
point,
eight,
so
a
few
weeks
back.
So
that
will
actually
then
grant
you
and
give
you
the
capability
of
not
doing
organization-wide
permissions,
but
also
a
solution,
specific
permissions
now
and
then
the
the
UI
things
are
pretty
horrible.
We
are
them.
B
B
Worries
no
worries,
no
from
a
Tony
perspective
or
slightly
I
bought
all
the
time
so
job
sorry
for
jumping
on
here
and
just
take
from
a
consistent
of
taking
making
sure
that
we
manage
time
efficiently.
Hs.
Are
you
still
available
for
doing
the
demo
or
chill?
Did
you
have
anything
to
still
adhere
to
stubble
checking
no.
E
B
Absolutely
after,
let's
it
let's
not
too
too
much
rushing
because
I
think
whatever
you
have,
it's
actually
really
cool
as
well,
but
kind
of
a
pinpoint
in
the
key
scenarios.
We
will
go
now
slightly
over
time
and
do
technical
issues
which
we
are
having
in
start
and
then
on
the
middle.
That
was
a
pretty
catastrophical
failure
on
the
on
skype
from
HS.
B
If
we
can
share
your
screen-
and
let's
say
we
forget
things:
moving
and
Thank
You
Joel
a
really
good
demo-
that
before
HS
actually
start
so
John
Charles
I,
think
it's
not
a
massively
complex
web
point,
but
I
think
those
simple
web
parts
are
super
useful
to
understand
the
basic
scenarios,
because
then
you
can
actually
go
to
the
solution
and
sample
and
say:
ok
now,
I
get
it
and
then
I'll
decorate
that
and
make
it
pretty
more
prettier
if
needed.
But
it's
really
a
kind
of
a
classic
scenario
where
we
want
to
use
Microsoft
graph.
B
E
Right,
thank
you,
hi
guys.
My
name
is
each
other
saying
and
hope
you
all
can
see.
My
screen
here
is
my
Twitter
handle
and
blog
and
there's
also
link
for
that
sample
available
under
a
speed
of
effects.
Webparts
wrapper
on
github,
and
so
so
let
me
go
to
actually
show
you
how
the
web
part
look
like,
and
then
we
can
talk
from
there.
Okay,
so
so
this
is
how
the
web
part
actually
look
like,
and
so
the
couple
of
things
basically
in
in
this
report.
E
This
is
not
really
complex,
but
it's
a
couple
of
different
components
add
together,
so
make
it
more
functional.
So
we
have
in
this
report,
we
have
a
FPF
extract,
reusable
control
for
taxonomy
picker,
and
we
have
another
search
box
which
used
for
a
type
search,
and
so
this
is
a
list
of
images
coming
from
the
image
library
and
another
component
we
have
in
here
is:
we
have
implemented
server-side,
pagination
and
also
so
so.
Just
give
you
first
will
show
you
the
demo
and
then
we
can
look
into
the
quickly
code
as
well.
E
Now,
if
I
go
into
the
property
pain,
so
you
can
simply
give
a
name
of
the
library
which
is
I
have
here
open?
Is
the
image
library
and
I
have
added
a
few
sample
images
and
then
for
protection.
A
picker
I
have
I
really
want
tons,
which
you
can
tag
with
less
positive
Department
and
for
for
this
search
for
type
search,
I'm
pointing
to
the
title
of
the
images.
E
E
Yeah,
so
we
have
abused
our
office
fabric
UI
panel
component,
so
it
will
take.
It
will
basically
take
that
image
you
clicked
and
also
will
display
a
list
of
all
the
tagging
which
are
associated
with
that
image
so
that
they
potentially
this
can
be
used
not
just
for
images.
You
can
use
the
same
report
for
documents
as
well.
The
in
terms
of
the
filtering,
if
I,
let's
say
I,
have
a
department
for
sale.
So
if
again,
this.
E
Yes,
basically
pull
up
all
the
sales
related
images
and
the
same
thing:
girls,
and
when
I
cancel
this
one
and
it's
going
to
go
back
to
reset
automatically
and
if
I,
when
I
start
typing
anything,
that's
P.
Probably
the
boat
is
gonna.
It's
basically,
you
know,
use
the
type
search
and
match
the
title
of
the
images
and
bring
back
those
images.
So
you
can
search
less
short
looking
for
shop.
It
will
basically
think
that
I
bring
that
that
that's
a
demo
or
for
the
web
part
and
if
we
quickly
look
in.
E
So
there
are
a
couple
of
things
here
which
I
can
quickly
show
you
drive
so
because
I'm
I'm,
building
the
pagination
myself
and
so
I
need
to
need
to
kind
of
a
keep
record
off
humming
items
uploaded
before
and
then
construct
the
rest
API
URL
accordingly.
So
that's
why
I'm
using
URL
collection
and
filter
purist
and
Koreans
like
URI,
if
I
show
you
the
initial
table
method,
one
matter
which
is
read
item
is
basically.
E
E
So
you
would
have
you
can
so
I
have
a
method,
we
own
click
Next
on
click,
previous
and
then
I
have
a
filtering
on
tax
tax
to
make
liquor
change
and
I
will
search
change
which
basically
get
the
theory
and
call
this
method
in
their
histories
and
bring
the
data
and
then
show
you
in
the
web.
Part
I
think
that's
just
us
all
from
my
side.
B
Cool
really
cool
stuff,
I
think,
and
that
would
be
really
nice
to
have
a
kind
of
a
generic
service
and
because
this
makes
a
lot
of
sense
actually
does
this
lot
of
cool
stuff
related
on
loading,
the
URLs
and
reloading
the
data
and
then
filtering
the
data
but
or
some
example.
You
had
a
post
on
that
one.
Thank
you,
David
for
sharing
the
links
and
the
blog
post,
and
also
did
the
sample
really
really
useful
sample
of
showing
how
to
make
this
basic,
but
not
just
basic
stuff
work.
B
B
Let's
see
if
I
can
actually
move
to
the
slides,
so
let's
actually
go
there,
but
Thank
You,
Hugo,
Thank,
You
ciao
and
thank
you
HS
really
really
really
great
demos.
Today,
it's
a
pity
that
we
had
some
technical
issues.
I
think
we
were
able
to
save
the
recording
of
the
demos
which
is
super
important,
so
people
can
actually
see
what
you
built
and
also
having
that
discussion
recorded
in
the
into
YouTube
as
an
individual
video.
B
A
A
good
one,
so
our
next
meeting
is
gonna,
be
April.
25Th,
that's
to
Thursdays.
From
now
the
next
general
div
dev
special
interest
group
meeting
will
be
next
Thursday
April
18th.
Thank
you
all
very
much.
We
really
appreciate
you
sticking
with
us.
This
call
will
be
probably
our
most
edited
ever
and
we'll
have
it
out,
probably
the
next
24
to
48
hours.
Thank
you
all
very
much
have
a
great
rest
of
your
week
and
we'll
talk
soon.
Thank
you.
Bye,
bye,.