►
Description
Recording of the SharePoint - SPFx and JavaScript (client-side) development Special Interest Group community call from January 16, 2020.
Topics covered:
Updates on SharePoint Framework from Microsoft SharePoint engineering, latest on PnPjs Client Libraries, Office 365 CLI, SPFx Reusable Controls, and on the PnP Yeoman Generator. Three demos were delivered: The first demo focuses on a SPFx web part that returns a list of sites that have site catalogs, as well as a listing of installed apps and versions. The latter two demos showcase new features added to the PnP modern search web part in December. These include improved functionality for customizing your UX, a simple means to create your own components and custom query suggestions. Finally, there was 5 minutes left for Q & A. This call was hosted by Patrick Rodgers (Microsoft).
• Demo: Site collection app catalog summary view web part | Federico Porceddu (Avanade) | @FedericoSPDev
• Demo: Updates on the PnP modern web parts solutions – Latest capabilities | Franck Cornu (aequos) | @FranckCornu
• Demo: Custom query suggestions functionality in the PnP modern search solution | Brad Schlintz (Microsoft) | @bschlintz
Additional details on topics covered during this call may be found in the SharePoint Developer Blog post for this call at: http://aka.ms/spdev-blog
All previously recorded SharePoint SPFx & JS Dev SIG community calls: https://www.youtube.com/playlist?list=PLR9nK3mnD-OXdcwfcHGsGr78nHWLRsv1x
All SharePoint PnP Developer Community demos: https://www.youtube.com/playlist?list=PLR9nK3mnD-OWSbg0o9a7mx_E7s2u7h_o2
SharePoint PnP Developer Community channel on YouTube: https://aka.ms/spdev-videos
More information on SharePoint Framework library components is available at: https://docs.microsoft.com/en-us/sharepoint/dev/spfx/library-component-overview.
You can download an invite for this bi-weekly community call at: http://aka.ms/spdev-sig-call.
For details around the open-source work being done by the SharePoint PnP Development Community, visit http://aka.ms/sppnp
A
Hello
and
welcome
to
the
SharePoint
framework,
a
JavaScript
special
interest
group
bi-weekly
sync,
it
is
January
16th
2020
I've
got
a
great
call
for
you
today,
so
we've
got
our
updates
across
the
patterns
and
practices.
Programs.
We've
got
two
great
demos:
first
from
Frederico
a
site
collection,
app,
catalog
view
web
part,
which
is
very
cool
and
then
updates
on
the
PNP
modern
web
parts.
Solutions
from
Frank
and
Brad
so
excited
to
see
those
here
at
the
call.
So
let's
get
through
our
updates
and
get
to
those
demos.
A
So
people
often
ask
what's
a
great
way
to
get
you
know
and
more
involved
in
the
patterns
and
practices
programmer
in
these
calls,
and
first
off
I
always
recommend.
If
you
have
something
you
like
to
demo
I
know
everybody
out,
there
is
doing
great
work
for
your
customers
or
your
companies.
We'd
love
to
have
you
demo
that
stuff
on
these
calls,
so
anything
around
SharePoint
framework
and
anything
around
you
using
any
of
the
at
PNP
offerings.
Be
it
the
CLI
that
controls
PN
pjs,
especially
in
combination
with
SPF
X,
make
great
demos.
A
We've
had
some
really
fantastic
demos
on
these
calls
and
look
forward
to
all
the
great
ones
in
the
future.
We'd
love
to
have
you
and
feature
your
demo
on
this
call.
So
please
reach
out
to
myself
or
vase
up
and
we'll
get
you
scheduled.
We
aren't
booked
out
I
think
at
this
point,
maybe
even
into
March
a
little
bit.
So
don't
fear,
though
we
will
get
you
on
the
schedule.
We'd
love
to
have
your
demo.
A
So,
even
if
it's
not
on
the
very
next
call,
we
definitely
will
get
you
scheduled
and
love-love-love
to
have
those
demos
from
everybody.
We
also
encourage
you
to
contribute
on
github
and
contribution
takes
a
number
of
forms.
So
you
can
report
issues
to
us.
We
don't
love
that
there
are
issues,
but
we
love
to
get
them
reported
so
that
we
can
fix
them
address.
Some
issues
can
be
questions.
Get
your
questions
answered,
you
know,
could
be
issues
you
found.
A
bug
could
be
ideas
for
enhancing
any
of
our
offerings.
A
So
this
is
true
across
any
of
the
at
PNP
suite
of
things,
we'd
love
to
hear
your
thoughts
and
how
we
can
make
those
better.
We,
of
course,
across
all
our
things,
absolutely
accept
and
encourage
pull
requests.
So
if
you
have
some
time
and
want
to
maybe
fix
a
bug
or
maybe
add
a
new
feature
or
a
new
method,
or
something
like
that,
absolutely
encourage
that
love
to
have
that,
and
it
really
helps
grow
things.
A
You
know
faster
and
get
the
community
involvement
to
help
build
things
up
as
opposed
to
waiting
till
you
know
someone,
the
core
team
might
have
the
time
to
address
a
certain
thing.
If
you
have
some
time
and
are
willing
to
submit
a
pull
request,
we
absolutely
love
to
have
those
encourage
those
and
certainly
accept
those
and
then.
A
Finally,
if
you
have
a
few
moments,
you
happen
to
look
through
the
issues
list,
and
maybe
you
see
somebody
has
a
question
or
isn't
sure
how
to
get
started
on
something,
and
you
happen
to
know
the
answer
to
that.
That's
a
great
place
to
dive
in
help
them
out.
With
that
question,
it
really
kind
of
again
builds
on
that
community
gets
them
answers
a
little
bit
faster
and
then
also
helps
you
share
your
knowledge
and
encourages
other
people
to
get
involved
as
well
so
great
ways
to
contribute,
encourage
all
of
you.
A
So
a
great
resource
definitely
encourage
you
to
check
that
out
if
you're
interested
in
getting
involved
or
contributing
or
helping
out
but
you're,
just
kind
of
not
sure,
maybe
where
to
get
started,
definitely
check
that
program
out,
really
excited
to
see
that
getting
started
and
they've
already
had
I
think
one
or
two
sessions
there
so
really
great
stuff
and
look
forward
to
even
more
coming
out
of
that
in
the
coming
year
and
then
finally
always
encourage
everybody
to
give
us
feedback
on
what
we're
doing.
So.
How
are
these
calls?
How
is
our
documentation?
A
Where
can
we
help?
Of
course,
specific
feedback
is
great,
saying
the
documentation
could
be
better
is
true,
but
that's
kind
of
a
big
problem
to
solve.
So
if
there's
a
specific
article
or
a
specific
part
of
these
calls
something
that
we
could
be
doing
a
little
bit
better,
certainly
I
love
to
hear
that
and
love
to
try
and
make
all
of
our
work
as
as
good
as
it
can
be,
and
then,
finally,
of
course,
positive
feedback
is
okay
too,
if
you
like
something,
we're
doing
it's
great
to
tell
us
that
as
well.
A
We've
got
some
links
here
before
we,
the
updates
on
the
program
stuff,
SharePoint,
dev,
Doc's,
SP,
dev
Doc's
will
take
you
to
the
all
up,
SharePoint
developer,
documentation
that
documentation
is
really
includes
all
of
the
SharePoint
developer
documentation
now,
so,
whether
you're
getting
started
on
SharePoint
framework,
whether
you
are
doing
manage
code
development
or
whether
you're
doing
app
development,
that
is
going
to
be
where
you
can
find
documentation
for
all
of
those
resources,
so
definitely
check
that
out.
Sp
Deb
videos
is
the
PNP
YouTube
channel.
A
So
it's
got
all
of
the
recordings
of,
for
example,
this
call
or
other
special
interest
group
call
or
monthly
calls,
as
well
as
various
series
of
videos
on
specific
topics
so
stuff,
like
provisioning
stuff
like
getting
started
with
the
CLI
and
we're
working
on
getting
some
videos
out
there
for
PJs
on
getting
started
with
v2.
So
those
will
be
coming
up
very
shortly.
I've
seen
the
first
one
of
that
is
really
great
and
we'll
get
the
second
one
out
shortly
as
well.
A
A
So
that's
a
link
or
a
link
issues
list
monitored
by
the
product
group,
so
that
is
essentially
an
official
feedback
forum
and
it's
a
great
place.
If
you
find
an
issue
with
SPF
X.
You
know
if
you
find
an
issue
with
sort
of
modern
page
experience
stuff
like
that,
it's
a
great
place
to
report
it,
and
so
it
can
be
tracked
and
publicly
visible
on
the
progress
there.
Finally,
two
great
open
source
organizations,
github
comm,
/
SharePoint
and
the
github.com
P&P,
so
SharePoint
is
the
official
Microsoft
SharePoint
organization.
A
That's
where
you'll
find
things
like
that
SharePoint
dev
issues
list
and
a
lot
of
other
sort
of
more
official
resources
and
then
as
well,
github.com,
slash,
p
and
p
is
our
patterns
and
practices
organization,
so
not
an
official
microsoft
organization.
But
the
organization
where
we're
housing,
a
lot
of
our
modern
patterns
and
practices,
solutions
so
can
find
those
there,
and
you
can
also,
of
course,
find
a
couple
of
the
older
like
site,
score
and
stuff
like
that
under
the
sharepoint
org
for
PNP,
so
moving
into
updates
from
engineering
vason.
Anyone
take
it
away.
Yep.
B
Thank
you.
Thank
you.
Thank
you.
Let's
go
to
the
first
slide,
just
a
reminder
first,
because
we're
promoting
this
now
heavily
in
here
and
there,
but
we're
getting
a
lot
of
good
feedback
around
this
one.
So
please
please,
please
remember
to
use
two
looked
at
myself,
calm,
because
this
is
the
easiest
way
to
get
you
the
ready
to
go
demos
around
how
to
use
and
how
to
build
modern,
SharePoint
experiences.
So
there's
twelve
different
or
fifteen
different
templates,
and
you
can
select
on
them.
You
can
surface
those
in
teams.
B
You
can
do
a
lot
of
other
things
with
those
templates
as
well,
and
those
templates
are
actually
exactly
to
this
science
which
we
used
in
ignite
keynote.
So
that
should
be
quite
exciting
for
you
and
they're,
also
good
kind
of
hosting
templates,
and
when
you're
building
your
own
ship
on
favored
extensibility,
we
have
done
a
significant
improvements
there,
pretty
recently
it's
much
more
reliable.
Now
there
was
some
exception
issues
for
data
and
here
and
there,
and
it
should
be
much
more
much
more
reliable
if
you're,
using
the
word
service
right
now.
B
The
next
slide
is
more
around
a
shape
on
framework
usage,
just
to
show
you
that
we're
backing
track
on
the
usage.
So
that's
a
that's
kind
of
a
showing
you
the
trends
from
early
2008
until
2020
on
the
adaption
of
SharePoint
framework
day-to-day
basis
worldwide
in
SharePoint
Online.
So
we
can
actually
use
or
show
did
you
use
it
and
growth
and
as
expected,
and
do
the
holidays.
Asian
there's
always
a
truck
during
end
of
December,
but
then
it
gets
back
on
the
on
the
growth
track
in
January.
B
You
can
create
personal
app
app
using
SharePoint
framework,
but
targeting
teams,
and
then
you
can
actually
create
also
Outlook
Web
Access
add-ins
using
the
SharePoint
framework,
and
we
we
are
actually
in
progress
of
doing
more
and
more
together
with
all
these
engineering
organizations.
So
we
are
planning
updated
guidance
on
team
side
of
the
house
and
kind
of
emerged.
A
messaging
emerged
community
engagement
together
with
teams
and
deaf
sign,
so
making
sure
that
people
understand
to
take
advantage
of
this
joined
and
shared
development
experience
across
the
both
sides.
B
That's
where
the
band
point
may
be
there
as
well,
and
this
the
fact
that
you
usually
have
been
framework
to
implement
potentially
of
a
settings
or
themes
tabs
doesn't
mean
that
the
old
models
and
themes
or
in
the
office
items
are
not
going
to
go
away.
That's
not
true!
So
the
model
where
you
wanna
surface
an
existing
website
in
themes
as
a
tab
or
as
an
officer,
and
that
is
absolutely
still
supported,
but
whichever
one
framework
and
which
will
be
renamed
to
something
else.
You
know
later.
B
This
is
much
more
easier
and,
and
you
can
really
easily
build
enterprise
applications
using
this
model,
and
so
with
1.11,
1.12
and
officer
inside
I
will
go
to
GA,
and
then
you
can
target
all
of
the
other
office
clients
as
well.
Now,
at
one
point
in
this
out,
we
haven't
actually
decided
once
in
a
1.11
most
likely.
There
will
be
one
point,
ten
point,
one
relatively
soon:
nothing
too
dramatic.
B
Oh
there's
certain
things
which
we
need
to
get
fixed,
not
any
critical
things,
but
we
need
to
make
sure
that
in
even
in
edge
scenarios,
if
you
choose
certain
options,
those
are
working
in
a
super
super
reliably.
Maybe
the
development
experience
has
development.
Experience
have
certain
things
which
we
need
at
rest,
so
nothing
critical,
but
still
there
will
be
one
point,
ten
point
one
quite
soon
and
then
what
will
be
in
one
point?
B
Eleven
has
not
yet
been
decided,
but
we're
looking
into
doing
that
before
will
before
SPC
and
then
another
release
in
SPC
and
during
the
spring,
and
one
of
the
key
points
for
us
is
really
to
address
the
store
scenarios
so
making
sure
that
you're
able
to
target
AB
source
for
SharePoint
framework
treatment
applications.
We
at
the
same
time
build
a
unified
monster,
365
tool,
chain
and
workload,
so
basically
in
future,
and
no
longer
just
creating
ship
on
framework
components
as
a
report
you're
creating
something
else.
B
Whenever
somebody
makes
a
decision
around
what
we
gonna
call
that
they
do
support
for
fluid
framework
in
plans
faster,
you
know,
dev,
Lu
and
more
extensions
means
that
there
will
be
navigation,
extensions,
overriding
extensions
and
all
of
those
things,
hopefully
by
SPC
already
available,
maybe
in
preview
earlier
than
that,
but
that's
a
quick
update
on
my
site,
so
nothing
too
traumatic
all
on
this
side,
but
progress,
progress,
progress
and
let's
go
to
the
rapids
right
Patrick.
Let's
go
to
the.
A
A
Not
whatever
reason
which,
because
I
owned
rabbits,
it's
not
completely
random
PJs
updates
v2,
so
the
release
delayed
we
had
one
scheduled
for
last
Friday.
That's
been
delayed,
slightly,
do
just
two
stuff
in
life
me
being
really
busy
with
my
real
job
and
also
some
illness
stuff
catching
up
with
me,
so
that
is
gonna
go
out,
hopefully,
maybe
later
today
or
tomorrow,
for
the
v2
release.
I'm
working
on
getting
caught
up,
they're
fixed
some
nodejs
import
issues
fix
some
issues
that
came
into
the
list,
as
well
as
cleaned
up
some
stuff
from
the
launch.
A
There's
always
an
initial
yeah
cruft.
It's
a
word!
Look
it
up,
so
just
some
cleanup
stuff
that
was
left
over
from
that
and
then
I
just
got
a
ton
of
documentation
updates
from
Julie
who
helpfully
updated
the
docs
to
make
more
clear
and
also
fixed
a
ton
of
my
terrible
typos.
So
thank
you.
Thank
you.
Thank
you,
julie
for
doing
that
to
take
the
time
to
Det.
I
also
want
to
thank
everybody.
This
reported
issues
since
the
2.0
launch
appreciate
that
with
every
launch,
there's
always
a
couple
little
things
will
slide
through
so
appreciate.
A
Getting
those
early
issues
back
and
able
to
fix
those
for
the
201
release
that
will
come
come
out,
like
I
said
maybe
later
today
or
definitely
by
tomorrow,
wanted
to
mention
as
well.
The
polyfill
package
has
been
updated.
That's
only
required
if
you're,
using
IE
11
but
did
fix
two
issues
folks
were
having.
The
first
was
a
stack
overflow
issue,
specifically
when
working
with
SPF
x,
so
that
was
just
a
conflict
between
the
polyfills
the
SPF
x
uses
and
that
we
were
providing
so
fix
that
and
then
as
well.
A
We
hadn't
provided
a
polyfill
for
cymbal
and
somehow
didn't
catch
that
previously
so
got
those
fixed
and
a
new
update
is
out
or
the
package
is
published
an
out
for
the
polyfill
that
is
out
and
available
now,
so
they
had
trouble.
Please
grab
that
and
should
be
good
to
go
if
you
continue
have
trouble.
Of
course,
let
us
know
and
wanted
to
mention
again.
A
David's
been
working
on
some
great
videos,
look
forward
to
getting
those
out
for
you
very
shortly,
we'll
get
those
out
alongside
the
PJs
2:01
release
so
that
we'll
probably
all
kind
of
land
Monday
is
my
current
mental
plan.
There
PNP
github,
tayo,
/p
and
PJ's
for
all
the
documentation,
hash
tag
PJs
on
Twitter.
You
can
follow
me
at
mediocre,
bowler
on
Twitter
and
would
love
you
know
to
hear
from
you.
If
you've
got
ideas
about
p.m.
A
A
So
that's
again
great
work
driven
by
the
community,
so
I'd
love
to
see
all
the
contributions
going
into
the
CLI
and
the
great
work
going
on
by
all
those
folks,
and
you
can
always
install
the
beta
versions
using
NPM,
install
gee,
@pp,
so
ice
office
to
CLI
at
next
will
get
you
whatever
the
latest
current
latest
beta.
Is
there
a
hashtag
office,
365
CLI
on
Twitter,
get
ur
diam,
slash
office
news,
5
CLI
for
get
ur
chat,
then
docks
there
akms.
Oh
three,
sixty-five
Ciel!
A
So
it's
been
really
fantastic
to
see
the
growth
of
this
tool
over
the
year
or
years.
Has
it
been
years
now
that
this
has
been
out
but
really
cool
tool
really
amazing
to
see
the
amount
of
community
involvement
in
building
out
the
CLI?
So
that's
very
exciting
to
see
and
really
excited
to
see
the
continued
growth
of
this
just
makes
it
an
even
more
valuable
tool
in
your
developer
toolbox.
So
definitely
check
that
out
and
encourage
you,
of
course,
on
any
of
our
projects.
A
But
the
CLI
is
a
great
place
to
get
started,
perhaps
with
your
first
contribution,
because
each
command
is
sort
of
its
own
atomic
thing.
So
it's
easy
to
get
involved
there
in
the
CLI
and
make
a
make
a
real
impact
very
quickly,
reusable
controls.
So
we
have
some
rack
controls.
One
17-0
beta
is
out
and
there's
big
push
on
localization
for
these
controls,
so
supporting
localization
for
all
of
the
SharePoint
languages,
doing
auto
translation
via
cognitive
services,
very
exciting,
new
development,
very
cool
thing
to
see
in
there
I
know
SharePoint
or
PMP.
A
We
haven't
always
been
the
best
at
language,
support
localization
support.
So
it's
really
exciting
to
see
this
support
get
into
the
controls,
they're
very
widely
used,
and
that's
a
great
new
feature.
Of
course.
If
you
don't
like
the
automatic
trans
translation,
those
can
be
updated
to
be
better.
You
know
from
you
know,
native
speakers
and
so
forth,
as
well
new
controls
or
updates
to
existing
control,
so
taxonomy
picker
able
to
hide
deprecated
and
available
for
tagging
terms
and
then
lots
of
other
fixes
and
improvements
are
going
into
the
react,
controls
right
now.
A
Of
course,
thanks
again
as
well
to
all
the
contributors
here
and
for
more
information,
the
first
link
there
is
to
the
property
controls.
That's
the
set
of
control
set
of
react,
controls
designed
to
be
used
within
the
property
pane
of
your
web
part.
So
you
can
edit
your
webparts
properties
and
give
it
give
a
very
nice
out-of-the-box.
A
Therefore,
the
Edit
pane
and
the
second
link
there
takes
you
to
the
react
controls
of
which
the
117
beta
is
out,
and
the
controls
are
designed
to
be
used
more
in
the
body
of
your
webparts
are,
of
course,
application
customizers
as
well,
and
that
is
a
great
way
to
again
bring
a
real
out-of-the-box
feel
and
look
to
your
webparts,
but
without
having
to
do
any
of
that
development.
Work
yourself.
So,
building
on
this
community
work
to
enhance
your
projects
and
give
them
a
great
visual
appeal
right
out
of
the
box.
A
Last
but
not
least,
our
community
yeoman
generator
another
great
addition
to
your
SharePoint
development
toolbox.
This
builds
on
top
of
the
chloral
core,
real
SP,
FX
generator,
and
so
everything
you
get
under
the
hood
is
a
real
SP
FX
project
with
all
the
same
Microsoft
dependencies,
but
it
gives
you
a
lot
more
setup
options
in
terms
of
adding
additional
libraries,
such
as
view
handlebars
so
forth
to
your
projects
as
well
as
some
of
the
PNP
libraries,
so
PNP
GIS
or
the
controls.
A
You
can
add
all
that
stuff
directly
into
your
projects
and
gives
you
a
more
enhanced
set-up
experience
so
that
you
could
have
a
lot
of
the
extra
stuff
used
to
have
to
add
kind
of
after-the-fact
into
your
projects
right
from
the
get-go.
So
it's
really
great
to
see
that
encourage
folks
to
use
that
it's
a
great
tool,
especially
in
larger
organizations,
to
have
sort
of
a
standard
set
up
for
all
your
project
types.
A
You
can
include
a
lot
of
extra
stuff,
a
lot
of
extra
configuration
while
still
getting
like
I,
said
a
quote-unquote
real
SP
FX
project
with
all
the
same
dependencies
so
excited
to
see.
This
is
another
tool.
That's
continued
to
develop
greatly
since
it
was
first
launched
a
lot
of
community
involvement
there.
So
thank
you
to
everybody.
A
So
stuff
that's
happening
is
working
on
some
enhanced,
build
pipelines
as
well
as
getting
lodash
integrated
for
smaller
builds
and
bundles,
so
excited
to
see
that
stuff
come
to
fruition
and
that,
hopefully,
will
be
released
very
soon,
install
it
in
the
latest
version
via
NPM
and
the
install
GFP
/
generator
pfx
documentation,
akms
P&P
generator
somebody's
pasted
that
link
there
in
the
chat
as
well.
Thank
you,
carl
and
chat
on
get
ur.
Get
it
out.
C
Party,
thank
you,
everybody.
My
name
is
Federico
Pritchett
nice
to
meet
you
all
I'm,
a
CEO
developer
from
Avalon
Italy,
Italian
biz
in
Sardinia
in
Calgary
at
the
era
of
the
Advanced
Technology
Center,
and
here
you
can
find
my
contacts
today.
I
show
you
an
a
specific
swebbert
allows
you
to
list
all
the
collection
up,
catalogs
and
all
up
stolid
with
some
useful
metadata
and
see
together.
C
General
lead
needs
for
this
sample.
First
of
all,
my
goal
was
to
find
a
way
to
monitor
a
specific
solution,
install
add-on,
locale
so
say,
collection,
app,
app
catalog.
Why?
Because
it
does
well,
it's
easy
because
from
a
teller
at
an
institute
point
of
view,
there
is
no
way
at
the
moment
to
check
without
using
scripts
or
code
which
sighs
currently
use
an
app
catalog
and
a
local
App
Catalog,
and
how
many
solution
are
installed
on
which
version
and
etc.
C
Let's
continue
with
a
short
introduction
or
taking
a
background
because,
as
a
yama
said,
you
know,
there
are
two
types
of
up
car
talks.
I
wish
you
can
deploy
solution
as
prefix
appointed
in
agra
one
at
the
turn
level,
where
the
solution
style
here
can
potentially
be
avaible
on
all
sides,
so
piggish
marinara,
centralize
it
and
about
a
collection
of
catalog
and
local
to
the
second
action
they
introduced
a
specific
illustration
level
for
packages.
Salvation
could
be
specific
to
sides
but
pay
attention,
because
only
user
report,
mr.
C
Lewis
tater,
can
create
a
site
collection
up
cattle
by
the
way
is
the
Quinton
from
the
officer
or
positive
Dos
Passos
calm.
You
can
find
all
information
and
difference
between
a
two
up.
Katherine
about
fundamentals.
I
took
inspiration
from
a
pastor
by
David
Romero,
which
I
think
again,
and
you
can
find
a
link
on
this
post
on
my
blog
David
in
supposed
to
talk
about
how
to
check
all
sharpen
supports
a
collection
with
up
cattle
active
this,
because
the
default
should
point
second
SEC
election
and
Katherine
is
not
enabled
so
flex.
C
This
post
is
corded
is
a
Middle
East
to
the
tenant
up
catalog
and
where
you
can
find
all
the
SEC
collection
of
cattle
enable
and
relative
URL.
So
you
inside
you
can
find
listed
all
circulation
up,
car
and
cattle
URL,
and
this
dem
cattle
is
a
just
a
custom
list
and
they
do
this.
So
we
can
prove
a
perform
action
on
this
list
and
this
is
the
URL.
So
you
can
access
to
the
this
list
by
the
solution.
Key
point
I
wanted
to
take
advantage
of
this
contribution
to
gain
experience
on,
pin
pspp
conscious
wracked.
C
Fortunately,
there
is
pimpy
SPF
catalog
from
p.m.
PG
gas,
so
we
can
access
to
the
circulation
catalog
and
get
all
apps
easily,
and
this
is
our
zone
really
really
awesome.
Remember
all
this
action
are
bound
by
permission
action
around
ALM,
so
it's
likely
most
user
will
not
have
the
right
to
perform
this
ALM
action.
I
want
to
like
to
show
you
a
detail
or
the
one
of
the
call
to
the
native
API
I
like
this.
There
is
this
recipe:
I
circulation
is
a
web
secular
short,
catalog
develops
and
LM
API
cause
return.
C
C
C
In
my
talent
were
local
cattle
is
enables
or
really
really
simple
list,
and
we
can
see
the
web
part
in
action
and
the
word
party
we
are
okay,
so
I
decided
to
show
about
four
or
five
colors
like
the
circle.
Action
is
a
link
and
title
I
already
implement
a
custom
render
with
ListView
SP
fix
contract
in
order
to
render
a
different
color,
for
instance,
if
there
are
no
apps
available
for
inside
and
you
can
find
app
catalog
if
it
is
deployed
and
different.
C
Okay,
I
just
use
the
set
the
filter
in
it's
really
easy,
and
this
outer
box
feature
from
this
control,
so
you
can
filter
for
all
enable
and
deploy
yard
freeze
this
observe
for
every
every
site.
We
can
see
already
the
code,
so
we
are
so
this
webpart
and
really
really
easy
and
simple
I
include
contrast,
so
I
can
edit
my
web
potato
and
ListView
taste
bind
from
these
state
properties,
item
catalog,
which
is
related
in
the
component
Tidmouth
even
from
reactant.
C
C
C
Back
to
the
web,
part
I
want
to
show
you
the
custom
render
for
Easter
for
the,
for,
if
it
is
the
private
or
not,
it's
really
easy,
and
so
you
can
set
a
style
or
a
color
or
a
value.
A
to
to
these
two
to
your
list
view
row
and
least
fuel
cell
I
think
there
is
nothing
more
to
show
you
and
no.
This
is
the
slide
and
purpose.
So
this
is
all
from
a
side.
I
think
you
party
I.
Thank
you
all
for
your
attention.
A
D
D
D
So
basically,
what
you
have
to
know
with
this
iPod
I
won't
go
deep
into
the
configuration,
but
what
you
have
to
know
with
the
search
web
part,
which
is
the
main
web
part
of
this
solution,
you
can
customize
the
UI
with
different
option,
meaning
you
can
just
adapt
the
the
UI
and
the
result
display
according
to
your
requirements.
So
basically
we
have
multiple
scenarios
supported
in
to
customize
the
UI.
D
The
first
one
I
would
say
would
be
the
light
one
internal
customization,
so
you
can
just
configure
your
probably
your
own
properties
on
such
such
manage
properties,
edit
placeholders,
the
queries
and
so
on.
This
is
the
basic
scenario:
okay,
but
we
have
also
like
Advent
scenario.
So
in
this
scenarios
you
can
completely
override
the
result
display.
So
for
this
there
is
existing
solution
that
you
can
use
to
completely
override
this
UI.
So
the
first
one
is
use
the
search
custom,
renderer
project.
D
This
is
a
project
that
was
made
when
year
ago,
I
guess
light
around.
So
with
this
project,
you
just
total
control
about
the
UI
and
you
can
use
a
react
component
to
customized
year.
The
result
displayed
by
the
way
I
forgot
to
mention,
but
there
is
a
new
repo
for
the
PNP
model,
sattva
part.
So
this
is
not
all
still
in
the
SP
deaf
solution.
We
posit
every
anymore.
D
So
if
you
have
issues
or
issues
or
anything
else,
just
go
to
the
new
repo,
microsoft
search,
slash,
PNP,
modern
search,
and
you
can
start
from
there
and
get
the
latest
videos
from
there.
There
is
also
a
nice
documentation
as
well,
so
you
can
just
explore
the
documentation
and
much
more
readable,
okay,
so
for
the
custom
renderer,
you
can
use
this
to
customize
a
whole
display
and
the
new
feature
I
will
show.
You
is
another
way
to
let's
say:
customize
more
granular,
which
is
the
creation
of
custom
web
components.
D
Web
components,
you
may
have
noticed
default
layouts,
provided
with
these
web
parts,
already
used
this
technique.
The
web
component.
This
is
decade
for
this.
Okay,
sorry
for
the
details
list
and
the
ties
layouts.
So
if
I
click
on
the
details
list,
for
instance
and
I
will
inspect
the
underlying
end
of
all
templates,
you
will
see
something
like
this
PNP
detail
list
and
so
on
and
so
on.
So
these
are
web
components,
wrapping
reactive
components.
D
So
this
way
you
have,
let's
say
the
best
of
both
world
in
terms
of
UI
customization,
you
can
use
react
components
so
create
dynamic,
behaviors
and
you
can
also
benefit
from
the
end,
the
bar
and
the
boss
context,
and
you
can
still
use
CSS
and
HTML
in
your
custom
templates.
So
the
new
feature
is
basically
now
you
have
the
ability
to
create
your
own
components,
so
how
you
can
do
this
in
the
PNP
model
search,
word:
parts,
pink
emails
and
solution.
D
Few
thing
you
have
to
know
for
this
project.
The
first
thing
is
to
get
it
work
with
the
Search
Widget
web
part.
You
have
to
make
sure
the
ID
in
the
manifest
is
this
ID.
This
is
the
only
way
to
let's
say,
load
the
library
dynamically
from
the
search
wizard.
So
you
have
to
keep
the
Tidus
ID
for
now.
I,
don't
know,
there's
another
way
to
load
this
library.
So
first
rule
keep
this
ID.
Then
you
have
a
main
file.
Here's
the
demo
demo
project,
so
it
provides
some
interfaces
type.
D
It
interfaces
that
you
can
use
to
create
your
own
and
declare
your
own
components.
Web
components,
so
all
you
have
to
do
is
create
friendly
name
for
your
components.
So
let's
say
we
lose
my
custom
components
and
web
component
class.
That
will
be
the
logic
of
your
components.
So,
in
this
demo,
I
created
a
very
basic
components.
So,
as
you
can
see,
there
are
some
props
ears
and
there
is
a
logic
so
in
this
component,
I
can
do
pretty
much
anything
I
want.
So
in
this
example,
I
took
I
took
for
instance,
example.
D
The
panel
component
from
the
oficial
fabric
library,
but
you
can
use
own
components,
doesn't
matter
another
rule
to
get
it
work
in
your
templates.
As
you
can
see,
there
are
some
props
ears
and
the
users
of
the
components
will
be
like
this.
So,
as
you
can
see
my
custom
components,
I
can
use
it
like
like
this.
In
my
my
templates,
the
way
HTML
attributes
are
translated
into
reacts
from
props.
D
You
have
to
follow
this.
This
pattern
pattern.
So,
as
you
can
see
my
string
program
translated
in
my
string
per
year,
so
you
have
to
use
in
your
props
the
camelcase
syntax
to
get
it
work.
So
you
know
the
next
simple
ear.
My
string
program
is
translated
to
maximum
power
in
props,
and
this
is
the
same
for
object,
param
also
for
complex
types.
Let's
say
you
have
to
pass
an
object
from
the
end
or
bus
context
to
your
web
components.
D
All
you
have
to
do
for
objects
is
just
to
stringify
the
objects
and
get
get
the
diversion
the
path
vision
into
your
component.
So
this
is
the
way
you
can
pass
complex
objects
and
properties.
So
then,
once
you
really
read
your
components,
what
you
have
to
do
to
let's
say
to
use
to
use
it
in
your
search
result.
Webparts
is
very
easy,
so
I
will
just
go
back
here.
As
you
can
see,
my
template
I've
did
declare
my
custom
component.
Okay,
I,
say
ooh
nice.
D
D
D
My
component
is
near
so,
as
you
can
see,
this
is
my
react
components,
so
it
uses
the
panel
from
UTC,
Arabic,
library
and
I
can
introduce
dynamic,
behaviors
and
so
on
and
I
can
benefit
from
the
Android
bass
context,
so
the
search
results,
properties,
I,
10
properties
and
so
on.
So
I
think
this
is
the
most
flexible
way
to
customize
the
UI,
because
you
have
the
underbar
context,
you
have
the
ability
to
create
your
own
components
or
granular
components,
so
you
can
use
them
in,
let's
say
in
the
global
templates.
D
So
let's
say
here
in
this:
in
the
templates
the
whole
template
or
inside
let's
say
for
the
manage
for
the
detail
each
layout,
you
can
also
use
them
inside,
for
instance,
columns
so
I
can
just
write
my
cursor
incontinence,
Nenana
and
inject
my
total
is.
It
would
be
the
same
so
a
very
flexible
way
to
customize
your
results.
D
D
D
So
you
have
this
probably
already
provided
so
it
means
you
can,
for
instance,
call
your
own
web
services
and
so
on
blah
blah
blah.
You
can
do
whatever
you
want
here.
So
the
only
thing
you
have
to
do
is
just
to
follow
this
structure.
There
is
a
built
in
meta
that,
with
all
the
tributes
from
HTML
attributes
to
react,
drops
using
the
camelcase
syntax
and
there
you
go.
You
can
inject
your
props
into
your
components
and
that's
very.
It's
keep
the
same.
Id
implement
the
base
class
upload
to
Europe
catalog
and
you
go.
D
You
can
just
implement
your
your
web
components
I
think
so.
This
is
the
new
feature
for
the
already
available
in
the
December
release
and
there
will
be
also
a
super
cool
feature
made
by
Brad
leveraging
also
the
accident
extensibility
library.
So
maybe
you
can
I
will
let
you
present
the
cool
super
cool
feature
you
you've
made
using
the
extensibility
library.
So
if
you
can
share
your
screen,
I'm
done
for
my
demos,
so
Brad
alright.
E
E
So
today,
I'm
going
to
demonstrate
the
custom
query,
suggestions,
functionality
that
was
recently
added
to
the
PNP
modern
search
web
part.
This
capability
allows
an
organization
to
use
the
P
and
P
search
webparts.
That
Frank
showed
but
then
add
their
own
rich
query,
suggestions
and
may
come
from
either
a
SharePoint
list,
Microsoft
graph
or
another
system.
E
So
if
this
functionality
leverages
the
same
extensibility
library
that
Frank
showed
earlier,
but
by
adding
an
additional
function,
called
get
custom
suggestion
providers
which
returns
one
or
more
suggestion
providers,
so
a
provider
may
work
in
sort
of
one
or
two
ways.
The
first
way
is
when
you,
you
can
offer
zero
query
suggestions.
So
this
is
these
show
when
you
place
the
cursor
into
the
search
box,
but
the
user
hasn't
yet
typed
anything.
E
So
this
might
be
useful
for
showing
suggestions
relevant
to
the
current
users,
such
as
their
recently
modified
files
or
provide
quick
access
to
a
frequently
visited
link
such
as
the
patterns
and
practices
site.
So
a
suggestion
kind
of
have
a
few
different
components
here,
so
it
can
be
composed
of
a
icon
that
you
can
specify.
You
can
also
specify
the
display
text
as
well
as
description
text
and
a
suggestion
group.
E
E
So
the
same
as
that
0
query
suggestion
and
the
second
set
is
actually
coming
from
SharePoint,
and
this
is
calling
the
built-in
REST
API,
and
so
you
can
select
a
suggestion
by
either
clicking
on
them
with
your
mouse
or
you
can
use
your
keyboard
the
up
and
down
arrows
to
kind
of
cycle
through
the
suggestions.
Once
you
have
a
suggestion
that
you
want
to
to
see,
you
can
either
just
press
Enter
or
click
on
it.
So
I'll,
just
press
ENTER
you,
and
so
you
can
see
we're
actually
doing
a
search
for
that
now.
E
So
how
is
this
all
working?
One
thing
I
do
want
to
show,
though,
before
we
jump
into
the
code,
is
you
can
actually
toggle
each
suggestion
provider
on
or
off?
So
if
we
go
to
edit
the
page
and
then
go
to
our
search
search
box
here
and
hit
edit
when
you
have
an
extensibility
library
deployed
and
that
extensibility
library
returns
one
or
more
custom
suggestion
providers,
then
you
will
see
this
additional
button
show
up
here,
and
so
this
allows
you
to
see
all
of
the
suggestion
providers
that
are
available
to
the
search
box.
E
The
very
first
one
here
is
the
one
that's
built
into
the
PNP
search
webparts.
So
this
is
really
just
the
one
that
that
calls
the
SharePoint
suggestions.
Rest
API,
the
second
one
is
the
custom,
one
that
we
created
in
our
extensibility
library,
and
so
with
each
of
these
you
can
toggle
them
on
or
off,
and
so
you
could
really
have
a
lot
of
flexibility
in
terms
of
which
providers
are
enabled
all
right.
E
So
let's
switch
over
and
take
a
look
at
some
code,
so
the
first
file
that
we're
gonna
take
a
look
at
here
is
the
company
library
component.
So
this
is
the
entry
point
for
where
you
will
register
both
your
custom
web
components
that
Frank
them
were
just
a
little
bit
ago,
as
well
as
the
custom
suggestion
providers.
So
for
each
suggestion
provider
you
can
provide
a
name
which
is
used
internally
to
track
whether
or
not
a
particular
provider
is
enabled
or
not.
So
this
is
saved
in
the
web.
E
E
We
can
actually
see
we
have
a
few
hard-coded
samples
in
here
for
SPF,
x,
training
and
SPF
x,
documentation
and
then
down
here
at
the
bottom.
We're
actually
just
filtering
that
list
of
sample
suggestions
by
the
query
text
of
the
user's
typed
in
the
second
type
of
suggestion
is
a
zero
term
suggestion.
So
this
is
the
is
your
term
suggestions
enabled
property?
If
you
return
true
from
this
forgetter,
then
you
must
also
implement
the
get
zero
term
suggestions,
proper
method
down
here
and
so
you'll
notice.
E
It
can
be
an
asynchronous
method,
so
this
would
allow
you
to
call
let's
say
into
your
own
custom,
API
or
some
service,
to
get
a
list
of
zero
term
suggestions
that
you
can
then
display
when
whenever
you
need
to
and
the
provider
gets
called-
and
so
here
we
just
have
one
that's
hard-coded,
but
here
you
can
see
the
different
properties
that
are
available
on
a
particular
suggestion.
So
here
you
can
see
the
display
text,
the
group
name
the
icon
description,
as
well
as
the
hover
text.
E
So
as
you
hover
over
this
suggestion
in
the
browser,
this
will
show
up
as
a
tooltip
and
then
as
well
as
an
optional
URL.
So
if
you
don't
specify
a
target
URL,
then
when
you
click
on
it
or
select
it
you'll
search
for
the
display
text,
that's
fired
up
here.
If
you
do
have
a
target
URL,
then
that's
when
the
suggestion
does
become
a
link.
E
The
other
property
I
want
to
call
attention
to
you
is
the
on
suggestion,
selected
method.
This
allows
you
to
pass
in
essentially
a
callback.
So
whenever
this
suggestion
gets
selected,
you
can
fire
some
some
logic
here
right
so
I'm
just
logging
it
to
the
console,
but
you
could
think
of
some
scenarios
where
you
might
use
this
to
track
analytics
or
other
things
right.
So
that's
that's
kind
of
one
example,
one
additional
piece
there
that
we
can
show
that
really
is
kind
of
it
for
the
the
suggestions.
E
If
we
kind
of
jump
back
to
the
browser
here,
you
can
kind
of
see,
there's
a
couple
different
ways
that
this
will
work.
I
just
want
to
show
one
more
thing,
so
we
saw
like
if
you
search
for
like
SPF
X
right.
If
I
start
completing
this
out
and
start
typing
training,
you
can
actually
see
it.
It
does
filter
it
down.
So
this
is
all
happening
inside
of
that
that
suggestion
provider
called
that
filtering
logic,
and
that's
that
concludes
my
demo.
D
B
A
one
thing
to
note:
whenever
we
are
we're
in
progress
of
pushing
out
the
Microsoft
search
text
box,
experience,
which
is
the
one
which
is
in
a
certain
application,
so
for
something
on
it
was
actually
in
10%
and
I.
Think
it's
currently
in
hold
we're
fixing
something
and
it's
gonna
get
started
rolling
out
quite
soon
as
well
or
more
and
more,
and
when
that
comes
out,
then
that's
actually
enabling
customers
to
define
a
custom
search
results
page
in
their
site,
collection
level
and
in
that
custom
search
result
page.
B
You
can
then
take
advantage
of
the
BMP
search
report,
so
you're
able
to
actually
build
a
fully
polished
and
an
awesome,
modern,
SharePoint
search
experience,
which
the
Microsoft
search
is
kind
of
a
complying
as
well.
So
whenever,
whenever
somebody's
actually
applying
a
search
query
in
the
suit
navigation
and
that
query
will
be
redirected,
the
custom
search,
query
results
page
and
then
over
there.
B
You
can
absolutely
build
your
own
search
results
with
parts,
but
I
think
we
have
a
nice
set
of
community
open-source
web
parts
here
from
Frank
am
proud
and
oh
well,
because
person
has
been
involved
and
tarak
has
been
involved
and
many
others
have
been
involved
on
building
this
together
right
now.
The
timeline
of
Oh,
getting
that
sued
navigation
and
the
customer
source
web
page
setting
out
would
be
shaking
my
hand
shaking
my
hand,
I,
would
say-
and
not
within
maybe
upcoming
days,
but
within
upcoming
weeks,
not
months.
B
So
it's
coming
and
you
can
see
then
more
wider
communications.
When
that's
up
cute
I
think
that's
it.
Then
we
have
five
minutes
for
the
Q&A.
If
there's
any
any
other
things
to
talk
about
questions,
and
they
will
say,
there
was
a
chat
for
those
who
can
see
the
child,
we
understand
that
some
of
you
cannot
see
the
chat.
There's
apparently
some
sort
of
Mike's
esteems
weirdness
related
on.
How
do
you
access
this
course
and
you
will
get
the
chat
and
other
times
you
don't?
B
But-
and
we
are
more
than
interested
on
any
other
feedback
on
that
one
any
update
when
the
modern
term
store
manager
will
become
available.
We
talked
about
that
one
in
the
monthly
community
call
on
Tuesday,
because
that's
part
of
the
project,
cortex
team
ownership
and
right
now
the
plan
is
that
a
lot
of
this
stuff
is
getting
out
during
this
half
of
the
year,
which
means
by
SBC
and
SPC,
is
in
the
end
of
May.
B
B
Once
to
roadmap
for
shipment
user
profile
versus
gel
craft,
I
still
have
clients
who
want
to
display
birthday,
birthdays
and
work
on
diversities.
I
think
the
longer-term
roadmap
is
is
slightly
more
complicated,
I
think
we're
still
in
there
kind
of
this
I
wouldn't
say
limbo,
we're
in
the
middle
of
making
a
long-term
commitments
and
communications.
B
What's
going
to
happen
because,
like
with
any
other
things,
you
know
office,
365
or
Microsoft,
365
we
wanna
surface,
or
we
want
to
elevate
functionalities
that
taxonomy
not
to
be
honest,
specific
on
shampoo
and
right
now
the
Delft
profiles
and
the
user
profile
profiles
are
shippin
specific,
but
we
actually
want
to
have
my
extra
365
or
orchestrated
5
specific
profile
and
and
whenever
we
will
have
additional
details
on
that.
One
and
those
will
be
then
covered
in
upcoming
community
calls
or
in
the
in
the
tech
community
blog
posts.
B
But
I
can't
go
to
exit
details
when
and
where.
But
something
is
going
to
happen
on
that
area.
Sooner
or
later
it's
pretty
evident.
The
user
profile
is
quite
old.
For
now
my
German
is
horrible.
I
can't
I
returned
for
a
one
and
a
half
years.
I
can't
actually
read
that,
unfortunately,
that
seems
to
be
German.
Maybe.
B
B
We
actually
already
have
an
agenda
for
that
one
most
likely
chris
kentis
back
with
his
for
for
your
horses,
and
if
you
don't
know
what
I'm
talking
about
you
don't
want
to
miss
the
call
and
for
those
who
have
seen
that
know
exactly
what
I'd
mean,
but
for
your
horses,
but
that's
in
the
next
Thursday
and
from
two
weeks
from
now
a
new
shipment
framework
community
call.
So
thank
you,
everybody
for
joining.
Thank
you,
everybody
for
being
active
on
the
community
and
chats
and
let's
stay
in
touch
bye,
bye,
q.
Thank
you.