►
Description
Viva Connections & SharePoint community call on September 22. Two Demos - Building Viva Connections ACE for public holidays and Accelerate SPFx development with reusable open-source controls. We just introduced Microsoft Viva Home – the default landing location (Viva Connections) in Microsoft Teams. Learn more in this digital event - Microsoft Viva Home Experience. Project releases for CLI for Microsoft 365 – v5.8.0 (beta) and PnP Modern Search – v4.8.0 (beta). See or listen to the latest episodes of Microsoft 365 PnP Weekly. The host of this call is Garry Trinder (Microsoft) | @garrytrinder. Q&A takes place as always in chat throughout the call.
Learn more
• See the full blog post for this call in the Microsoft 365 platform community blog - https://aka.ms/m365pnp/blog
• Download invite for bi-weekly SharePoint Framework call at: https://aka.ms/spdev-spfx-call
• Microsoft 365 Unified Sample gallery - https://aka.ms/m365/samples
• Microsoft 365 Platform Community in YouTube - https://aka.ms/m365/videos
• Microsoft 365 Platform Community - http://aka.ms/m365/community
A
B
Hello
and
welcome
to
the
Viva
connections
and
SharePoint
framework
bi-weekly
sync
I
am
your
host
for
this
call.
My
name
is
Gary
trinder
and
I
work
at
Microsoft,
I
was
going
to
say.
My
name
is
Patrick
Rogers,
but
yeah
all
the
old
habits
die
hard
right.
It
is
September
the
22nd
2022.
so
agenda.
For
today,
we've
got
the
latest
update
on
the
SharePoint
framework
and
updates
across
all
the
patterns
and
practices
updates,
so
pmpgs
CLI
for
Microsoft
365,
reusable
PMP
controls
samples
and
we've
also
got
the
optional
picture
time
with
together
mode.
B
We've
got
two
demos
coming
up
for
you
today,
so
we
have
nandeep
and
Ravi
who
are
going
to
demonstrate
Viva
connections
Aces
for
public
holidays,
and
we
also
have
Alex
with
us
who's
going
to
go
through
the
PMP,
reusable
controls,
so
opportunities
to
participate
in
the
program.
So
people
are
always
asking
how
do
I
get
involved
in
all
the
different
initiatives
across
the
community?
One
of
those
ways,
a
great
way,
is
to
actually
get
involved
on
this
call.
B
So
if
you
are
doing
some
great
work
in
your
company,
you've
got
something
that
you
can
share.
That's
appropriate
to
be
shared
on
the
on
the
community
calls.
Then
we
would
absolutely
love
to
hear
from
you,
and
so,
if
you
have
something
you
want
to
show
that
off.
Please
get
in
touch
with
us
from
the
the
link
that
you
can
see
on
the
screen.
B
So
there's
lots
of
Open
Source
projects
across
the
initiative,
and
so
you
know,
if
you're,
using
the
tools,
reporting
issues,
you
want
to
get
involved,
submit,
pull
requests
or
also
get
involved
in
those
repositories
as
well,
by
helping
out
with
issues
and
maybe
answering
questions
with
people
who
are
maybe
having
difficulties
with
with
using
the
tools
or
just
general
kind
of
questions
that
they
need
answering
as
well.
Another
way
of
getting
involved
is
just
feedback,
so
one
great
way
is
telling
us
how
we're
doing
you
know.
How
are
we
doing
on
these
calls?
B
Is
there
anything
that
we're
doing
well
that
we
could
do
more
of
anything
that
we're
not
doing
well,
that
will
do
less
of.
Is
there
any
documentation
that
you
need
any
areas
that
potentially
lacking
and
obviously
how
can
we
help
you
as
well?
If
you've
got
positive
feedback,
then
yeah?
That
is
also
incredibly
welcome
as
well,
and
we
don't
always
like
to
hear
the
bad
I'm
sure
there's
lots
of
people
out
there
who
have
had
great
experiences
with
the
projects
across
the
community
and
we'd
love
to
hear
that
that
feedback
as
well.
B
So
we
have
an
absolute
ton
of
resources
to
help
you
get
started
or
just
learn
new
things.
First,
set
of
resources,
videos,
so
we've
got
the
Microsoft
365
a
developer,
YouTube
channel,
and
so
this
is
a
great
place
if
you
want
to
see
some
tutorials
and
go
through
some
learn
together
series
series
that
have
been
run
by
Advocates
here
at
Microsoft,
and
this
is
covering
everything
across
the
Microsoft
cloud.
So
we've
got
Microsoft
365
in
there
we've
got
Azure
in
there.
B
We've
also
got
Power
Platform
and
also,
if
you
are
wanting
to
catch
up
on
the
videos
and
sessions
from
build
earlier
in
the
year,
we
have
the
Microsoft
365
focused
videos
on
that
channel
as
well
that
you
can
catch
up
on
next.
We've
got
the
Microsoft
365
Community
Channel,
so
here's
where
you're
going
to
find
all
the
recordings
for
the
community
calls
all
of
the
community
demos
that
have
been
performed
in
in
in
the
calls
previously
at
the
community.
B
Called
recordings
are
generally
there
24
hours
and
then
the
actual
individual
demos
are
published
later
down
the
line.
We've
got
again
a
great
group
of
Open
Source
projects.
We've
got
PNP
office,
Dev,
Microsoft,
graph,
SharePoint
and
OneDrive
as
well.
So
if
you're
interested
in
getting
into
open
source
and
contributing
check
out
those
repositories
and
see
what
help
you
can
give
and
what
they
are
looking
for,
help
with
sample
galleries.
B
B
And
if
you
forget,
all
of
that,
the
one
link
to
remember
is
AKA
dot,
Ms,
slash,
360,
M365
Community.
This
will
take
you
to
the
Microsoft
365
platform,
Community
site
and
there's
all
of
the
links
available
to
all
these
different
resources
and
Community
calls
from
that
one
page
moving
on,
so
we
have
many
other
calls.
Apart
from
today's
call,
we
have
a
weekly
Microsoft,
365
platform
course,
and
so
this
is
a
Microsoft
hosted
and
Microsoft
speaker
focused
call.
B
This
is
again
every
Tuesday
we've
got
the
other
calls
which
are
more
Community
focused.
So
these
calls
have
a
community
speakers
and
if
you
want
to
join
these,
which
definitely
encourage
that
you
do
and
you
can
get
all
the
public
invites
from
aka.ms
forward.
Slash
M365
slash
calls
on
next
week's
Microsoft
365
platform
call
which
is
the
27th
of
September.
So
we've
got
all
the
latest
news
from
Microsoft
engineering
across
Microsoft.
365.
B
B
So
if
you're
interested
in
that
session
definitely
check
out
icha's
session
and
to
go
through
a
real
sample
application
and
and
how
she
built
that
using
team's
toolkit-
and
we
also
have
vaser
and
Alex
who
are
on
the
call
with
us
today
to
give
us
an
update
on
the
latest
for
SharePoint
framework
and
where
the
next
Investments
are
going
to
be
and
for
sharing
his
caring.
Unfortunately,
David
is
with
us
today,
he's
still
in
Orlando
I,
believe
so
Visa.
C
Yeah
quick
update
in
here
as
you're
looking
into
contributing
or
as
you're
looking
into
consuming
some
of
those
samples
and
the
awesome
stuff
what
is
available
and
shared
for
you
by
the
Microsoft
and
the
community.
You
might
need
some
help
and
that's
why
we
created
together
with
David
Warner
and
many
many
other
people.
C
The
sharing
is
caring
initiative
and
we
do
have
a
separate
sessions
available,
for
example,
first-time
contributor,
or
how
would
I
contribute
on
docs
and
all
of
that
or
the
upcoming
events
will
be
on
writing
for
the
web,
so
going
best
practices
related
on
how
much
you
focused
on
sharing
your
learnings
in
a
great
web
and
then
at
the
Power
Platform
sample
contribution.
So
as
an
example,
yesterday
we
had
a
session
in
Orlando
I.
Wasn't
there
because
I
was
already
at
the
airport,
but
David
and
Hugo
hosted
a
session
where
there
was
more
than
100.
C
People
live
going
through
the
first
time
contributor
in
a
GitHub,
and
how
would
you
get
started
on
consuming
things,
and
these
are
really
popular
hosted
by
David
on
a
team.
So
we
would
strongly
recommend
on
checking
out
the
latest
schedules
for
from
a
Gamers
sharing
as
caring
address
now,
as
you
have
scheduled,
or
as
you
have
contributed
and
learn
how
to
do
things
we
want
to
embrace.
C
You
want
to
acknowledge
you
and
that's
why
we
created
our
Microsoft
365
platform,
Community
recognition
program,
and
this
is
powered
by
the
correctly,
which
is
the
same
correctly.
What
Microsoft
uses
for
certification
programs
and
the
key
Point
here
is
that
we
want
to
give
you
electronic
patches
related
on
the
your
contributions
across
the
different
areas.
So
it
could
be
the
community
contributor,
it
could
be
Power,
Platform,
contributor,
there's
a
speaker
contributions,
you've
been
part
of
sharing
is
caring
and
you
will
get
a
patch
on
all
of
those
things.
C
As
you
start,
working
together
with
the
community,
more
information
and
signing
up
on,
there
is
Pam
traces,
5pm,
Dash
recognition
just
to
call
out
this
one.
You
need
to
go
and
fill
in
the
form
that
you're
interested
in
getting
these
matches
so
we'll
get
the
right,
email
and
address
which
you
have
done
and
registers
to
correctly,
and
so
that's
why
it's
important
to
sign
up
for
the
form.
Now,
let's
go
to
the
following
slide
and
the
section
of
and
focus
a
bit
about,
SharePoint
framework.
C
So
not
just
the
corporate
communicational
entry,
but
rather
a
location
from
where
you
can
access
all
of
the
other
Viva
modules
and
and
kind
of
being
the
me
Focus
the
centralized.
What's
going
to
happen
today,
entry
when
you
open
up
Microsoft
teams,
it's
all
based
on
the
Viva
connection,
implementation.
There's
some
configuration
options.
C
Do
you
want
to
use
this
or
the
other
Viva
connection
style,
but
all
of
this
is
extensive,
extensible,
so
you're
able
to
modify
the
Viva
home
also
with
SharePoint
framework,
so
using
that
same
Ace
extend
instability
technique
which,
for
example,
non-deep
and
Ravi
Arcana
show
today
it's
a
really
really
cool
announcement.
Another
investment
area
where
the
skills
of
SharePoint
framework
are
super
relevant.
So
it's
not
just
about
SharePoint
again,
the
name
is
a
bit
confusing.
It's
also
about
cross
Microsoft
365.,
let's
go
to
the
following
slide:
I
wanted
to
call
out
the
usage
worldwide.
C
C
For
example,
this
Autumn
that's
more
than
45
degrees,
going
up
on
the
day-to-day
usage
on
the
SharePoint
framework
components,
so
all-time
highest
I
usage
in
a
day
is
now
from
this
week,
and
this
seems
to
be
a
nice
theme
that
it's
actually
every
single
week,
there's
always
a
new
record
coming
up
on
the
on
the
usage,
all
up,
which
is
awesome.
It
shows
that
it's
a
safe
bet
to
build
your
extensibility
for
no
significant
update
on
the
spfx
roadmap.
We'll
do
a
bit
of
a
deep
dive
on
some
of
this
stuff
more
detailed
next
week.
C
Also
the
future
Direction
but
1.15.2
is
the
latest
version
for
production
1.16
previous
out.
If
you
install
that
and
provide
us
feedback
that
would
be
super
super
cool,
so
we
understand
what
works
and
what
does
not
work.
1.16
is
scheduled
to
go
out
by
end
of
2022.
1.17
has
an
ETA
in
December
January,
we'll
see
how
the
timings
actually
go
and
I
updated
the
picture
just
to
give
you
a
small
indication
on
something
which
is
also
happening
in
the
future.
C
So
right
now
we
cannot
go
exact
details
and
we
cannot
do
that
even
on
next
Tuesday,
because
there's
going
to
be
announcements
in
ignite
on
this
one.
But
right
now
you
can
use
this
SharePoint
framework
for
Viva
connection
and
SharePoint
and
teams.
But
we
are
extending
that.
So
you
will
see
more
and
more
extensibility
points
not
only
on
the
Viva
home,
but
also
on
other
areas
in
Microsoft
365,
using
the
SharePoint
framework,
which
is
super
exciting,
but
more
details
on
that.
A
bit
later,.
B
D
Three
updates:
we've
cleaned
that
up
quite
quite
a
bit,
and
that
is
all
complete
now
some
enhancements
to
copy
by
path
and
move
by
path,
so
that
got
done
and
luckily
and
thankfully
Patrick
Rogers
added
the
ACs
auth
Behavior
recipe.
So
people
who
are
using
that
behavior
Can
are
arrest
or
off
style.
Excuse
me
has
a
recipe
on
how
to
do
that
in
version
three,
so
don't
forget
again
about
the
nightly
builds.
D
If
you
install
at
PNP
slash
sp3
nightly,
you
will
get
the
build
from
the
previous
night,
which
would
include
any
merges
for
PRS.
That
happened
previous
to
that.
So
you
can
see
what
has
what
is
coming
for
the
next
release
and,
as
always,
follow
us
M365
pmp.js
on
Twitter,
and
that
is
all
I
have
for
today.
Back
to
you,
Gary.
B
Thank
you
very
much,
Julie
great
updates
again
for
PMP
JS.
Let's
move
on
at
CLI
for
Microsoft
365
updates,
so
We've
yep
another
busy
busy
few
weeks
we're
busy
on
with
the
the
next
Miner
version,
which
is
going
to
be
5.8,
so
we
have
beta
releases
that
have
been
released
every
few
days
now,
since
the
the
start
of
the
month,
and
so
far
we've
got
support
for
executing
custom
web
requests
a
really
interesting
new
command.
B
B
Also
an
interesting
one
about
retrieving
the
API
level
changes
in
graph.
So
this
is
it
so
you're
able
to
see
what
has
been
updated
across
the
V1
and
beta
endpoints
as
well,
and
some
more
permissions
commands
that
have
been
added
as
well
so
further
enhancements
to
managing
a
web
and
list
item
roll
assignments,
as
well
as
creating
role
definitions
on
SharePoint
online
sites.
B
So
if
you
want
to
try
this
out
and
whenever
you
want
to
try
out
that
that
custom
web
request
command,
then
you
can
install
the
the
beta
using
the
at
next
tag.
So
you
can
get
that
from
npm
or
you
can
use
our
Docker
container,
which
is
a
great
place
to
start,
because
we
configure
everything
for
you
and
you
can
just
run
the
docker
container
and
we
do
all
the
installation
of
CLI
Powershell
Auto
completion.
Everything
is
is
all
in.
There
definitely
check
out
the
release.
B
Notes,
I've
actually
put
the
link
in
the
chat,
and
so,
if
you
want
to
take
a
look
at
the
links
in
there,
click
that
you'll
get
the
the
latest
updates.
If
you
want
to
follow
us,
please
follow
us
on
Twitter
at
CLI,
Microsoft
365.,
and
also
get
in
touch
with
us
on
the
repo.
If
you've
got
any
feedback
new
ideas,
maybe
something's
gone
wrong
as
well.
You
need
help
and
if
you
can
use
the
link,
AK,
dot,
Ms,
toi,
hyphen,
Microsoft,
365.
B
E
Yeah
so
yeah,
there
are
no
any
updates
since
last
time
we
are
still
on
3.10
and
3.9
for
the
controls.
I
want
to
apologize
that
these
versions
brought
some
issues
with
the
people,
picker
I
believe
due
to
update
to
115
too.
So
the
merge
was
not
completely
correct,
but
the
fixes
are
already
in
better
version.
So,
if
you
want
to,
you
can
definitely
use
betas
for
the
controls
and
yeah.
We
are
planning
to
probably
release
new
versions
in
the
next
next
couple
of
weeks.
E
B
C
Then
I
can
take
this
one
so
right
now
we
have
a
lot
of
contribution
spending
as
a
broadcast,
crosstalk
msspfx
extensions,
web
parts
and
Aces,
and
these
are
the
locations
where
we
would
love
to
have
your
samples
around
SharePoint
framework.
I,
said
we'll
request
spending
a
lot
of
the
team
has
been
super
busy
with
the
Power
Platform
conference
and
other
stuff.
So
we
do
apologize
under
delay
on
that.
But
if
you're
looking
into
getting
access
on
all
of
the
Microsoft
365
samples
have
a
look
on
akms.
C
M365
samples
will
get
for
sure
your
contributions
process
as
soon
as
possible
cool,
let's
go
to
the
together
mode
picture
and
then
go
to
the
actual
stars
of
the
day.
So
demo
demo
demo,
man
I,
will
take
over
the
screen,
sharing
those
who
are
willing
and
you
can
enable
the
camera
and
we'll
put
the
together
mode
in
a
place.
One
second
I'm
just
adjusting
that
there
we
go
and
I
will
share
my
screen.
C
I
guess
it's
that
screen.
Hopefully,
yes,
it
is,
and
let's
actually
get
everybody
on
the
screen
as
well.
We
have
50
states
in
a
room
which
typically
fills
up
relatively
fast.
The
picture
quality
is
not
quite
optimal
right
now,
let's
see
if
we
can
actually
get
it
a
bit
better,
do
I
need
to
one
second
one.
Second,
not
yet
not
yet.
I
will
actually
stop
my
camera
if
it
helps
and
if
nothing
else
will
capture
that
from
the
other
side,
it's
not
quite
optimal,
but
it's
okay.
C
C
B
A
Yeah,
thank
you
very
much
all
right.
Hopefully,
you
can
see
my
screen
hear
me:
okay,
yep,
all
good,
all
right,
okay,
so
hi
hi
everyone.
It
is
great
to
be
here
presenting
our
sample
on
Microsoft
Viva
connections,
adaptive
card,
showcasing
public
holidays,
so
holidays
are
the
most
exciting
part
of
our
life
and
out
of
this
excitement
at
least
I
keep
close
eye
on
the
public
holidays,
although
they
don't
keep
changing
at
a
regular
basis,
but
hopefully
placing
this
card
on
your
Viva
connection.
Dashboard
will
help
you
ensure
well-being
of
your
employees
right.
A
So
we
took
this
opportunity
to
build
one
and
then
worked
on
it
over
a
weekend
project
to
make
it
available
under
the
PLP
repo,
which
is
now
serving
all
of
us
all
right.
So
as
a
summary
for
this,
this
sample
shows
how
to
build
an
ace
with
card
View
and
multiple
quick
views
to
display
the
public
holidays
for
employees
based
on
their
office
location.
At
the
same
time,
employees
can
also
use
this
solution
to
update
their
office
location
as
well.
A
Title
and
image
configuration
better
for
displaying
the
holidays.
So,
specifically
talking
about
this
solution.
It
displays
current
logged
in
users,
public
holidays
in
card
view
based
on
their
office
location
and
with
the
action
button
on
the
card.
It
helps
employees
to
browse
the
quick
view
which
showcase
all
of
the
public
holidays
for
their
location
and
also
from
there.
A
They
will
be
able
to
update
the
office
location,
so
this
sample
is
developed
with
spfx
version
1.15.0
and
it
is
available
to
download
and
use
under
the
plps
sample
repository
at
the
URL,
which
is
which
is
mentioned
on
the
screen.
If
you
can
scroll
for
a
week
all
right,
thank
you.
So
let
us
come
to
the
implementation
side
of
view,
so
this
solution
is
backed
up
by
the
SharePoint
list,
which
needs
to
be
present
on
your
SharePoint
home
site.
So
this
list
has
some
simple
schema
to
store
location,
wise
list
of
public
holidays.
A
So,
firstly,
we
have
a
title
which
is
out
of
the
box
column,
which
presents
the
public
holiday
title.
Second
column
is
more
important.
The
office
location,
so
this
office
location
is
a
choice
field
to
present
the
locations
where
holiday
applies
to
because
one
holiday
can
be
applied
to
multiple
locations.
So
that's
the
reason
we
have
this
created
as
a
choice
field,
so
this
should
be
mapped
from
the
property
pane
with
the
user
profile
field
in
the
Azure
ready,
which
contains
the
user
location.
A
So
it
could
be
office
location
as
in
our
case
or
even
it
could
be
CTE
country
or
whatever
property.
You
want
to
map
that
with.
Then
we
have
a
date
column
which
presents
the
date
of
that
public
holiday
when
it
falls
to,
and
then
we
have
an
optional
image
column
which
is
used
to
upload
image,
which
is
related
to
the
public
holiday
and
if
in
case,
you
don't
specify
any
image,
a
generic
image
which
is
stored
in
the
assets
folder
of
the
solution
will
be
displayed
in
a
quick
view.
A
So
on
the
property
pin,
we
have
a
few
things
like
card
title
which
which
can
be
shown
up
and
then
that
user
profile
property
to
use
with
it
is
a
major
one.
So
you
need
to
just
map
that
to
the
Azure
ad
profile,
property
of
the
user
and
from
there
it
will
be
able
to
fetch
everything
based
on
your
user
location
and
then
obviously
you
will
have
to
choose
the
list
where
which
will
display
from
where
the
holidays
are
coming
through.
F
A
F
Thank
you.
That
was
the
good
introduction
about
the
card.
Now,
let's
see
how
it
works,
so
we
have
created
a
simple
list
that
will
store
all
information
about
the
holidays
across
the
different
office
location.
This
list
contains
four
columns
the
title
of
the
holiday.
Then
we
have
office
location
column,
which
is
a
multi-choice
column
and
we
support
multiple
locations.
F
F
So
the
very
first
property
which
we
have
to
set
is
the
here
we
have
to
provide
the
user
profile
property
which
is
used
to
store
the
user
location
in
your
organization
on
my
tenant.
We
are
using
office,
location
and
then
the
next
property
which
we
have
to
set
is
the
list
which
we
have
designed
to
store
the
holidays
and
in
case,
if
you
select
the
wrong
list,
we
have
designed
a
record
to
show
you
the
error
and
the
detail.
Error
will
be
logged
into
the
console,
and
then
we
have
the
last
property.
F
F
Also,
we
have
provided
here
a
update,
location
button
action
button
and
this
will
provide
you
a
drop
down
to
select
from
the
available
location
and
these
available
location.
We
are
querying
from
the
from
our
holiday
list
so
suppose,
if
I
want
to
change
my
location
to
Australia
and
if
I
click
on
update
the
location
has
been
successfully
updated,
this
message
we
are
getting
and
then,
if
I
click
on
the
close
now
you
can
see
that
the
default
card
view
has
been
updated
to
the
Australian
holiday
and
if
I
click
again
on
the
upcoming
holidays.
F
So
that
was
pretty
much
about
the
card
and
let
me
quickly
jump
on
to
the
code
view.
Okay,
so
this
sample
is
developed
using
spfx
version
1.15.0,
and
we
have
used
three
packages.
Pnpsp
is
used
to
interact
with
the
SharePoint
data.
Then
we
have
spfx
property
controls
which
used
to
show
the
list
speaker
in
the
property
pane,
and
then
we
have
the
moment
to
interact
with
the
dates.
F
We
have
also
designed
a
service
that
will
help
us
to
interact
with
the
SharePoint
data
and
to
get
and
update
the
user
profile
property.
So,
firstly,
in
this
service
we
are
setting
up
the
context
and
the
very
next
method
is
to
get
the
office
location
based
on
the
current
user
profile
property.
And
here
we
have
used
Ms
graph,
client
V3,
which
is
part
of
the
SP
HTTP
package
and
then
similarly,
the
next
method
is
used
to
update
the
particular
office
location
with
the
new
location
which
we
have
using
in
our
quick
view.
F
Then
the
next
method
is
to
get
the
upcoming
public
holidays
based
on
the
current
user
location
and
if
I
have
provided
any
limit
to
date
in
in
my
property
pin,
it
will
get
me
the
filters
public
holidays
and
the
very
last
method
is
to
get
the
available
location.
This
is
to
get
the
filtered
available
location
from
the
holiday
list
that
we
are
showing
in
the
in
the
quick
view
when
we
are
actually
updating
our
location.
F
F
Then
we
have
set
up
some
views,
so
there
are
the
default
view.
Is
the
card
View
and
we
have
three
card
views
over
there
and
then
we
have
three
quick,
four
quick
quiz
which
we
have
registered
over
here.
So
the
very
first
default
view,
which
we
see
is
the
card
View,
and
then
we
have
error
card,
View
and
setup
card
view,
which
are
the
supporting
views
for
the
card
View
and
related
to
quick
view.
F
F
F
So
next
thing
is
to
we
are
actually
rendering
the
card
view.
Race
So
default
card
view
over
here,
and
then
we
have
a
method
over
here,
which
is
on
property
print
field
change
which
actually,
when,
whenever
you
make
any
changes
in
your
property
pane,
this
will
be
triggered
and
it
will
automatically
load
the
refreshed
card
info
on
your
dashboard.
F
Then
we
have
the
cardview.ts
file.
Basically,
this
is
this:
file
represent
this
card
block
actually,
and
the
very
first
method
is
the
get
data
method
which
fetches
the
latest
upcoming
holidays
from
our
state
variable
and
displays
the
very
first
holiday
on
cover
card,
and
then
we
have
the
card
buttons
over
here.
So
we
have
created
one
card
button
that
is
upcoming
holidays
and
when
you
click
on
it,
it
will
simply
load
the
quickview
registry
ID.
F
F
Moving
on
to
the
cricut.ts
file,
so
this
quickview.ts
file
will
represent
the
next
upcoming
holidays
view.
So
this
is
the
quickview.ts
file
and
basically
into
into
this
file,
we
are
actually
getting
the
data
again
and
we
are
setting
up
this
state
with
the
next
upcoming
holidays
and
again,
if
everything
goes
well,
then
we
are
just
displaying
them
in
one
by
one.
If
something
went
wrong,
then
we
have
the
supporting
error,
view
quick
view
which
we
are
displaying
over
there,
and
then
we
have
on
action
button
over
here.
F
So
this
is
basically
triggered
when
you
have
selected
any
location
and
click
on
update,
then
this
basically
will
call
our
service
and
it
will
update
the
user's
new
location,
and
this
quick
review
is
based
on
the
Adaptive
card,
which
means
quickview,
template.json
and
based
on
the
state
variables.
We
are
leveraging
the
state
variables
to
set
the
values
over
here
and
we
have
few
action
card
as
well
here
action.stroker
and
then
we
have
the
action.subset,
which
is
the
submit
button
and
when
clicked
on
it,
this
method
will
be
triggered.
F
B
Thank
you
very
much.
Absolutely
fantastic
demo
really
love
that
it's
generated
tons
of
chat
as
well
around
locations,
so
it's
definitely
something
that
people
are
really
interested
in
so
fantastic.
Thank
you
very
much
for
that.
Okay,
let's
move
on
Alex
PMP,
reusable
controls,
basics
over
to
you.
Thank.
E
You
trying
to
share
my
screen.
Let
me
know:
yeah
works,
okay,
cool,
so
my
demo
and
this
small
session
is
about
like
intro
to
PNP
reusable
control,
so
who
is
not
familiar
with
those?
We
have
kind
of
two
flavors
of
reusable
controls
that
you
can
use
free
of
charge
in
your
Solutions.
One
is
the
react
controls.
E
This
is
the
set
of
controls
that
can
be
used
in
your
in,
let's
say
main
body
of
your
web
part
or
in
SharePoint
framework
extensions,
and
the
second
type
of
controls
we
have
is
the
reusable
property
payment
controls
that
can
be
used
in
property
panes
for
either
web
parts
or
adaptive
cards
extensions
as
well.
So
the
main
idea
of
these
controls
is
you
don't
need
to
think
about
the
kind
of
UI
and
some
basic
regular
operation.
E
Questions
related
to
SharePoint,
for
example,
like
many
solutions
need
controls
that
will
communicate
with
the
SharePoint
to
request
sites
and
display
some
site,
picker,
Or,
List,
picker,
or
maybe
details
list
or
something
like
that.
So,
instead
of
each
time
implementing
these
controls
in
your
Solutions,
you
can
just
reference
our
modules.
These
are
npm
modules
and
we
use
these
controls
and
your
Solutions.
So
we
have
pretty
neat
documentation
for
both
the
spfx
property
controls
and
spfx
react
controls.
E
If
you
go
to
the
docs,
you
can
go
to
control
sections
in
the
menu,
and
you
will
see
that
we
have
huge
huge
number
of
different
controls
that
you
can
use
in
your
applications.
Some
of
those
can
be
pretty
easy.
One,
for
example,
webpart
title:
it
just
provides
you
like
small
text
area
where
you
can
kind
of
set
your
title
and
if
you
are
in
read
mode,
this
will
display
in
the
similar
way
to
out
of
the
box
web
Parts,
but
we
also
have
some
pretty
complicated,
pretty
complex
components
as
well.
E
For
example,
Tree
View
that
you
can
use
to
display
different
trees
in
your
components.
We
have
different
types
of
charts.
We
have
Carousel
as
well
that
I'll
be
demon
today,
so
many
many
many
components
that
you
can
use
in
your
web
bars
and
extensions
same
for
property
controls.
Again.
If
you
go
to
controls,
you
will
see
that
you
have
lots
of
controls
in
there
and,
to
be
honest,
most
of
them
are
pretty
similar
to
what
you
have
in
react:
control,
sweeper.
E
The
difference
is
in
implementation,
so
property
pain
is
a
bit
different
from
kind
of
standard
react
control.
You
still
can
use
a
react
controls
in
your
property
controls
bodies,
but
you
should
have
some
additional
implementations,
let's
say,
contract
that
can
be
used
by
spfx
core
to
understand
how
to
render
your
control,
how
to
pass
properties
to
your
controls
and
how
to
react
on
the
changes
in
your
properties.
So
this
kind
of
eat
from
like
documentation
perspective
from
a
definition
of
what
are
these
controls
and
let's
actually
go
to
the
actual
demo
and
code?
E
How
can
you
can
use
the
components
and
controls?
So,
let's
imagine
that
you
need
to
develop
a
web
part
that
will
display
a
carousel
of
images
that
are
stored
in
some
document
library,
on
your
talent
and
it
should
be
pretty
flexible.
So
it's
not
tied
to
one
specific
site
or
one
specific
document
Library.
The
author
of
the
page
should
be
able
to
select
the
site
and
the
document
library
from
where
you
need
to
grab
these
pictures
and
display
it
as
a
carousel
control.
E
So
if
you
start
thinking
about
implementing
all
of
that
from
scratch,
it
will
be
pretty
complex
tasks,
so
you
will
need
to
have
some
site
picker
and
document
Library
picker,
to
understand
where
you
should
request
data
from
then
you
need
to
request
these
data,
these
pictures,
and
then
you
will
also
need
to
implement
the
carousel
control
with
the
standard.
Carousel
features
like
animation
to
slide
back
and
forth,
probably
some
additional
functionality
to
display
some
additional
content
on
Hover
and
so
on
so
forth.
So,
and
let
me
actually
show
you
what
I'm
talking
about
so
I.
E
E
You
see
the
title:
you
see
the
carousel,
you
see
the
automatic
animation
everything
that
you
can
expect
from
this
kind
of
control
and
from
the
data
perspective
in
this
Carousel
document
Library
we
have
the
image
we
have
some
title.
We
have
some
description
and
URL,
so
nothing
specific,
nothing
unique
from
like
control
perspective,
just
the
standard
metadata
that
you
can
have
in
your
document
Library.
E
So
this
is
our
web
part
pretty
standard
one.
If
you
look
at
this
one,
we
have
few
properties
to
store
like
sites
selected
list,
ID
or
document
library
and
title.
Our
render
method
is
pretty
small,
so
here
we
just
have.
We
are
creating
the
PNP
Carousel.
It's
our
custom
react
component.
We
are
providing
some
properties
and
I'll
go
back
to
that
and
the
interesting
part
here
is
property,
paying
configuration.
As
you
saw.
We
have
a
site
picker
and
also
a
list
picker
in
our
property
pane,
but
we
don't
actually
need
to
develop
anything
custom.
E
We
just
call
property
field,
site,
picker
and
property
field
list
picker.
These
two
functions
are
imported
from
spfx
property
controls
and
you
just
need
to
pass
some
standard
properties
like
context
properties,
your
label,
what
should
happen
when
the
property
has
changed
and
some
additional
configuration
like
what
are
initial
size
for
you,
you.
This
is,
for
example,
the
filter
to
display
only
a
document
Library.
So
you
can
select
the
base
template
for
the
list
and
that's
it
your
property
pane
is
configured.
You
don't
need
to
do
anything
else.
E
And
now,
let's
go
to
our
render
method,
to
show
what's
happening
in
here
and
again,
the
render
is
pretty
small.
First
here
we
have
this
Vapor
title
that
is
imported
from
PNP
react
controls.
So
again
you
don't
need
to
implement
any
logic
like
hey
in
edit
mode.
You
need
to
display
a
text
area
and
in
read
mode
you
just
need
to
display
the
text
itself
with
the
specific
styling
everything
is
done
for
you
in
the
control
itself.
E
In
that
case,
you
will
need
to
implement
on
move
next
clicked
and
on
move
prep
clicked
in
that
case,
you'll.
Just
replace
this
react
component
and
with
this
flexibility
you
can
basically
have
not
even
images
in
your
Carousel,
but
instead
of
that
you
can
provide
some
rich
UI
or
some
text
or
whatever
you
want,
and
each
slide
can
be
actually
different,
again,
you're,
just
providing
few
properties
in
there.
How
exactly
you
want
your
Carousel
to
behave
where
you
want
your
buttons,
how
you
want
these
buttons
to
be
displayed,
some
additional
styling
for
the
control?
E
If
you
want
infinite
Loop
of
your
animation
or
no
and
that's
basically
it
you
don't
need
to
do
anything
else
again.
If
you're
thinking
about
like
implementing
everything
from
scratch,
it
can
easily
take
you
a
day
or
two
to
implement
all
this
stuff.
But
here
we
have
kind
of
like
100
lines
of
code.
In
our
component.
We
have
additional
like
80
lines
of
code
in
our
web
property
web
art.
Sorry,
and
at
the
end
we
have
this
beautiful
control
and
we
also
have
the
configuration
ready
for
it
as
well.
E
So
this
is
the
main
power
of
the
reusable
controls
you
can
kind
of
think
about.
Your
business
needs
about
implementation
of
your
specific
scenarios
and
don't
care
too
much
about
the
UI
and
about
the
standard
operations
with
the
SharePoint.
If
you
are
using
a
PNP,
reusable
controls,
your
controls
will
behave
similarly
to
out
of
the
box
UI
in
SharePoint
and
we'll
provide
you
a
lot
of
functionality
that
you
don't
need
to
implement
each
and
every
time
in
your
custom,
Solutions
and
that's
all
I
have.
B
Fantastic
great
demo,
Alex
yep
PMP,
reusable
controls,
great
way
of
accelerating
your
SharePoint
framework
development,
and
you
know,
give
yourself
a
jump
start
as
well.
Having
used
them
myself
in
the
past,
I
know
how
fantastic
they
are.
So,
if
you've,
yet
to
use
one
of
the
PM.
The
reusable
controls
I
definitely
encourage
you
to
check
out
the
repository
check
out
the
documentation
and
give
them
a
try.
B
In
that
time,
please
follow
us
on
socials
as
well
on
Twitter
and
remember.
We've
also
got
the
general
Dev
Microsoft
365
call
next
Tuesday
September
the
29th,
and
you
can
get
all
the
information
about.
The
upcoming
Community
calls
at
AKA
dot,
Ms,
slash,
M365,
slash
calls,
and
with
that,
thank
you
all
and
bye,
bye,
excellent.