►
Description
Microsoft 365 platform community call delivered on February 22nd. Demos - PowerShell Snippets for Microsoft Graph Docs, Learn from the Community – Introduction to new weekly initiative, and Customizing MGT Components in your solution. New series launched – Learn from the community. Preview the Microsoft 365 Sample Solution Gallery with 890+ samples from Microsoft and community. Get started with free training modules to accelerate learning Microsoft 365 platform capabilities. Five Microsoft 365 Platform related stories released. The host of this call was Brian T. Jackett (Microsoft) |@BrianTJackett. Q&A takes place in chat throughout and live at end of the call.
Learn more:
• See the full blog post for this call at: https://aka.ms/m365pnp/community/blog
• Download invite for this weekly Microsoft 365 Platform community call: https://aka.ms/m365-dev-call
• Learn more about the Microsoft 365 Patterns and Practices community at: http://aka.ms/m365pnp
• Visit the Microsoft 365 Patterns and Practices community YouTube channel: https://aka.ms/M365PnP/videos
A
A
If
you
are
new
to
the
call
or
if
you've
been
a
long
time,
caller
listener
a
lot
of
the
great
resources
you
can
be
able
to
go
and
find,
we
have
two
different
youtube
channels.
We
have
aka.mslash
m265
dev
youtube
for
all
of
our
developer
videos.
So
if
you're
looking
for
the
latest
and
greatest
on
sharepoint
framework
on
microsoft
graph
on
a
lot
of
other
things,
there's
going
to
be
more
than
the
official
channel,
we
also
do
have
the
my
suspicious
five
community
videos
at
aka
dot.
A
Ms
slash
m265
pmp,
slash
videos,
all
the
recordings
for
our
community
calls
such
as
this
one
will
show
up
there
within
24
hours,
it's
a
great
way
to
catch
up
or
to
join
in
show,
co-workers
friends
who
want
to
be
able
to
join
into
this.
We
also
have
a
lot
of
open
source
initiatives,
a
lot
of
links
on
here.
But
if
you'd
like
to
see
what
are
some
ways,
you
can
contribute
back.
A
If
you
have
some
samples,
if
you
have
some
other
things
that
you'd
like
to
be
able
to
share,
update
our
documentation,
be
able
to
do
pull
requests
and
so
forth
lots
of
great
ways
you
can
plug
in
with
that,
there's
also
a
number
of
samples
galleries
so
again
great
to
hear
about
things,
see
demos.
But
what
if
you
want
to
get
hands-on
with
these
things
and
actually
be
able
to
test
them
out
yourself,
so
lots
of
great
samples
we
have
available
inside
of
teams
instead
of
spfx
and
many
many
other
areas.
A
A
Now,
if
you
need
a
developer
tenant
to
be
able
to
actually
go
and
test
these
things
out,
we
do
provide
through
the
microsoft
365
developer
program.
You
can
get
a
free,
e5
developer
tenant.
This
is
a
auto
renewing
tenant.
So
as
long
as
you
continue
using
it
within
that
90
days,
this
will
auto
renew
for
itself.
You
can
find
out
more
and
sign
up
at
aka
dot.
Ms
m365
dev
program
and
one
of
the
newer
features
that
we
did
mention
a
little
while
ago.
It
does
have
instant
availability.
A
A
If
you're
looking
for
some
learning
information,
we've
got
a
lot
of
different
great
walkthroughs
and
modules
and
training
stuff
all
this
provided
for
free.
So,
if
you're
looking
for
ways
to
go
and
learn
and
kind
of
scale
up
lots
of
great
tutorials
other
ways
to
go
through
and
actually
test
your
knowledge
with
this,
you
can
find
more
at
a
dot.
Ms
slash,
m365
dev
learn
lots
of
great
content
out
there.
Please
feel
free
to
take
a
look
at
that,
and
always
we
have
our
samples
gallery.
We
are
so
so
close
to
breaking
the
900
number.
A
So
please
share
your
samples
out.
There
contribute
back
we'd
love
to
see
more
available
for
this,
but
again
great
way
as
an
open
source
way
to
actually
go
and
see
what
have
folks
from
microsoft.
Folks
in
the
community
gone
and
provided
out
there,
I
take
a
look
at
aka
dot,
ms
slash
m365
samples
and
soon
enough,
we'll
peel
that
little
sticker
back
and
we'll
actually
get
to
the
900
mark
and
we'll
turn
things
over
to
david
talk.
A
little
bit
about
our
sharingness.
B
Caring
initiative
awesome.
Thank
you
brian
yeah,
as
mentioned
this
is
the
sharing
is
caring
program.
Now
this
program
is
set
up
to
provide
you
hands-on
guidance
to
a
number
of
the
resources
that
are
available
to
you
in
the
community
that
brian
has
been
talking
about.
You
may
want
to
use
them.
You
may
want
to
contribute
to
them,
but
there
may
be
some
hurdles
along
the
way
things
like.
How
do
I
contribute
to
github
or
I'd
love
to
present
on
one
of
these
calls,
but
I've
never
done
it,
I'm
a
little
nervous.
B
Do
you
have
any
guidance
for
me?
These
are
hands-on
sessions
that
provide
safe
space
opportunities
for
you
to
ask
any
and
all
questions
and
we're
not
just
going
to
give
you
documentation
or
videos,
we're
actually
going
to
do
it
right,
along
with
you
and
other
members
of
the
community,
they're
all
completely
free,
great
collaborative
opportunities.
B
Aka.Ms4
sharing
is
caring
and,
of
course,
our
ever
popular
amas,
one
of
which
is
today
to
me
immediately
after
this
call
on
pnp
react
controls
with
joel
rodriguez
and
alex
torrential
so
awesome
opportunities
to
get
in
contact
directly
with
the
maintainers
of
all.
These
programs,
it's
safe
space,
open
to
everyone.
We
invite
you
again
aka
ms
ford's
last
sharing
is
caring.
Brian
back
to
you.
Thank
you
so
much
david.
A
Next,
we
do
have
two
wonderful
weekly
podcast,
slash
video
series
you
can
join
into
first
one
is
our
microsoft,
365
developer,
podcast,
hosted
by
our
very
own
jeremy,
fake
and
paul
schiffman,
one
for
mvps
great
way
to
see
what
some
of
the
latest
news
information
being
shared
out
as
well
as
interviews
with
a
lot
of
the
program
managers
and
other
folks
are
actually
developing
a
lot
of
the
platforms
or
functionality
that's
out
there.
So
please
take
a
tune
into
this.
You
can
find
more
at
m365devpodcast.com.
A
And
we
also
have
our
microsoft,
365,
pmp
weekly,
hosted
by
vasa
and
wall
deck
great
way
to
see
again
also
see
different
information
being
shared
out
different
kind
of
interviews
going
into
there,
seeing
some
more
of
the
in-depth
information
so
great
way
to
see
folks
from
both
microsoft
and
community
members
be
able
to
share.
What's
going
on
in
the
different
ecosystems,
you
can
find
more
of
the
video
podcasts
at
aka.ms.pmpweekly,
or
also
the
podcast
pwpweekly.podbean.com.
A
Now,
in
terms
of
news,
we
do
have
a
couple
of
different
announcements
to
share
out
there,
the
first
one
beyond
here
we
do
have
a
breaking
change
in
the
microsoft
graph,
beta
endpoint
for
the
tasks
api
as
they're
going
through
and
doing
some
updates.
We
announced
this
back
at
around
a
night
or
so
november
of
last
year.
A
There
were
some
changes,
we're
doing
to
kind
of
update
where
the
endpoint
for
this
is
on
the
task
api
and
now
we're
actually
updating
some
of
the
different
properties
and
some
of
the
return
values
on
there
so
again
on
beta
do
expect
that
there
can
be
breaking
changes
out
there
as
we're
getting
things
ready
for
production
releases
and
so
forth.
So
please
take
a
look
here
to
see
which
are
those
different
updates
that
are
happening
on
there
and
update
your
applications.
A
Follow
for
that
to
come
out
lots
of
great
updates
in
terms
of
people
to
target
different
platforms,
so,
if
you're
looking
for
sharepoint,
if
you're
looking
for
teams,
if
you're
looking
for
the
viva
platform,
lots
of
great
ways
to
integrate
into
those
things
using
the
same
set
of
tools
and
all
the
great
applications
you
can
for
that,
so
take
a
look
and
see
what
all
the
different
updates
are
for.
Tooling,
for
the
templates
that
are
being
used
and
being
able
to
publish
these
out
to
different
targets.
A
Would
you
also
have
another
course
on
here
in
terms
of
different
identity
areas?
So,
if
you're
looking
for
hey,
I
really
want
to
break
down
microsoft,
identity,
azure
id
and
so
forth
into
kind
of
simplest
forms.
We've
got
some
great
walkthroughs
on
here
to
talk
a
little
bit
more
about
hey
what
is
delegate
authentication,
what's
application
permissions?
A
How
do
I
understand
the
azure
id
application
registrations
that
I'm
working
with
so
getting
a
very,
very
rudimentary
understanding
of
this
and
then
also
leveraging
things
like
microsoft,
authentication,
library
or
msal,
so
great
way
to
understand
kind
of
the
platform?
What
are
all
the
building
blocks?
I
can
use
for
my
applications
and
how
to
integrate
that
into
your
applications.
A
So
take
a
look
at
that
blog
post
as
well,
and
then,
lastly,
one
that
actually
didn't
make
it
in
time
for
yester
or
last
week's
release
for
our
show,
we
do
have
an
update
to
the
team's
javascript
sdk
version
two.
Now
this
is
a
preview
and
there's
some
interesting
things
that
are
coming
for
this
traditionally
teams
apps
lived
in
teams.
A
Well
now,
with
this
teams,
sdk
version
two
we're
actually
allowing
you
to
target
also
applications
in
outlook
as
well,
so
a
great
way
for
us
to
be
able
to
build
once
and
reuse
in
multiple
platforms,
so
take
a
look
and
see
what
some
of
our
partners
are
going
out
there
and
building
and
see
what
support
is
coming
for
this.
If
you'd
like
to
join
into
this,
there's
also
some
information
for
getting
access
to
that
preview
as
well.
Some
of
our
thoughts
on
the
roadmap
for
this,
as
well
so
great
information
being
shared
out
there.
C
Yes,
thank
you
so
much
for
having
me
in
this
meeting
brian
it.
For
those
who
don't
know
me,
my
name
is
aicha
and
I'm
a
cloud
advocate
at
microsoft,
specifically
focusing
on
microsoft,
365
development,
including
microsoft,
graph
teams
and
all
sorts
of
bots
cognitive
services,
and
we
do
a
lot
of
fun
stuff.
So
I
just
want
to
mention
our
recent
initiative
that
we
started
doing
learn
from
the
community.
But
before
that
I
want
to
highlight
a
segment
on
our
youtube
channel
that
brian
mentioned
earlier:
microsoft,
365,
developer
channel.
We
recently.
C
Actually
it's
been
almost
a
year.
We
started
recording,
show
and
tell
videos
to
highlight
projects
from
any
coming
from
mep
students
startups
partners
isvs.
So
our
aim
is
to
make
sure
that
your
project
is
shared
with
the
community
and
moving
forward
where
they
can
learn
more
about
their
project
as
mep
students,
so
they
basically
come
to
our
videos.
They
talk
about
their
project,
why
they
built
these
sort
of
projects
and
what
is
the
solution
and
most
of
those
projects
are
end-to-end
projects,
including
microsoft,
365.
Some
of
them
include
asia.
C
Some
of
them
include
power
power
platform,
but
mainly
they're.
All
serving
for
a
purpose,
so
it's
either
for
a
university
to
maybe
integrate
with
moodle
and
teams
to
maybe
monitor
attendance
for
the
students
or
it's
for
a
project
that
our
mep
has
built.
Let's
say
a
bot
that
helps
for
the
organizational
files
and
stuff
in
their
own
company,
and
then
we
we
decided
that.
Maybe
we
need
a
series
for
that
for
to
to
highlight,
show
our
show
and
tell
videos,
and
that's
why
I
came
up
that
learn
from
the
community
series.
C
It's
actually
a
really
short
blog
post
style
series
that
we
share
in
our
developer
blog
for
every
tuesday.
I
guess
the
new
one
will
be
released
in
a
couple
of
minutes
that
I
will.
I
will
update
the
aka
link
in
the
slide
really
soon
and
every
week
we
highlight
another
show
and
tell
video
we
recorded
with
our
meps
or
student
ambassadors,
or
students
isps
actually
whoever
from
the
community
who
wants
to
share
their
own
project
and
they
think
that
it
will
be
useful
for
others
too.
C
So
basically,
we
learn
from
the
community
share
with
the
community
and
all
the
amazing
projects
are
serving
to
a
real
life
problem
and
solving
real
life
problem
with
the
solution,
so
it
this
is
just
to
learn
from
the
community
as
a
blog
series.
But
one
important
thing
is
that
if
you
have
a
story,
if
you
have
a
scenario
that
you
would
like
to
share,
you
think
that
it
will
be
really
useful
for
others,
and
I
definitely
want
to
invite
you
in
our
series
too.
C
If
you
have
a
story
to
share,
you
can
just
reach
out
to
me.
This
is
one
thing
or
if
you
just
want
to
go
with
the
formal
way
you
can
just
visit
akita.
Ms
slash
share
your
dash
story
and
you
can
just
fill
out
the
really
short
form
and
we
will
reach
out
to
you
to
record,
show
and
tell
videos,
and
then
your
video
will
be
a
part
of
learn
from
the
community
article
series
too.
So
that's
about
it.
A
B
A
A
Excellent
thanks
so
much.
Let's
go
flip
back
over
to
our
slides
and
I
see
all
of
our
presenters
right
here.
So
that
is
great.
I
don't
want
to
go
chasing
anybody
down
and
again
we
have
three
great
demos
that
we're
showing
today,
first
rebecca
we'll
be
talking
about
powershell,
snippets
and
microsoft
graph
docs.
I
shall
be
talking
about
again
the
new
initiative
that
we
just
heard
about
on
the
slide
on
there
for
community
involvement
and
said
we'll
be
talking
about
mgd
components.
So
first
rebec
floor
is
yours.
D
Hello,
everyone.
I
think
this
is
my
first
time
actually
on
the
community
call
since
I
joined
the
team.
My
name
is
robert
and
I
am
a
senior
pm
on
the
microsoft
graph
team
and
I
am
here
today
to
make
sure
that
you
know
that
we
now
have
support
for
powershell
code
snippets
both
on
our
documentation
portal,
but
also
on
graphics,
plural,
so
for
anyone
on
the
call
who
doesn't
know
about
graph
explorer
or
did
not
use
graph
explorer
yet,
which
I
highly
recommend,
please
go
and
try.
D
Graphic
explorer
graphic
explorer
is
basically
a
developer
tool
that
would
allow
you
to
experiment
test,
as
the
name
says,
to
really
discover
what
we
have
to
offer
within
graph
the
graph
api.
So
you
can
run
queries
see
what
you
require
for
your
request.
What
would
the
response
look
like,
etc,
and
on
top
of
that,
we
also
offer
a
set
of
features
to
make
it
quicker
and
easier
for
you
to
build
your
apps,
for
example,
the
code
snippets,
which
we
will
be
talking
about
today
as
well
as
few
integrations.
D
We
do
have
integration
with
the
microsoft
graph
toolkit
or
the
adaptive
cards,
for
example.
So,
along
with
the
documentation
in
a
nutshell,
we
are
here
to
make
sure
to
empower
you
basically
with
what
you
need
to
build
apps
faster
and
to
give
you
a
good,
a
great
developer
experience
and
that's
why
your
feedback
is
more
than
valuable
to
us.
Please
please!
Please
always
keep
giving
us
feedback,
because
it's
because
of
this
feedback
when
people
ask
for
something
that
we
know.
Oh,
this
is
really
important.
D
We
really
need
to
work
on
this,
and
that
was
the
case
with
the
powershell
code
snippets.
The
community
was
asking
for
them
and
obviously
we
do
have
code
snippets
for
other
languages,
c,
sharp
java,
javascript,
etc,
and
the
community
was
asking
for
powershell
and
and
I'm
happy
to
announce
that
earlier
this
year
we
did
add
support
for
the
code
snippets
support
for
powertrain
both
on
our
documentation
portal,
but
on
a
graphics,
plural
as
well.
D
But
to
spare
you
all
me
being
all
over
the
place
with
my
different
windows
on
screens,
I
did
already
record
the
demo.
So
here
is
the
demo
now
so
here
I
am
on
graph
explorer
and
I
can
see
that
with
the
sample
sandbox
I
can
do
few
queries.
I
can
see
my
profile
who's
in
my
network,
etc,
but
I
really
want
a
little
bit
more
than
that.
I
want
the
ability
to
be
able,
you
know
to
add,
delete,
modify
and
that's
not
possible,
but
using
the
sample
sandbox.
D
So
I
already
got
my
account.
My
developer
account
I'm
going
simply
to
sign
in
using
that
account
sign
in
skip
this
for
now.
Yes,
please-
and
here
I
am
now
I'm
going
to
keep
this
fairly
simple
and,
let's
just
run
the
get
my
profile
query,
which
is
get
the
signed
in
user.
So
if
I
run
this
query,
I
can
see
who
the
user
is,
and
I
can
see
their
id-
let's
pay
attention
to
this,
because
we
will
need
it
later.
D
D
Here
we
go
if
I
go
to
the
documentation
portal
as
well.
If
I
go
to
the
right
place,
I
can
also
see
that
I
have
the
same
thing
here
and
powershell
is
also
available.
Now.
What
can
I
do
with
this?
Can
I
really
run
this?
Let's
see,
first
of
all,
if
you
don't
already
have
the
powershell
sdk
installed,
it's
super
easy
by
the
end
of
this
presentation.
D
I
will
leave
a
few
links,
including
this
one,
which
is
a
step-by-step
instructions
on
how
to
get
the
sdk
and
install
it
do
all
you
need
to
do
authentication,
etc,
because
I
already
have
the
sdk
and
I
am
authenticated
in
theory.
I
should
immediately
run
this
also
because
I
chose
to
install
all
the
sub
modules.
D
D
I'm
gonna
grab
my
id,
and
here
we
go
paste
here.
Let's
see
what
happens
here,
we
go
so,
as
you
can
see
by
literally
simply
copy
paste,
my
favorite
development
method.
I
can
already
see
the
user
that
is
signed
in
and
all
their
details,
so
let's
go
and
try
something
else.
Let's
say
I
want
to
see
the
teams
for
this
user-
and
this
is
join-
teams,
run
this
query
and
do
we
have
something?
Yes,
I
can
see
a
bunch
of
stuff
in
here.
D
D
Troll
v
and
here
we
go
so
I
can
see
that
my
user
is
part
of
all
these
different
teams,
public
relations,
sales,
marketing,
etc
and
so
yeah.
So,
basically,
that's
the
idea
is
to
help
you
quickly
transition
from
trying
on
graph
explorer
or
you
know,
reading
on
the
documentation
to
literally
by
simply
copy
paste
the
code
snippet.
You
have
something
that
is
running
and
working.
D
So
that's
the
end
of
the
demo.
If
you
did
notice
the
second
time
I
was
trying
to
get
teams,
it
was
saying:
oh,
there
is
no
snippet
available
and
it
took
some
time
to
finally
find
the
snippet
the
reason
for
that,
because
it's
a
little
bit
slow,
so
graph
explorer
was
like.
Oh
there's,
no
snippets,
while
in
fact
they
are
there.
D
That
is
a
known
issue.
We
are
currently
working
on
it,
but
again,
please,
if
you
see
anything,
feel
free
to
file
issues
on
github
or
within
graph
explorer
click
on
the
little
got
feedback
for
us
and
leave
us
all
your
feedback
so
yeah.
So,
that's
that
that's
what
I
wanted
to
share
with
you
just
wanted
to
make
sure
that
you
know
we
have
those
code
snippets
available,
I'm
leaving
few
links
to
try
graph
explorer
the
documentation,
the
powershell
documentation
as
well.
Here-
and
that's
me
thank
you.
A
Excellent,
thank
you
so
much
rebec
and
there's
some
folks
who
are
wondering
how
you
were
presenting
without
moving
your
lips
because
they
they
forgot.
It
was
a
recorded
video
excellent.
Thank
you.
So
much
for
sharing
this
is
great
to
see.
I
know
we've
heard
lots
of
feedback
on
getting
powershell
symbols
in
there
glad
that
we're
finally
getting
that
out
there
and
again,
yes,
please
do
hear
your
feedback.
Try
out
the
feature,
we'd
love
to
hear
what
you
think
of
this
that's
great
to
see.
C
So
what
I'm
going
to
do
now,
since
you
already
have
the
presentation
slides,
you
can
go
ahead
and
check
what
links
we
have
in
the
learn
from
community
slash
this
week
and
we
have
the
forum.
I
just
want
to
walk
you
through
what
we
have
available
in
youtube
as
show
and
tell
segment,
and
I
will
show
you
how
the
article
look
like
as
we
highlight
each
and
every
video
weekly
and
then.
Lastly,
I
will
just
walk
you
through
the
form.
If
you
want
to
share
your
own
story,
so
I'm
gonna
share.
C
Okay,
I'm
in
the
microsoft
65
developer
youtube
channel.
As
you
can
see,
we
have
a
lot
of
different
videos
here
and
we
try
to
keep
it
up
to
date
with
the
new
learn
together,
events
and
the
videos
we
have
tips
and
tricks
for
quick
demos
and
demos
from
the
advocates
product
group
and
so
on.
We
also
have
explore
microsoft
classenaries,
which
is
a
new
initiative.
I
maybe
I
can
join
another
community
called
talk
about
it
later
and
at
the
bottom.
C
You
can
see,
show
and
tell
segment
here.
Is
you
can
read
the
description,
get
inspired
by
community
demos,
scenarios
and
interviews
here
you
can
see
each
and
every
video
we
have
either
students
or
app
dev
challenge
winners
or
we
have
mvps
demonstrating
their
own
project.
So
here,
when
I
say
project
all
of
the
projects
covered
in
this
segment
are
the
real
life
solutions.
C
Actually
so,
as
I
mentioned
earlier,
either
they're
helping
their
universities
to
improve
their
processes
with
the
automations
or
maybe
they're,
improving
their
community,
like
maybe
a
student
ambassador
community,
with
a
really
good
bot
to
help
them
get
the
onboarding
process
easily,
or
we
have
brilliant
meps
talking
about
their
projects,
their
solutions
that
use
in
their
own
company
to
maybe
centralize
some
files
or
tools
in
a
chatbot.
So
mostly
here
we
try
to
cover
community
scenarios.
So
here
is
the
right
place
to
talk
about
it
because
we
are
the
community.
C
If
you
want
to
share
your
own
story,
that
would
be
awesome
to
highlight
your
projections.
If
you
watch
any
of
these
videos,
you
will
realize
that
we
don't
talk
much,
but
the
community
members
talk
a
lot
more.
They
talk
about
why
they
built
this
project,
how
they
build
it
with
the
technologies
and
architecture.
They
also
demo
the
solution
really
quickly
and
finally,
they
share
if
they
have
any
documentation.
C
If
the
project
is
open,
source
and
available
on
github,
they
share
all
sort
of
links
and
you
can
find
all
of
them
in
the
description
box
as
well.
So
the
reason
we
want
to
highlight
these
even
more
and
make
it
as
a
serious
is
because
sometimes
when
we
share
these
stories
and
not
everyone
is
getting,
maybe
the
highlight
or
not,
everyone
is
finding
the
resources
available
on
youtube.
C
So
that's
why,
and
also
most
of
us
are
readers
instead
of
just
you
know,
watching
videos
if
you're
more
of
a
reader
person,
if
you
like
the
you
know
catching
up
at
the
really
quick
blog
post
instead
of
just
watching
the
video
probably
learn
from
the
community
series
is
for
you,
so
this
is
again
attached
to
show
and
tell
video
series
in
each
learn
from
the
community
article
that
we
publish
every
tuesday
and
8
00
a.m.
Pacific
time
we
cover
one
show
and
tell
video.
C
So
here
you
can
find
what
is
the
project
about,
and
basically
the
problem
and
the
solution
of
the
project
with
the
technologies
included.
We
also
share
all
the
useful
links
available
for
the
specific
video
and,
if
you
are
interested
in
watching
the
video,
you
can
just
go
ahead
and
click
and
watch
it.
C
You
just
need
to
share
your
name
and
a
brief
information
about
your
project
related
links.
If
we
can
just
quickly
go
through
what
is
your
project
about
and
how
we
can
contact
you,
basically
or
if
you
don't
want
to
prefer
this
form
way,
you
can
always
reach
out
to
me,
and
you
can
also
reach
out
to
brian,
if
you're
interested
in
this
series
and
if
you
want
to
be
a
part
of
it.
So
that's
basically
about
it.
A
A
E
E
We
have
gone
through
different
use
cases
different
scenarios,
but
now
today
we
want
to
go
a
little
bit
deeper
and
showcase
how
you
can
really
improve
the
experience
of
the
toolkit
with
customizing.
It
really
making
it
your
own,
so
it
fits
within
your
app
within
what
you're
building.
So
let
me
go
through
a
couple
of
slides
before
we
go
into
any
of
the
code,
so
first,
let's
cover
a
little
bit.
What
is
microsoft
graph
toolkit
if
it's
the
first
time
you're
hearing
about
the
toolkit?
I
think
it's
a
great
reminder
here.
E
So
the
toolkit
is
a
collection
of
reusable
framework,
agnostic
components
and
auth
providers
that
allows
you
to
access
and
work
with
the
microsoft
graph
toolkit
think
about
the
graph
toolkit
as
a
drop-in
set
of
components
that
you
can
just
drag
and
drop
into
your
app
and
that
they
are
already
connected
to
microsoft
graph.
So
you
don't
have
to
think
about
the
connectivity
think
about
how
you
need
to
build
out
all
of
these
complex
components.
You
just
use
ours
and
you're
good
to
go
to
build
an
app
that
is
connected
to
microsoft.
E
365.,
the
components
are
fully
functional,
so
they
have
all
the
behaviors
you
would
be
looking
into.
They
are
all
customizable,
which
seems
to
be
the
topic
of
the
day
right
today
and
they
work
with
any
framework
and
they
work
on
all
modern
browsers.
So
not
only
you
get
access
to
something
that
is
really
meant
for
developer
productivity,
but
you
can
use
these
in
any
of
the
frameworks.
You
might
be
using
think
about
plain
javascript.
E
E
E
You
can
also
make
them
really
beautiful
out
of
the
box.
They
are
really
beautiful.
They
are
meant
to
be
similar
to
the
microsoft
365
default
and
out
of
the
box
component.
So
it
feels
natural
for
users
when
they
see
these
components,
but
sometimes
you
want
them
to
be
similar
to
your
own
experiences
to
your
own
design,
guidelines
to
your
own
css
frameworks,
you're
using
so
not
only
they're
beautiful,
but
they
are
also
very
flexible
for
you
to
customize
them
and
finally,
it
works
everywhere.
E
It
works
in
any
framework
in
any
browser,
but
anywhere
also
so
think
about
maybe
you're
building
a
spa,
a
single
page
application.
Well,
you
can
use
mgt
for
that
teams
same
thing.
You
want
to
build
a
teams
app,
a
team's
personal,
app,
a
teams
tab
there.
You
go
you're
well
served
and
you
can
use
mgd
as
part
of
this.
You
want
to
use
electron
to
build
a
desktop
application
that
renders
a
web
page.
E
Today,
we're
going
to
focus
on
the
customization
story
and
we
have
kind
of
six
areas
where
we
really
believe
that
you
can
build
and
bring
customization
to
the
toolkit.
First,
you
can
style
the
components.
We're
gonna
have
a
deeper
look
at
how
styling
works
and
how
you
can
really
make
it
happen.
So
styling
is
one
of
the
type
of
opportunities
you
get
with
customizing
ngt
components.
E
E
So,
if
you're
happy
with
how
a
person
card
looks
like
you,
don't
have
to
touch
any
templating,
you
just
leverage
the
one
that
is
out
of
the
box,
but
if
you
don't
like
it
or
if
you
want
to
improve
some
of
it,
you
can
do
that
with
bringing
your
own
html,
build
your
own
logic
as
part
of
that
html
and
render
parts
of
the
mgt
component
with
your
own
code.
So
you
really
have
that
extensibility
mechanism.
E
You
can
also
handle
events.
Some
of
our
components
in
mgt
will
trigger
events,
for
example,
when
you're
adding
a
new
task
using
our
to-do
or
a
platter
component.
You
will
automatically
know
that
a
task
was
just
added,
so
maybe
you
want
to
prompt
something
you
want
to
congratulate
the
user.
You
want
to
do
any
of
these.
Well,
you
have
the
ability
to
do
that.
You
can
register
events
on
all
of
these,
listen
to
them
and
act
upon
these
events
when
they
are
raised.
E
Caching,
these
applications
are
very
data.
Intensive
right,
you
have
a
lot
of
data
coming
from
graph.
You
are
storing
a
lot
of
data
on
on
your
ui.
Maybe
you
want
to
make
sure
that
the
data
is
maybe
as
fresh
as
possible,
or
there
are
some
areas
where
you
might
want
to
say
one
hour
back
in
time.
I
want
to
be
able
to
store
that
one
hour
of
data
locally,
so
I
don't
have
to
to
do
back
and
forth
with
our
components
with
the
graph.
E
Localizing
the
components
entity
comes
with
a
localization
helper
that
enables
you
to
provide
your
own
localized
keys
for
a
lot
of
the
labels
that
exist
in
in
the
microsoft
graph
toolkit.
So
we're
going
to
see
how
you
can
affect
some
of
the
components
how
you
can
really
improve
and
be
more
accessible
for
people
that
are
speaking
other
languages
and
then
we're
gonna
be
able
to
do
that.
E
And
finally,
talking
about
languages
and-
and
some
languages
are
right
to
left
instead
of
left
to
right,
we're
also
providing
the
full
capability
to
have
rtl
support
on
all
of
the
components
that
are
built
within
ngt.
So
without
any
further
ado,
let's
go
and
let's
look
a
little
bit
at
how
we
can
make
it
happen.
So
let
me
go
here.
Let
me
do
that
and
let
me
actually
go
to
my
first
link:
I'm
going
to
go
to
aka
dot.
E
E
The
best
way
to
get
started
is
to
go
in
the
table
of
content
here
on
the
left
side,
open
the
customizing
components
and
start
looking
at
this
and
you're
going
to
see
in
the
samples
that
we're
going
to
have
you're
going
to
see
all
the
links,
the
specific
customization
opportunity
that
are
included
in
the
code.
So
that
way,
it's
easy
to
find
your
way
back
to
understand
how
you
can
customize
some
of
these
components
so,
as
we
said,
styling
templating
events,
caching
and
localization,
and
right
to
left
support.
E
So
I
want
to
start
with
the
styling.
Styling
is
critical
to
really
make
mgt
feel
natural
for
the
users
that
are
using
your
components
when
you
want
to
make
a
different
preposition
for
these
users
in
terms
of
styles.
Sometimes
you
want
to
be
able
to
customize
it
as
much
as
you
want.
So
how
does
it
work
exactly?
E
Let's
go
and
see
what
documentation
tells
us
well,
what
it
tells
us
is
that
we
are
using
a
set
of
css
custom
properties
and
custom
properties
in
css
are
appearing
like
this,
we're
going
to
say
dash
dash,
and
it's
basically
work
we're
creating
a
variable
name
with
this,
and
we
say
that
the
avatar
size
here
will
be
34
pixels
what
it
means.
It
means
that,
in
our
code,
we
will
be
using
that
variable
that
you
can
override
and
you
can
bring
it.
We
can
bring
this
experience
inside
what
ngt
render.
E
E
We
had
the
last
time
we
have
added
a
couple
of
things
here,
maybe
here
a
little
of
css
we're
going
to
come
back
to
this
one
later
on,
but
I
want
to
start
with
this
tiling
panel
here,
where
we
are
specifying.
Let
me
zoom
in
just
one
more
bit
we're
specifying
a
style
tag
here
and
we
say
that
an
entity
person
would
have
potentially
customized
style,
and
let's
start
with
this
here,
let
me
comment
out
this
one.
So
what
does
it
mean?
E
It
means
that
every
single
mgt
person
in
my
application
everywhere
everywhere
we're
using
mgt
person.
This
avatar
will
become
72
pixels.
So
what
I'm
going
to
hit
save
automatically
here
you
see
now
that
entity
person
just
became
way
bigger
than
it
used
to
be
so
you
can
really
do
all
of
these
capabilities.
You
can
really
bring
whatever
you
want
from
a
sizing
standpoint,
but
also
from
this
from
a
styling
standpoint.
So
let
me
go
back
here
to
our
documentation
and
I'm
going
to
go
to
the
specific
component
that
I
want
to
customize.
E
So
all
of
them,
you
want
to
change
the
font
for
the
line
two
for
the
line.
Three,
you
want
to
change
the
the
presence
background.
Color,
you
want
to
change
the
font
family,
the
font
size.
You
want
to
do
some
text
transform.
You
want
to
do
more
detail
spacing
any
of
that.
You
can
change
them
by
using
custom
css
name,
one
of
the
ones
that
I
like
to
do
is
because
it
really
strikes
you
when
you
see
it
is
when
you're
changing
the
border
radius,
which
is
this
one
here.
E
Well,
what's
gonna
happen
here,
we're
gonna
remove
the
radius
which
basically
will
make
instead
of
a
round
avatar
we're
going
to
have
a
square
avatar.
So
when
I
go
here
now,
you
see
that
I
have
a
square
avatar,
but
what
does
it
mean?
It
also
means
that
not
just
this
component
gets
it,
but
all
ngt
person
components
so
later
on
we're
going
to
talk
localization,
but
you
can
see
here
that
all
the
capabilities
are
also
using
that
square
thing.
So
it's
really
a
global
setting.
E
E
Well,
you
can
always
use
class
names,
so
you
can
go
here
and
say:
class
equals
my
person
and
you
will
be
able
to
just
apply
the
style
to
my
person
and
now
it's
gonna
apply
it
just
to
this
one.
Because
now,
if
I
go
to
localization,
you
see
here,
I'm
still
having
the
small
one,
it's
still
the
rounded
one.
So
if
you
want
to
change
styling
for
a
single
instance,
you
can
do
it
using
classes
or
ids
or
if
you
want
to
do
global,
you
can
just
remove
this,
and
now
it's
back
to
global
here.
E
E
Second
thing
that
I
want
to
bring
up,
we
already
covered
the
templating.
We
already
covered
the
events
in
some
of
our
previous
demos,
so
I
invite
you
to
go
and
see
all
the
recorded
versions
of
of
these
previous
weeks,
where
you're
going
to
see
how
everything
around
the
templating
and
everything
around
the
events,
but
something
that
we
did
not
talk
about
is
caching.
E
So
where
do
we
store
this?
Do
we
store
that
as
a
file
on
your
disk
or
whatsoever?
What
we're
doing
is
we
are
storing
this
and
let
me
bring
that
up
here.
We
are
storing
everything
as
part
of
index
db,
so
we're
going
to
have
a
different
set
of
caches
in
there.
For
example,
we
have
the
mgt
user
cache.
So
when
you're
looking
at
me,
we
will
be
storing
the
entire
user,
and
here
you
cannot
see
super
great,
that
user,
but
we're
storing
the
entire
json
object
of
that
user.
E
So,
when
we're
querying
me,
if
we
still
have
a
valid
period
and
by
default,
it's
60
minutes.
So
if
we're
still
within
the
60
minutes,
the
data
might
not
have
changed
so
we're
just
leveraging
the
data
that
we
stored
in
index
db.
We
do
the
same
thing
for
people.
We
do
the
same
thing
for
photos
for
files,
even
our
ngt
get
component
that
can
request.
Basically,
any
area
of
graph
will
get
stored
in
this
by
default.
But
how
do
you
even
play
with
this?
How
do
you
even
customize
this
capability?
E
E
So
every
time
I
will
load
data,
I
will
always
go
back
to
graph
and
ask
for
it.
So
I'm
going
to
save
this,
and
now
you
see
it
takes
a
couple
of
milliseconds
to
go
back
to
graph,
but
every
time
it
will
reload
you're
gonna
see
that
let's
call
it
flickering
because
we're
going
to
graph
to
grab
the
data
before
we
can
show
the
actual
component
and
here
because
it's
a
very,
very
simple
html
file,
we're
doing
we're
not
already
pre-allocating
some
space
or
whatsoever.
So
it's
normal.
E
We
see
that
flickering
in
a
real
world
application.
We
would
not
see
it
so
what
does
it
mean?
It
means
that
if
I
go
back
here
and
I
go
to
my
application-
I
look
here
and
I
refresh
I
still
don't-
have
anything
okay
cool
now.
Maybe
I
want
to
enable
just
for
people-
and
I
know
that
in
my
caching
scenario
I
have
a
people
component.
That
is
here
so,
if
I
hit
save
now,
it's
going
to
hit
graph
the
first
time,
but
not
the
second
time.
E
This
is
what
drives
this
component
right
here
and
now
I
have
all
the
data
in
there
all
the
results
that
are
coming
back
from
graph.
These
are
stored
for
a
specific
amount
of
time
that
I
can
change,
so
maybe
I'm
only
interested
into
having
an
invalidation
period
of
1000
milliseconds.
So
basically
it's
one
second,
not
great,
but
might
be
useful
in
some
scenarios.
E
Think
about,
for
example,
presents
presents,
would
be
a
good
example
of
something
you
want
to
limit
to
go
back
to
that
data
a
little
bit
more
often,
to
always
ensure
that
you
have.
The
latest
presents
information,
for
example,
but
in
that
case
I
can
put
it
to
60
000
milliseconds,
which
in
that
case
would
be
a
minute,
so
we're
gonna
store
it
for
a
full
minute.
E
I've
now
wanted
to
talk
a
little
bit
about
an
area
that
is
a
little
bit
above
styling
when
you're
building
capabilities
with
with
graph
you
often
host
your
app
either
in
teams
in
sharepoint
or
even
your
own
spa
and
you
might
want
to
support
dark
mode,
which
is
great
for
accessibility.
Well,
ngt
supports
natively,
dark
mode.
The
only
thing
you
have
to
do,
for
example,
is
to
come
here
and
add,
for
example,
to
a
component.
I
can
say
here.
E
You
know
what
I
want
to
add
a
class
here
to
that
entity
person
I'm
going
to
call
it
mgt,
dark
and
automatically
here.
You
see
it
made
it
dark.
So
that's
great
for
very,
very,
very
specific
areas
of
the
ui,
but
what
is
even
better-
and
if
I
completely
remove
this
from
here-
and
I
save
it-
I
have
a
knob
here,
basically
a
notch
in
here
where
I
can
turn
on
dark
mode
and
what
is
happening
is
when
I
hit
dark
mode.
E
I
append
the
same
name
so
mgt
dark,
I'm
going
to
append
it
to
one
of
the
parent
objects.
In
that
case,
I'm
going
to
append
it
to
my
body
and
everything
in
there
will
become
mgt
dark.
So
when
I
do
this
boom,
everything
becomes
fully
dark.
Even
here
when
I'm
loo
I'm
using
all
of
these
components,
you
see
how
they
are
all
in
dark
mode.
So
if
you
want
to
support
this,
there's
also
ways
to
just
embed
ngt
dark
as
part
of
your
classes.
E
Same
thing
with
right
to
left
right
to
left
enables
you
to
swap
the
ui
totally
from
right
to
left,
especially
for
right
to
left
languages.
That's
something
that
you
can
do.
It's
super
helpful
and
it's
all
baked
into
the
products.
You
don't
have
to
think
about
it.
You
don't
have
to
build
it.
You
just
need
to
customize
the
colors,
potentially
using
css
and
you're,
going
to
be
good
to
go
last
sample
that
I
want
to
do
today
is
around
localization.
E
Localization
is
an
important
aspect
for
two
reasons.
First,
maybe
you
want
to
provide
other
languages
to
your
application,
but
also,
maybe
you
want
to
redefine
some
of
the
keys
that
we're
using
are
some
of
the
labels
that
we're
using
in
the
toolkit
to
make
them
potentially
more
s
closer
to
your
vocabulary
or
to
your
own
taxonomy.
So
in
this
case,
when
I
open
this
people
card,
you're
gonna
see,
send
emails,
start
chat
and
a
bunch
of
could
what
could
feel
like
hard-coded
labels
right
in
here
by
using
our
localization
helpers
and
I'm
gonna
on
comment.
E
This
thing
you
will
be
able
to
say
for
the
person
card
that
send
email
link
subtitle.
I
want
it
to
become
in
french
on
voice.
So
in
that
case
I
will
be
translating
this
entire
card
in
french.
So
it
makes
a
lot
of
sense
because
you
want
to
provide
this
so
based
potentially
on
the
the
current
language
of
the
user.
E
That
really
brings
you
to
go
a
little
bit
deeper
in
the
toolkit
capabilities
and
how
you
can
really
make
them
your
own
inside
your
own
app
a
couple
of
resources
before
I
head
it
over
to
you,
brian,
our
repo
aka.ms
mgt.
Our
docs
are
issues.
If
you
want
to
see
the
the
code
live
that
I
used
today,
you
can
go
to
the
samples
at
ak,
dot,
msl,
mgt,
sandbox
and
a
couple
of
other
links
here
to
get
you
started
with
mgt.
E
A
Excellent,
thank
you
so
much
seb
and
sure
to
your
chagrin.
We've
actually
had
some
folks
requesting.
Can
they
have
an
individual
playlist
of
just
your
mgt
sessions
from
the
community
call
on
here?
So
we'll
actually
look
into
that
and
see
if
that's
something
we
can
support,
but
we
do
have
individual
videos
for
all
the
different
presentations
that
go
on
so,
and
thank
you
so
much
for
coming
on
to
talk
about
customization,
it's
great
to
see
things
like
theming
and
localization.
A
Caching,
some
of
the
areas
that
we
don't
get
to
see
every
day
so
could
see
that
all
right
wrapping
up
with
our
final
slides
on
here.
If
you
are
interested,
we
have
other
microsoft,
65
developer
community
calls
that
also
go
on.
There
is
our
own
aka,
ms
slash
m65,
hyphen,
dev,
hyphen
cole.
You
can
also
find
additional
ones
for
adaptive
cards
for
microsoft,
identity,
office
items,
powerapps
and
more
feel
for
take
a
look
for
all
different
meet
and
invites
at
aka.must.m365pnp.
A
Ms
slash
m265pmp
videos
feel
free
to
subscribe,
like
videos,
we'd
love
to
see
engagement
on
there
also
follow,
along
with
us
on
twitter,
at
microsoft,
365,
dev
or
m265
pmp,
both
of
those
sharing
a
lot
of
news,
other
announcements
for
our
calls
and
other
initiatives,
and,
as
always
you
can
find
us
on
our
next
call,
be
on
march
1st
at
8am
pacific
time
as
usual.
Again,
thank
you.
Thank
you.
So
much
for
joining
in
today.
All
of
your
feedback.
All
of
your
questions,
engagement.
We
love
seeing
the
community
showing
up
on
here
so
again.