►
Description
Viva Connections & SharePoint community call on September 8. Two Demos - Building polished form experiences with SPFx form customizer and Building SPFx solution with Azure Communication Services integration. Released SharePoint Framework (SPFx) – v1.16 (Beta), PnPjs Client-Side Libraries – v3.7.0 (GA), CLI for Microsoft 365 – v5.7.0 (GA), and PnP Modern Search – v4.7.0 (GA). Delivered 6 SPFx web part samples. See the latest episode of Microsoft 365 PnP Weekly. Join us September 20-22nd for the Power Platform Samples Contributor session at the Microsoft Power Platform Conference. The host of this call is Patrick Rodgers (Microsoft) | @mediocrebowler. 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
A
Well,
yeah
we'll
talk
about
that
a
little
bit
more
later,
but
thank
you
for
that
update
on
the
slide
there
great
agenda,
as
always,
latest
updates
on
sharepoint
framework
patterson
practices
updates
across
the
program.
New
community
samples,
we'll
do
our
optional
picture
time
with
together
mode
and
we've
got
two
great
demos
today,
the
first
from
jazz,
getting
started
with
spfx
form,
customizer
and
then
hugo
on
building
spfx
solution
with
azure
communication
services.
So
this
is
the
acs.
A
We
encourage
you
to
use
moving
on
real,
quick,
so
opportunities
to
participate
in
the
program
folks
often
ask
how
they
can
get
involved.
I
really
encourage
you,
reach
out,
do
a
demo
on
this
call.
I
know
you
are
all
out
there
doing
great
work
for
your
customers
and
for
your
companies
and,
where
appropriate,
where
it's
okay
to
demo.
What
you've
done,
please
do
reach
out,
there's
a
link
down
there
in
the
bottom
right
corner.
We'd,
love,
love,
love
to
have
your
demo
on
these
calls.
A
I
think
it
is
one
of
the
best
parts
of
these
community
calls
is
seeing
all
the
great
demos
from
everybody
out
there.
I
always
learn
something
new
and
encourage
you
to
reach
out
for
a
demo
spot
moving
forward,
contributing
on
github.
Of
course,
you
can
always
report
issues,
submit
pull
requests
and
help
with
issues
and
questions.
If
other
folks
have
questions,
you
might
have
an
answer
to
jump
in
there
and
help
out
always
appreciated
by
everybody,
and
then
you
can
provide
feedback.
How
are
these
calls?
How
is
the
documentation?
A
Where
can
we
help
and
positive
feedback?
Is
okay
too,
if
we're
doing
something
you
really
like,
we
could
try
and
do
more
of
it.
Next
up
is
our
page
o
links
a
bunch
of
links
on
this
page,
but
they
go
to
developer.
Videos
which
are
going
to
be
topic
focused
videos
on
how
to
learn
various
things:
how
to
use
microsoft,
graph
stuff
about
authentication,
sharepoint
framework,
viva
connections,
tons
of
great
topical
videos
to
get
you
started
or
just
review
topics.
A
You
might
you
know
not
remember
so
great,
because
it's
been
a
while,
since
you've
worked
on
that
particular
area,
we've
got
our
community
videos,
those
are
going
to
be
all
the
recordings
of
this
call.
Our
other
community
calls.
This
is
where
you
can
find
all
of
those
if
you
want
to
catch
up
on
a
missed
episode
as
well.
A
We've
got
a
bunch
of
great
open
source
organizations,
so
pnp
office,
dev,
microsoft,
graph,
sharepoint
and
onedrive
all
welcome
your
participation,
your
feedback,
your
contributions
in
various
ways,
they're
all
a
little
bit
different,
but
all
of
them
are
open
and
welcome
your
participation
so
jump
in
to
any
and
all
of
those,
as
you
have
time
and
interest,
and
then
we've
got
wonderful
sample
galleries.
The
main
one
to
remember
there
is
the
ak
dot.
A
Ms
slash
m365
samples
that
will
take
you
to
the
new
unified
sample
gallery
that
aggregates
up
all
the
samples
from
these
various
other
places
to
make
it
a
little
bit
easier
to
find,
and
it
has
a
little
search
feature.
So
it's
a
little
bit
easier
than
just
digging
through
all
the
repositories
and
going
through
the
samples
folder
by
folder,
so
really
great
stuff.
A
There
encourage
you
to
check
that
out,
but
all
of
these
things
could
be
located
from
aka
dot,
ms
m365
community,
that
will
get
you
the
patterns
and
practices
landing
page
that
has
links
out
to
all
of
this
content.
All
of
our
community
calls
as
well
as
tons
of
other
great
resources,
so
ak
dot.
Ms
m365
slash
community
and
we've
got
a
bunch
of
other
community
calls.
A
So
our
weekly
m365
platform
call
on
tuesdays
is
a
microsoft,
hosted
microsoft,
demoed
one
and
then
the
rest
of
these
are
more
community
focused
calls
around
community
demos
and
what's
going
on
in
the
community,
so
please
do
join
as
many
of
these.
As
you
have
time,
you
can
always
catch
up
on
the
recordings.
Should
you
miss
one
or
just
not
have
time
we're
all
busy
and
can't
make
every
single
call,
so
you
can
always
check
out
the
recordings,
but
those
invites
are
at
aka
dot.
A
Ms
slash
m365
slash
calls
to
get
all
those
public
invites
so
encourage
you
to
come
check
that
out
and
next
tuesday
on
the
platform
call
that's
the
13th
of
september.
We've
got
rabb
doing
microsoft,
graph,
postman
scripts
and
advanced
functionality,
ike
doing
build
productivity
tabs
with
microsoft
teams,
toolkit
for
visual
studio
and
bob.
Do
an
introduction
to
app
camp
so
really
excited
to
see
all
three
of
those
things
and
encourage
you
to
join
us
next
tuesday
or
do
catch
up
with
the
recording.
B
Excellent,
thank
you
patrick
well,
friends,
as
you
may
or
may
not
know,
there
are
tons
of
opportunities
to
collaborate
and
participate
and
contribute
to
our
community,
but
there
may
be
a
little
bit
of
a
landscape
navigation
that
you
need.
Assistance
with
sharing
is
caring
is
a
program
that
provides
you
hands-on
guidance
and
a
safe
space
opportunities.
That
means
that
we're
going
to
work
right
alongside
you
to
submit,
for
example,
samples
to
github
if
you're
not
familiar
with
how
to
navigate
that
landscape.
B
What's
a
pull
request,
how
do
you
fork
those
kinds
of
things
we
will
do
it
right
alongside
with
you,
and
we
won't
record
it,
which
means
it's
a
safe
space
to
ask
any
and
all
questions
that
you
may
want
to
do
so
feel
free
to
join.
We
are
getting
more
and
more
sessions
scheduled
now
that
we're
coming
out
of
summer.
In
fact,
our
power
platform
samples
contributor
session
is
available.
Live
live
in
real
life,
in
fact
at
the
power
platform
conference.
B
B
Now,
once
you
have
contributed,
we
want
to
recognize
you
for
all
the
amazing
work
that
you
are
doing
and
we're
doing
that
by
our
recognition
program.
This
is
a
program
that
has
been
set
up
in
in
connection
with
credly.
Yes,
that
same
credly
that
powers,
those
badges
you
get
when
you
are
microsoft.
Certified
these
badges
will
sit
right
alongside
them
in
your
account
and
they
can
be
shared
on
linkedin
twitter,
added
to
your
linkedin
profile,
shared
with
clients
shared
with
managers.
Let
them
know
that
you're
making
a
difference.
B
B
We
will
be
updating
these
badges
annually
to
recognize
the
work
that
you're
doing
each
year,
so
you
only
need
to
opt
in
once,
though,
and
we're
coming
out
with
new
badges
coming
soon,
I've
been
working
with
a
number
of
different
programs
and
organizations
within
microsoft
to
help
recognize
you
for
the
amazing
work
that
you're
doing
in
the
community.
So
thank
you
all
that
have
done
that
and
signed
up,
and
if
it's,
if
you
haven't
yet
it's
not
too
late,
so
just
opt
in
at
akwms4slash
m365
pnp
dash
recognition,
patrick
back
to
you.
A
Great
stuff,
thank
you,
david
love,
love,
love,
seeing
the
sharing
is
carrying
continue
to
grow
and
that
recognition
program
is
just
outstanding
love.
Seeing
everybody's
badges
online.
I
don't
know
where
else
I'd
see
them
but
love
to
see
him
there.
So
sharepoint
framework
updates
with
vasa.
Take
it
away.
C
Excellent,
so
let's
go
in
here
so,
first
of
all,
last
week
we
released
the
ship
on
framework
1.16
as
a
public
preview.
So
this
is
a
preview
not
intended
to
be
used
in
production.
We're
going
to
talk
about
what's
in
there
as
a
as
a
reminder
in
upcoming
slides.
So
let's
go
forward
there.
On
the
usage
side,
we
did
a
all-time
record
on
the
daily
usage.
C
Actually
this
week,
tuesday,
and
you
can
see
a
massive
massive
growth
on
the
adaption
and
as
as
you
can
see
from
historically
and
there's
always
a
bit
slowness
during
summertime
and
then
the
september
october
november
are
the
most
widely
used
growth
months
in
the
day-to-day
play
places
what's
actually
kind
of
cool.
I
cannot
go
to
the
details,
but
we
did
broke
one
really
significant
milestone.
We
are
breaking
that
cray
line
with
two
tuesdays.
All
that
record,
which
is
pretty
cool.
It
is
a
big
number,
but
I
cannot.
C
I
don't
have
permissions
to
say
what
is
the
number
but
we're
talking
about
tens
of
millions
of
monthly
active
users
for
custom,
sharepoint
framework
built
components
in
the
microsoft
365.
So
a
lot
of
people,
let's
go
to
the
following
slide:
1.16
set,
was
released
last
week.
1.15.2
was
released
in
august.
C
That
is,
the
latest
version
for
production
and
1.16
is
a
preview
version
and
where
we
have
a
few
key
capabilities,
we
did
show
some
of
this
stuff
on
the
tuesday
call
this
week,
together
with
alex
tarantium
and
so
I'll
recommend
you
checking
out
that
call.
If
you're
looking
into
exact
details,
what
what
does
that
mean?
There's
going
to
be
cool
announcements
related
on
teams,
javascript,
sdk
v2,
as
a
native
supporter
spacex
within
this
upcoming
conferences.
C
So
there's
a
lot
of
lot
of
interesting
announcements
coming
up
on
making
sure
that
those
who
are
investing
on
the
sharepoint
framework
can
actually
get
their
application
even
further
available
more
in
microsoft.
365
so
really
recall
that
we're
building
on
top
of
existing
investments,
rather
than
always
inventing
or
introducing
new
stuff,
but
that's
it
for
my
site.
Let's
move
to
the
following
topic:.
D
Thank
you,
patrick,
so
version
3.7
to
be
released
tomorrow.
Actually,
we
have,
as
always,
general
documentation
updates.
We
have
added
and
thank
you
very
much
to
conrad
support
for
sp
favorites,
great
pull
request
from
him
really
thorough
and
complete,
and
it
was
a
joy
to
see
we
have
fixed
some
search
and
filter
parameters
for
graph
paging
behavior.
We
added
the
ability
to
rate
an
item
in
sharepoint
one
through
five.
D
That's
another
pull
request
from
a
community
member,
more
improvements
for
query
escaping
we're
cleaning
that
up,
and
I
think
that
work
is
now
complete,
some
enhancements
for
copy
by
path
move
by
path.
We
had
some
extra
properties
we
wanted
to
make
available
to
make
that
act,
those
actions
more
customizable
and
patrick
added,
a
lovely
sample
for
acs
auth
behavior
a
recipe
for
that.
If
you
need
it,
as
always,
any
of
the
prs
that
are
merged
during
the
month
will
show
up
in
our
nightly
build.
D
So
if
you
want
to
you
see
one
of
those
pr's
merged,
that's
something
you're
interested
in
you
want
to
check
it
out.
Please
feel
free
to
use
our
v3
nightly,
builds
that
go
out
nightly
and
well
obviously,
from
the
name.
I
suppose
and
that'll
give
you
that
new
functionality
you
can
test
it
out
and
don't
forget
to
follow
us
m365
pmpjs
on
twitter.
We
give
all
our
updates
there,
anytime,
there's
issues
or
new
releases.
You
will
see
it
there.
We
also
do
post
on
linkedin
for
the
pmp
team.
D
A
E
Thank
you
very
much,
patrick
so
hi
everyone.
We
have
released
a
new
version
of
cliff
microsoft
365..
We
have
released
5.7
the
back
end
of
last
month,
so
it's
been
out
for
about
a
week.
So
this
is
the
roll-up
of
all
the
enhancements
that
we've
delivered
through
the
the
beta
releases
throughout
the
month.
So
we've
added
support
for
microsoft,
bookings
for
improvements
to
azure,
active
directory,
app
registrations,
permissions
management
in
sharepoint,
microsoft,
search
and
also
sharepoint
framework
as
well.
E
E
E
One
note
notebooks
and
more
power
platform
commands
as
well,
which
we
know
is
something
that
a
lot
of
people
are
looking
for.
So
if
you're
interested
in
either
of
those
please
check
them
out,
get
involved
in
the
conversation
and
and
and
help
us
build
the
the
best
commands
that
we
can
for
you.
So
one
extra
thing
we
are
looking
at
releasing
v6,
so
we've
got
a
timeline
of
around
november
for
v6.
E
This
is
going
to
be
the
next
major
version,
they'll
be
breaking
changes,
but
we're
going
to
release,
upgrade
guidance
early
and
give
you
the
ability
to
test
that
out
way
in
advance
as
well
before
that
release.
And
finally,
I
just
want
to
say
thank
you
to
all
the
contributors
for
this
month
without
you,
which
obviously
would
not
be
possible.
Thank
you
very
much.
A
Als
thank
you
gary
for
those
wonderful
updates
about
the
cli
and
we
will
move
on
now
to
the
reusable
components
so
react.
Controls
310
is
out
the
react.
Controls
again
are
the
ones
designed
to
be
used
in
the
body
of
your
web
parts
or
application.
Customizers
that's
been
updated
for
spf
x,
115
2,
as
well
as
the
ability
to
override
field
rendering
for
individual
individual
fields
and
dynamic
form
and
various
other
fixes,
and
then
the
property
controls
are
at
390.
That's
an
update
for
115.2
support.
You
can
see
the
release,
notes
there.
A
Those
react
control.
The
property
controls
excuse
me
are
designed
to
be
used
in
the
edit
pane
of
your
web
parts.
So
definitely,
if
you
haven't
checked
out
the
reusable
controls
yet-
and
I
don't
know
why
you
wouldn't
have
but
do
check
them
out,
it's
a
great
way
to
jump
start
your
sharepoint
framework
projects,
save
you
a
ton
of
time
and
a
ton
of
effort
to
get
some
great
experiences
for
your
users
and
finally,
last
up
is
pnp
modern
search
ak
dot.
Ms
slash
pnp
search.
A
This
is
all
about
building
a
modern
search
experience
with
flexible
web
parts.
For
your
users,
so
470
release.
That's
the
june
release.
Thank
you
to
everybody
who
helped
out
there.
That's
support
for
adaptive
card
rendering
and
a
few
other
features
and
fixes
as
well
so
definitely
check
out
the
modern
search
capabilities,
and
then
we've
got
the
version
three.
I
do
encourage
you
to
update
to
version
four
version.
Three
branch
no
longer
really
getting
updates
so
do
update
to
version
four
when
you
get
a
chance
and
with
that
we'll
go
to
hugo
for
the
samples.
F
F
F
B
Yeah
absolutely
thank
you,
hugo.
Unfortunately,
we
have
no
new
samples
of
this
week
to
to
cover
and
talk
about,
but
we
do
love
new
samples.
They
are
absolutely
open
to
be
contributed
to
and
if
you'd
like
to
see
all
the
samples
you
can
do
that
at
ak
dot.
Ms
forward
slash,
m365
samples,
don't
hesitate
to
check
them
all
out,
and
if
you
have
any
questions
about
this
repo,
please
don't
hesitate
to
reach
out
patrick
back
to
you.
A
C
I
will
put
my
video
on
as
well:
let's
see
50
seats,
50
seats,
we
still
have
14
seats,
13
12
seats
left
just
guessing.
I
don't
calculate
that
fast.
Fewer
fewer
wait,
wait,
wait
one
more
row
there.
We
go
one
more
row,
one
more
row.
I
know
that
that's
or
is
it
full?
It's
full.
It
is
full.
Let
me
put
the
recording
on
wait
for
it
to
wait
for
it,
wait
for
it
and,
let's
do
some
hand,
saving
everybody.
C
A
G
G
Customizers
extension
I
mean
if
you
have
worked
in
like
me:
infopath
forms
if
you
have
worked
in
custom
list
pages
and
injected
your
custom
webpart
into
those
pages
in
classic
shape
and
sites,
and
you
know,
build
some
navigation
around
the
you
know,
item
ids
and
stuff,
then
this
is
heaven.
So
we
have
now,
like
you
know,
is
a
long
waited
feature
where
we
can
override
the
list.
Experience
the
library
experience
using
the
spfx.
So
that's
really
really
great.
So
I
I
wanted
to
try
out.
G
I
wanted
to
see
how
we
can
put
things
together
and,
potentially
you
know
we'll
be
building
applications
for
the
customer
going
forward.
So
what
basically
to
get
this
started?
So,
what's
involved,
there's
a
couple
of
steps.
I've
listed
here,
five
of
them,
so
we
need
to
create
a
you
know,
basic
list
and
or
library
structure,
using
content
types
that
I
would
recommend,
use
the
content
types.
G
Then
you
create
a
customizer
extension
project
using
spfx,
then
we
have
to
configure
and
start
doing
some
debugging
and
then
once
we're
done,
we
deploy
that
our
solution
to
app
catalog
and
the
last
step
is.
We
need
to
associate
our
custom
component
we
build
here.
We
need
to
do
the
you
know
associate
with
our
the
content
type
of
the
of
the
list.
So
let's
get
started
how
we
can
get
you
know.
So
I'm
gonna
show
you
demo
first,
so
that
is
the
customer
list.
G
So
I've
added
some
dummy
data
here
now
this
list,
it's
based
on
this
content
type,
which
is
the
customer
and
I've
kept
it
really
basic
for
the
demo.
So
you
can
see.
I
have
some
fields
and
one
of
the
fields
is:
is
a
project
is
lookup
field
and
which
is
basically
point
to
this
list,
which
is
a
project,
so
this
project
doesn't
have
any
content
type,
but
you
can
add
a
content
up
here.
If
you
want
to,
but
my
customer
is
based
on
the
customer
content
type,
this
is
the
structures.
G
G
G
Let's
suppose,
if
I
open
this
items,
if
I
click
on
my
one
of
the
items,
so
you
can
see
so
at
this
point
you
know
from
this
is
how
I
would
envisage
so
from
here
onward
storm.
So
you
have
a
literally
blank
canvas.
You
can
build
whatever
you
want
to
build,
you
can
build
custom
forms,
step,
forms
model
forms
or
whatever
you
want
to
build.
So
basically
we
have
all
that
space
for
us
right
from
the
list
environment.
G
So
here
this
is
I'm
in
the
view
mode,
as
you
could
see,
I've
just
clicked
it
and
it's.
This
is
my
view
mode
and
I
so
the
so.
The
main
idea
for
me
behind
of
you
know
the
feedback
I
get
from
the
customers
is
right.
So,
especially
with
couple
of
points.
Okay,
they
want
to
change
the
layout.
So
you
know
you
have
the
opportunity
to
build
different
layouts
like
your
two
columns
they
want
to
have
when
selecting
the
loop
playing
around
with
the
lookup
columns.
You
always
like
had
a
like.
G
Let's
suppose
you
have
a
massive
massive
list
of
the
lookup
column
and
you
want
to
search
and
select.
It
was
really
hard
in
out
of
the
box,
so
you
have
to
all
the
way,
get
a
scroll
down
and
you
know
so
it's
really
hot
navigation
if
you
have
like
a
thousand
item
in
the
in
the
lookup
list,
so
that
was
another
pain
point
and
if
you
have
to
navigate
and
see,
for
example,
at
this
point
I
want
to
go
and
see
my
project
detail.
G
You
can
go
right
from
this
page,
so
you
don't
have
to
go
and
switch
to
different
page
to
see
the
detail
of
your
lookup
list.
So
that's
really
cool.
So
we
are
everything
is
on
this
page
and
then
from
here
I've
also,
so
you
don't
have
to
go
and
add
it
from
the
list
or
you
can
build
the
custom
links
here.
So
if
I
want
to
added
this
particular
record,
you
can
just
click
on
edit.
It
takes
you
to
the
added
page
and
then
you
can
do
here.
G
So
you
know
in
here
I've
tried
to
add
some
custom
fields
just
for
demo
purposes.
So
we
know
you
know
we.
We
have
capability
now
to
build
some
custom
stuff.
So,
for
example,
I
have
a
the
you
know:
the
latest
modern
taxonomy
picker
control
in
here
with
the
p
and
p
just
added
in
there,
then
some
select
list
can
add
select,
and
this
is
the
outlook
and
the
lookup
column
which
I
was
talking
about
so
now
I
can.
G
Basically,
if
I
need
some
item,
let's
say:
project
110,
I
simply
can
get
there
select
this
add
into
my
associated
et
cetera
and
submit
so
I
don't
have
to-
or
I
can
cancel
this
so
I
can
select
and
navigate
through
here
or
I
can
select
this
whole
page
etc.
So
this
is
kind
of
a
example
of
what
possible
things
we
can
build
now
with
with
using
this
on
customizers.
That's
really
really
great,
so
yeah.
G
G
So
that's
the
point
where
you
know
we
have
run
the
german
generator
to
create
our
project,
so
once
we
are
in
there
the
first
thing
you
want
to
go
into
the
serve.json
file.
Now
this
will
be
created
for
you,
so
you
don't
have
to
do
much
in
there,
but
couple
of
property
you
have
to
change.
First,
one
is
a
page
url.
The
page
url
make
sure
this
part
of
the
url,
which
is,
if
I
yeah
it
is
the
make
sure,
is
point
to
your
site.
G
So
you
have
a
different
forms:
properties,
one
for
the.
So
this
is
the
default.
One
is
the
new
form.
One
is
the
added
form,
one
is
the
viewform
and
and
what
they
have
is
one
thing.
First
off
make
sure
you
are
pointing
to
your
site,
so
leave
don't
change
the
last
bit
of
this
url
from
the
layout.
This
needs
to
be
same.
You
can
see,
then
the
component
id
will
remain
the
same.
So
don't
change
this
one.
G
So
page
type
is
say
another
thing
which
you
can
determine,
which
page
you
are
in
whether
you
are
in
the
edit
mode.
So
eight
is
the
new
six.
Is
the
added
and
the
fourth
is
the
view,
and
then
you
have
a
root
folder
of
the
list.
So
this
is
the
list
which
I
will
be
using
and
then,
if
you
have
any
custom
property,
the
id
is
there
as
well.
But
what
happened
is
when
you
run
the
gulp
self.
So
let
me
go
back
to
debug
there.
So
we've
done
this.
G
Then
there
is
a
there's:
a
gulp
serve
command,
which
you
normally
do,
but
the
idea
is,
you
can
always
open
up
a
specific
configuration
passing
the
parameters
say:
config
equal
to
customer
industry
added
form
in
my
case,
which
will
point
to
this
one
and
this.
Basically,
what
happened
is
the
url.
It
takes
the
url,
it
get
the
component
id
page
type,
root,
folder
everything
and
then
open
that
added
form
for
me
with
the
id
equal
to
one.
G
But
you
can
go
to
the
browser
and
once
once
it's
open,
you
can
easily
change
id
to
you
know.
Whatever
other
item
you
wanted
to
retrieve
from
so
that
is
just
to
starting
point,
but
you
can
basically
change
the
id
here
to
get
the
different
items
in
the
list.
So
so
at
this
point
we
you
know
we
we
can
see
like
a
blank
and
then
let
me
go
back
to
the
code
now
in
term
of
the
building
hour
demo.
It's
really
really
simple.
G
G
So
once
the
page
load
or
when
we,
you
know
open
any
items,
if
it
is
a
new
one,
I'm
gonna
grab
the
item,
id
list
title
and
get
the
customer
detail
and
then
within
this
call
in
the
ship
and
service,
I'm
getting
the
you
know
related
the
project
detail
as
well.
So
I'm
passing
this
data
to
my
main
component,
but
there's
another
thing
which
you
did
is
as
as
I've
shown
you
previously,
you
can
build
the
added
url
by
yourself.
G
I
can
see
you
can
see
here
so
user
doesn't
have
to
go
to
the
list
and
do
that.
You
can
basically
navigate
from
your
custom
form,
so
this
is
how
I
build
basically
using
source
item
ids,
you
get
server
relative
url,
so
you
can
hook
up
all
together
and
then
it
will
open
up
the
added
form
or
add
new
form
from
your
form.
So
I'm
passing
those
items
properties
to
my
component
and
then
from
there.
G
I'm
just
building
a
customer
form
one
big
component
here
and-
and
you
know
so-
it's
not
massive
necessary
just
same
simple
one,
one
component,
I'm
building
here,
but
the
idea
is
so.
Let
me
show
you
one
when
we
finish
our
saving
data,
so
we
need,
we
are
have
to
call
this
props
dot
on
save,
which
is
that
method
exists
here.
G
Basically,
you
have
to
call
this
method
when
you
have
done
your
like
changes
have
been
submitted
to
the
list
so
that
it
can
complete
the
whole
life
cycle
of
the
save
so
and
then,
then,
if
you
close,
then
you
call
have
this
form.close
method.
You
need
to
call
this
one
so
yeah
this
and
yeah.
That's.
That
was
the
in
term
of
the
building
the
form
I'm
using
in
term
of
the
ui.
G
You
know
depend
on
you
know,
I'm
using
both
fluent
ui
and
I'm
also
using
a
a
custom
library
which
is
called
np
design.
So
yeah,
please
check
this
out
if
you're
interested,
it's
really
really
good.
So
now,
coming
back
to
the
last
step.
Okay,
we've
done
at
this
point:
we've
done
debugging
we've
done
build,
we've
done
with
build
of
our
application.
Now
we
need
to
deploy
that
so
by
default
is
not
going
to.
Basically,
we
need
to
associate
our
component,
which
we
def
the
component
id
we
define
and
the
server.json
you
can
see
here.
G
G
You
have
it
here,
which
is
this
one
six
one
d,
two
three,
your
one
will
be
different
so
that
your
custom
component
in
that
list
has
these
three
properties
are
associated
once
it's
done,
then,
every
time
you
click
on
any
of
the
list
item
the
custom
form
either
is
added
new
or
detailed
view
will
open
up
so
yeah.
If,
if
you
get
this
code,
one
is
it's
in
here.
I've
put
into
this
is
my
blog,
so
you
can
go
through
there.
G
A
F
They
have
pretty
much
everything
included
in
this
sample,
and
this
is
definitely
one
of
them.
Don't
let
that
scare
you,
the
sample,
is
a
great
way
to
understand
some
of
the
advanced
concepts.
It
is
again
it
helps.
You
understand,
also
how
to
structure
your
solution
and
things
like
that,
and
we
want
to
make
sure
that
you're
not
always
stuck
with
only
advanced
samples
we
want
to.
F
We
want
to
make
sure
that
sometimes
you
have
samples
that
are
just
to
show
you
a
concept,
because
everyone
has
to
start
at
level
100
at
some
point,
but
once
you're
ready
to
look
at
more
advanced
samples.
This
is
definitely
going
to
be
one
of
them
all
right.
So
let's
talk
about
azure
communication
services.
F
What
is
azure
communication
services?
It's
basically
an
azure
service
that
you
can
use
to
do
some
really
cool
stuff,
including
things
like
voice
and
video,
calling
rich
text,
chat,
sms
and
email,
and
I'm
not
a
smart
person.
So
when
I
think
about
azure
communication
services,
I
kind
of
think
about
teams
as
a
service
right.
So
imagine
if
you
could
actually
take
all
the
functionality
in
teams
and
put
it
as
a
service
in
azure
and
that's
really
what
it
is
now.
A
much
smarter
person
might
actually
think
of
it
as
communication
platform
as
a
service.
F
That's
really
what
the
official
term
for
azure
communication
services
is
now
if
I
go
to
azure
and
I
go
create
an
azure
communication
services,
all
I
need
to
do
here
is
I
go
to
azure.
I
click
on
create
a
resource
and
then
I'll
search
for
communication
services.
If
I
can
type
properly
there
you
go
and
I'll
just
click
on
create.
F
Now,
once
I
create
this
I'll
have
to
pick
my
subscription
again,
I
like
to
use
my
my
msdn
subscription
and
I'll
create
a
resource
here
now.
I
already
created
a
resource
before
this,
so
it's
going
to
scream
at
me,
but
I'll
just
pretend
I'm
creating
a
new
one,
all
right
and
once
that's
created
I'll,
get
something
like
this.
That
will
say:
here's
your
azure
subscription,
here's,
your
your
resource
and
you'll
see
that
right
away.
F
Kind
of
sandbox
you'll
actually
get
access
to
these
components
here
and
the
cool
thing
about
this
is
that
if
you
think
about
the
complexity
of
building
a
chat,
functionality
or
video,
you
know
video
functionality
or
anything
like
that.
That
teams
provides
you
you'd,
have
to
create
a
lot
of
components
and
connect
them
together
and
everything.
So
the
azure
communication
services
folks
have
actually
created
composite
controls
and
ui
controls
that
you
can
use
to
actually
build
your
samples,
so
you've
got
a
whole
bunch
of
different
use.
F
Cases
that
we
can
use
here
and
there's
you'll
see
that
there's
two
types
of
libraries
there's
composite
controls
like
I
said,
which
are
combined
components
together
and
those
are
designed
to
make
it
easy
for
you
to
integrate
with
fluent
ui
design,
to
actually
have
your
kind
of
layout
control
in
a
in
a
very
consistent
way,
and
you
can
inject
some
data
model.
But
if
you
want
to
go
even
further,
you
want
to
inject
your
own
css
or
your
own
experience,
and
things
like
that.
You
can
use
the
individual
ui
components.
F
The
individual
lego
blocks,
if
you
will
and
put
them
together.
So,
for
example,
here
we
have
a
call
composite
component
that
allows
you
to
to
actually
call
the
functionality
and
it'll
pretty
much
create
the
experience
for
you
and
if
you
see
all
you
need
to
do,
is
you
import?
You
know
an
adapter,
you
can
import
the
composite
and
then
in
your
code,
you'll
actually
call
this
component
here
and
say
this
is
what
I
want.
I
want
this
adapter
I
want.
You
know
these
options
and
so
on
and
so
forth.
F
F
Actually
I
don't
need
to
mute
myself.
You
can
see
that
I'm
in
the
demo-
and
this
is
gonna-
start
going
crazy
here
all
right.
So
let
me
get
out
of
this
this
demo
and
let
me
actually
show
you
the
web
part
that
our
friend
joao
built
using
one
of
those
composite
components
all
right.
So
we
have
here
a
this-
is
a
screenshot
from
from
zhou's
sample.
F
He's
got
two
versions
of
the
same:
the
same
web
part
and
two
different
pages,
so
he
can
demonstrate
here
acting
as
two
individuals,
one
who's
fox
and
one
who's.
Mouse
and
you'll
see
that
show
added
the
ability
to
pick
your
own
avatar,
the
ability
to
have
kind
of
this
room,
chat,
pane
and
then
to
be
able
to
do
things
like
who's
in
the
chat
leave.
The
chat,
hide
the
participants
and
do
things
like
that.
F
F
F
Right
so,
first
of
all,
like
every
other
sample
that
you
all
builds,
you
know
the
structure
is
always
awesome.
It's
very
easy
to
understand
so
you'll
see
here.
That
shows
broken
the
sections
into
assets
and
components
and
constants
and
things
like
that.
But
the
thing
that
we're
going
to
pay
attention
today
is
the
web
part
itself.
The
room,
chat,
webpart
and
let's
go
into
this
in
the
render
function
of
the
web.
F
Now
what
draw
does
is
he
actually
passes
those
attribute
to
the
chat
component.
So,
in
my
components,
area
I
have
a
room,
chat
component
and
a
room
chat
component.
Really.
What
it's
got
is
something
that
calls
a
room,
chat,
control
now,
there's
a
whole
bunch
of
other
things
about
the
global
state
provider,
and
things
like
that.
F
That
just
makes
it
easy
for
to
store
the
information
about
the
web
part
globally,
but
we'll
skip
that
because
we're
limited
on
time,
but
inside
of
that
I've
got
my
room,
shot,
control
and
you'll
see
that
the
room
chat
control
is
broken
down
into
smaller
controls
as
well.
So
I've
got
my
errors.
I've
got
my
ability
to
join.
I've
got
my
configuration.
F
The
adapter
is
actually
created
earlier
using
react
hooks,
and
so
what
we
do
here
is
we
do
a
create
adapter
and
we
pass
things
like
the
display
name,
the
user
id
the
credentials
and
the
thread
id
and
then,
in
the
hook
section
this
is
kind
of
brilliant.
What
what
joao
does
is
he's
got
a
use,
acs
api
hook
that
he
can
use,
making
it
easier
for
him
to
embed
acs
apis
within
his
application.
F
So
he's
got
the
contacts
here
that
he
passes
with
the
connection
string
and
all
that
stuff
he's
got
the
person's
email
address
that
we
extract
from
the
contacts
as
well
as
their
display
name
so
that
we
can
understand
who's
chatting
and
then
we
call
the
communication,
identity,
client
from
the
azure
communication
services
apis
to
authenticate
and
do
all
that
stuff
and
guess
what
we
get
to
pass.
That
connection
string
that
we
used
earlier
in
our
configuration.
F
So
that's
really
how
joao
does
all
this
information
he's
actually
doing
something
beautiful
by
using
a
lot
of
components
that
were
pre-built
and
then
really
wrapping
it
into
sharepoint
framework,
now
just
different
ways
to
approach
this.
You
know
in
this
case,
joao
is
actually
using
a
connection
string
that
is
passed
into
a
property
pane.
F
So,
for
example,
here
I
can
use
rest
or
I
can
use
the
online
management,
shell
powershell
or
the
cli
for
microsoft,
365
to
set
those
properties,
and
then,
in
my
web
part
I
can
retrieve
those
properties.
So,
instead
of
copying
the
connection
string
in
every
web
part
or
asking
every
user
when
they
drop
the
web
part
to
copy
and
paste
the
connection
string,
I
could
set
that
globally.
F
So
think
of
that
in
ways
of
if,
when
you
have
stuff
that
again,
you
don't
want
to
share
widely
now.
The
one
thing
I
want
to
make
clear
is
these
properties
are,
actually
you
know,
they're
going
to
be
read
by
the
web
part.
So
this
is
not
hiding
the
connection
string
or
anything
like
that.
If
you
wanted
to
hide
it,
you'd
want
to
use
something
like
azure
key
vault
or
something
like
that.
F
So
if
I
wanted
to
do
this
in
my
code,
I
would
probably
do
something
like
this
I'll
say:
get
storage
entity
and
I
would
pass
a
key
called
azure
connection
string.
I
would
have
previously
stored
the
connection
string
using
the
methods
I
showed
above
and
then
I
would
get
something
like
this,
which
would
be
a
json
structure.
That
would
tell
me
all
the
information
about
the
connection
string,
including
the
value
which
is
hidden
here,
and
I
could
use
that
in
my
web
part.
So
those
are
again
two
different
ways.
F
You
can
use
property
panes
or
you
can
use
tenant
properties
to
store
information
that
you
want
to
use
in
your
solutions
in
your
web
parts
and
again,
if
you
wanted
to
write
the
property
you
would
just
use
like
in
this
case.
If
you
want
to
use
the
spo
management
shell,
I
would
just
set
spo
storage
entity
and
pass
the
string.
F
A
Awesome
stuff,
as
always
hugo
thank
you,
so
I
want
to
thank
ejaz
and
hugo
for
those
great
demos
really
fantastic
stuff
from
both.
I
encourage
you
to
check
those
out
a
little
bit
more
following
the
links,
and
now
I
just
want
to
say
a
few
things
mostly
to
say
thank
you
to
all
of
you
for
letting
me
host
this
call
for
so
long
and
not
kicking
me
out.
That
means
a
lot
to
me.
I
think
this
has
been
a
fantastic
experience
for
me
and
hopefully
for
all
of
you
along
the
journey
as
well.
A
I'm
incredibly
proud
of
the
work
that
all
of
you
have
done.
Building
this
community
submitting
these
samples
and
learning
together,
it's
really
really
fantastic
to
see
that
and
to
have
been
a
small
part
of
creating
this
space
for
all
of
you
to
excel,
and
I
know
you
will
continue
to
excel
and
I
encourage
you
to
keep
submitting
for
the
demo
spots.
I'm
really
really
really
excited
for
what
we're
going
to
do.
Next,
we're
going
to
have
a
revolving
set
of
hosts
for
this
call,
we
might
settle
that.
A
You
know
onto
a
couple
hosts
later,
but
we're
gonna
have
a
bunch
of
great
folks
coming
on
to
host
this
call
in
the
future.
I'm
not
aware
of
any
big
format.
Changes
for
the
call,
so
do
please
continue
to
submit
your
samples
continue
to
do
the
great
work
you're
all
doing
out
there
and
I've
just
been
so
honored
to
be
a
part
of
this
community
and
to
be
a
part
of
creating
this
forum.
So
thank
you.
Thank
you.
A
A
There
was
much
rejoicing,
so
thank
you.
The
recording,
as
always,
will
be
available
about
24
hours
on
the
youtube
channel.
Follow
us
on
twitter
at
those
places
there
and
our
next
call
hosted
by
somebody
else
will
be
september
22nd
in
two
weeks
on
thursday,
our
next
general
dev
call
will
be
september
15th
same
time,
that's
in
one
week
next
week
and
you
can
get
all
those
community
call
links
at
ak
dot.
Ms
m365
slash
calls.