►
Description
SharePoint PnP Community - SPFx & JS SIG call on July 16. Three demos delivered: 1) Minesweeper game in SPFx web part, 2) SPFx web part for sending a message to a Microsoft Teams channel, and 3) SPFx Outlook Add-in to create a To Do task. SharePoint Framework v1.11 released! Thanks to SPFx Store Preview Partners – Lighting Tools, hyprfish, Sharepointalist, Officeatwork, and Rencore. Project releases: Office 365 CLI beta v2.12, SPFx Generator v1.14.2, and PnP Modern Search v3.14.2. Samples include 1 extension and 13 web parts. The host of this call was Patrick Rodgers (Microsoft) @mediocrebowler. Q&A throughout and at the end of the call.
Demos:
• Creating a Minesweeper game in React with SPFx | Pieter Heemeryck (Delaware Belux) | @heemeryckpieter
• Sending a Teams Message using Microsoft Graph from a SPFx web part | Siddharth Vaghasia (TCS) | @siddh_me
• Create a To Do task with Microsoft Graph from an email with SPFx Outlook Add-In | Luis Mañez (ClearPeople) | @luismanez
Learn more:
• See the full blog post for this call at: http://aka.ms/spdev-blog.
• Download invite for bi-weekly SharePoint Framework call at: https://aka.ms/spdev-spfx-call
• Learn more about the SharePoint developer community at: http://aka.ms/m365pnp
• Visit the SharePoint PnP Developer Community YouTube channel: https://aka.ms/spdev-videos
A
Hello
and
welcome
to
the
SharePoint
framework
in
JavaScript
special
interest
group
bi-weekly-
sync,
it
is
July
16th
I
am
back
from
my
family
leave,
so
very
excited
to
have
never
left
my
house
for
all
these
months.
Now,
thanks
to
what's
going
on
in
the
world,
I
hope
everyone
out.
There
is
staying
healthy
and
safe
and
let's
jump
into
our
agenda.
So
our
agenda
is
pretty
standard.
We
got
latest
updates
on
SharePoint
framework
patterns
and
practices
updates
from
the
various
efforts.
A
Some
new
community
samples
anime
got
three
demos
today
for
Peter,
Siddharth
and
Luis
very
excited
to
see
those
later
in
the
call.
So,
let's
jump
in
so
we
have
plenty
of
time
for
the
demos
first,
things.
First,
opportunities
to
participate
and
the
patterns
and
practices
program
all
up
as
well
as
more
client-side
development
focused
things.
First
and
foremost,
we
really
really
really
encourage
you
to
do
demos.
A
If
you
would
like
to
do
a
demo,
please
reach
out
to
myself
or
vaisseau,
we'll
get
you
scheduled
on
a
call,
and
it
might
not
be
the
immediately
like
next
call.
As
we've
said,
we
sometimes
we're
booked
out
for
one
or
two
months.
Even
but
we
will
absolutely
get
you
booked
we'd
love
to
have
the
demos
and
community
do
demos
or
one
of
the
most
valuable
parts
to
these
calls,
so
those
demos
could
be
anything
SP,
FX,
related
web
parts,
application,
customizers,
etc.
A
Anything
at
P
and
P
related,
so
anything
involving
any
of
the
libraries
or
offerings
we
have
out
of
the
PNP
program
and
then
as
well.
Obviously,
any
combination
of
P
and
P
stuff,
with
SharePoint
framework
or
client-side
development,
certainly
encourage
you
to
reach
out
to
us
we'd
love
to
get
any
and
all
of
you
scheduled
for
demos.
So
please
don't
be
shy.
A
We
know
you're
all
working
on
very
cool
and
exciting
stuff
for
your
customers
and
your
companies,
so
I
would
love
to
demo
that
on
the
call
as
possible,
of
course,
you
can
always
contribute
on
github
that
involves
reporting
issues,
submitting
pull
requests
and
then
as
well
helping
others
with
their
issues
and
questions
are
all
great
ways
to
contribute.
You
know
and
all
of
our
projects
in
in
the
patterns
and
practices
organization,
absolutely
encourage
you
to
report
issues
and
submit
pull
requests.
Those
pull
Qwest
could
be
fixing
a
bug,
adding
some
new
functionality.
Something
like
that.
A
We
encourage
anybody
interested
to
please
join
in
those
requests
are
always
welcome
and
always
appreciated.
Big
or
small
I
know
for
PPG
I
know
a
lot
of
the
other
repositories.
We've
gotten
recently
a
bunch
of
documentation
updates,
which
at
times
can
feel
small.
It's
just
fixing
a
couple
of
typos,
something
like
that,
but
each
little
update
helps
improve
things
for
everybody.
So
even
what
might
be
considered
a
small
update
has
big
impact
across
the
program
and
across
all
the
eyes.
A
Looking
at
those
documents,
it
makes
everything
a
little
bit
better
for
everybody
and
then
finally,
I
always
encourage
you
to
give
us
feedback.
How
are
the
calls
how's
our
documentation?
Where
can
we
help
constructive
feedback
across
all
those
areas
really
helps
us
improve
what
we're
doing
for
the
community
and
helps
community
grow
and,
of
course,
positive
feedback
is
okay
too.
So,
if
you
like
something
we're
doing,
please
do
let
us
know,
and
then
we
can.
You
know
maybe
do
a
little
bit
more
of
that.
A
Finally,
if
you
are
interested
in
helping
you
want
to
get
involved,
you
want
to
make
a
pull
request,
but
maybe
perhaps
you're
not
familiar
with
github
or
you're,
not
sure
exactly
how
to
get
started.
There
is
a
great
program
being
run
called
sharing
is
caring.
A
kms,
slash
sharing
is
caring
check
out
that
link
hosted
by
David
Warner.
That's
a
great
series
to
really
kind
of
help.
You
just
get
started
right
stand
up.
A
First,
github
pull
request
things
like
that
and
excited
to
see
folks,
you
know,
attend
those
sessions
and
create
their
first
pull
request
so
great
stuff
from
that
from
David
and
that
series
of
programs
there
when
I
left
we
had
four
of
these
now
there's
five.
So,
let's
see
what's
going
on
here,
our
first
link
there
akms
developer
videos.
A
So
that's
our
YouTube
developer
videos
channel
guessing,
since
that's
a
new
thing
from
the
slide
that
I
didn't
notice
before
so
maybe
vaison
will
correct
me
if
I'm
wrong,
but
that's
our
YouTube
developer,
specific
video
channels
for
Microsoft
365,
so
encourage
you
to
check
that
out
and
then
as
well.
Our
standard
YouTube
channel,
which
is
going
to
be
all
of
our
call
recordings
all
of
our
series
on
provisioning
and
things
like
that,
and
it's
not
just
SharePoint
framework
related
its
things
about
PowerShell,
see
some
provisioning.
A
All
sorts
of
topics
there,
as
well
as
all
the
call
recordings
are
available
on
YouTube,
usually
about
24
hours.
After
the
call,
we
have
a
whole
set
of
github
organizations
if
you
interested
and
getting
involved
contributing,
as
we
mentioned
before,
in
the
open
source,
world
github,
comm,
/,
SharePoint,
/,
PNP
office,
dev
and
Microsoft
graph
3
of
those
P
and
P
are
the
official
Microsoft
repositories
for
various
technologies,
there's
sort
of
self-explanatory
there
and
then
as
well.
A
The
PNP
one
is
our
patented
practices,
community,
driven
an
open
source
organization
that
houses
the
patterns
and
practices
offerings.
So
all
of
those
repositories
I
encourage
you
to
check
them
out.
There's
a
lot
of
great
content
there,
a
lot
of
great
opportunities
to
submit
pull
requests
or
participate
or
report
issues
so
excited
to
see
all
of
those
growing
and
getting
more
enthusiasm
and
more
participation
behind
them.
So
certainly
encourage
you,
if
you're,
for
example,
very
interested
in
SharePoint
or
very
interested
in
Microsoft
graph.
Those
are
great
places
to
get
involved
sample
galleries.
A
We
have
a
bunch
of
sample
galleries
for
webparts
extensions
list,
formatting
and
then
teams
related
samples.
The
team's
one
I
know,
is
growing.
A
lot
recently
excited
to
see
that
that's
going
to
continue
to
grow
with
the
rollout
of
capabilities
that
are
coming
over
the
short
and
medium
term,
so
excited
to
see
all
those
capabilities
and
samples
growing
and
then
finally
open
source
initiatives
and
samples.
A
That's
kind
of
a
link
to
the
main
landing
index,
page
aka,
MSM,
365
PNP,
will
get
you
to
all
of
all
of
these
things,
kind
of
a
landing
pad
for
all
of
the
stuff
I
just
talked
about,
and
then
as
well.
We've
stuck
another
link
down
there
at
the
bottom
to
get
to
the
SharePoint
framework
specific
documentation.
A
If
you're
looking
to
get
started
with
SharePoint
framework
for
the
first
time
or
you've,
been
using
SharePoint
framework
and
just
have
a
couple
of
questions
about
how
certain
things
might
work
check
out,
AKA,
MSSP,
FX
so
easy
to
remember
and
I'll
get
you
to
the
SharePoint
framework,
documentation
all
right
guidance.
So
this
is
what
I
mentioned
before.
So
this
is
how
to
get
started
on
the
open
source
and
community
work.
A
This
is
the
sharing
is
caring
initiative,
first-time
contributor
session
July,
24th
and
27th,
and
then
community
Doc's
sessions,
July,
31st
and
August
3rd,
encourage
you
to
register
today.
A
kms
sharing
is
caring,
so
check
that
out.
Registration,
of
course,
is
free
and
then
those
sessions
will
help
you
get
involved
and
contribute
and
see
what
that
process
is
all
about.
A
Essentially
getting
you
ready
to
do
your
first
floor
quest
so
encourage
you,
if
you're
interested
and
not
maybe
100%
sure,
on
how
to
get
started,
to
go
ahead
and
sign
up
for
one
or
more
of
these
sessions
check
it
out
and
look
forward
to
merging
your
first
full
requests.
I
encourage
you
to
do
that
and
now
we're
on
to
SharePoint
framework
updates
from
visa.
B
Excellent,
so
this
is
just
to
show
the
crew
fun
on
SharePoint
family
side.
This
is
at
this
time
this
is
actually
the
tenant,
so
we
can
actually
see
a
nice
curve
on
growth
and
those
small,
the
latest
small
white
and
drop
is
there
is
that
is
the
data
click
and
the
log.
The
slightly
longer
curve
is
this
actually
holiday
season
in
the
January,
but
we
can
actually
see
nicely
the
growth
being
pretty
steady.
B
We're
now
expecting
that
you
lie
to
be
a
slightly
slow
and
then
the
growth
continues
again
in
August
as
we're
moving
along,
which
happened
favor
and
we
are
announcing
a
SharePoint,
femoris
1.11,
and
now
it's
not
yet
available
just
to
be
super
clear
and
everything
goes
well.
I
was
kind
of
spilling
the
beans,
and
just
before
this
call
in
the
in
the
pre
discussion,
we
will
release
1.11
today
if
everything
goes
as
planned,
we're
not
aware
of
any
stalkers
right
now,
so
it's
matter
of
upcoming
day
upcoming
hours.
So
we're
talking
about
hours
potentially
days.
B
If
there's
any
last-minute
findings,
I'm
going
to
delay
this
one,
but
1.11
is
going
out.
The
really
cool
thing
about
1.11
is
that
we've
been
working
with
multiple
partners
on
making
sure
that
SharePoint
framework
is
available
in
the
store
as
well.
So
these
are
the
five
partners
and
we've
been
using
as
the
guinea
pig
candidate
so
to
say,
and
we've
been
poor
during
with
them
and
with
their
solutions
so
that
they
are
ready
to
go
well
that
our
validation
process
and
shipment
framer
store
is
available
for
everybody
else
across
the
world.
B
Just
calling
out
what's
available
in
1.11,
as
we
will
enable
the
SharePoint
framework
in
store
so
in
the
app
source
and
in
the
classic
store
so
using
the
the
classic
UX.
We
do
apologize
that
the
UX
itself,
if
you're
using
SharePoint
and
add
an
add-in
or
an
SPF
X
solution,
it
is
still
the
classic
one.
So
there's
no
changes
on
that
one,
but
you're
going
to
offers
access
ship
and
framework
solution,
also
from
app
source,
which
is
pretty
cool
thing
and
we,
by
the
way,
also
support
SharePoint
framework
solutions
for
Microsoft
themes.
B
Sure
this
channel,
as
well,
which
is
really
really
cool
and
we'll
get
more,
that
one
that
experience
better
and
better
over
time
as
well.
Now
in
1.11,
we
also
have
test
module
support,
so
you
can
actually
implement
test
module,
UX
layer
using
SharePoint
framework.
You
still
need
to
have
the
body
behind
of
the
scenes
which
is
taking
directions
from
the
text
module
and
then
there's
metadata
updates
from
one
if
it's
for
manifest
for
order
generation
and
that's
the
one
of
the
main
reasons
why?
B
For
every
single
solution,
which
is
targeted
for
SharePoint
target
at
the
store
will
have
to
be
using
1.11,
so
you'll
get
all
of
the
needed
metadata
in
for
the
storage
storage
side
and
we're
building,
obviously
there's
a
lot
of
other
stuff
coming
in
the
future
as
well.
I'm,
not
gonna,
talk
about
that
one
at
this
point,
so
I
think
that's
it
from
my
scientist,
quick,
summary
Patrick.
A
So
quick
updates
across
the
P
and
P
offerings,
PP
Jas,
client-side
libraries.
We
pushed
back
the
release
of
207
I
had
gotten
back
from
family
leave
the
issues
listed
kind
of
grown
a
bit
while
I
was
out
no
worries
there.
I
didn't
put
on
a
slide,
but
I
do
want
to
thank
Julie
and
Andrew
for
kind
of
watching
over
things.
As
I
was
out.
A
But
this
is
gonna
include
an
MS
al
client,
so
updating
from
the
Adel
client
you'll
have
the
option
of
the
MS
al
client,
new
authentication
documentation
to
help,
try
and
guide
you
through
that
process
and
then
resolving
as
many
of
the
issues
as
we
can
get
through
in
the
list.
So
we've
been
trying
to
chug
along
on
that
and,
of
course,
what
the
changes
log
updated
for
all
of
that
getting
started
with
PMP
jsv
video
series,
understanding
extension
methods
has
been
released,
so
very
much
encourage
you
to
check
that
out.
A
We've
got
more
of
those
videos
coming
as
well.
That's
great
work
again
from
David
were
so
very
much
appreciated
there
I'm
back
from
family
leave,
as
mentioned
so
we're
pushing
ahead.
You
know
full
steam,
we've
got
everybody
kind
of
working
along
and,
of
course,
I've
got
a
lot
of
great
help
from
first-time
contributors
submitting
stuff
pull
requests.
So
very
much
appreciate
that
as
well
and
then
I
didn't
want
to
make
a
note.
A
We
get
caught
a
lot
of
feedback
from
folks
and
we
always
appreciate
the
feedback,
but
I
would
encourage
you
to
please
submit
that
feedback
to
the
issues
list.
It's
hard,
sometimes
across
all
the
different
channels:
Twitter
teams,
so
foreign.
You
know
and
keep
naming
stuff
to
keep
track
of
all
that
and
to
not
miss
stuff
right.
So
we
don't
want
to
miss
your
issue.
A
A
Wow
well,
I
know
it
was
announced
well
as
out,
but
maybe
a
couple
of
weeks
ago,
but
this
is
now
in
the
Azure
cloud
shell.
So
the
office365
CLI
is
available
in
the
azure
cloud,
shell,
which
is
a
very
cool
capability
added
in
there
and
just
another
tool
in
your
toolbox
of
ways
to
solve
problems
for
your
companies
and
customers.
A
You
can
always
install
the
latest
beta
version
from
NPM,
with
NPM
install
G
@
PP,
slash
office,
365
CLI
at
next,
we'll
get
you
that
beta
version
so
definitely
check
that
out
and
certainly
encourage
folks
to
try
things
out
and
have
you
tried
out
SPF
x,
dr?
Yet,
if
not,
let
us
know-
and
you
know
let
us
know
what
that
does
for
you
next
updates
on
the
reusable
components.
So
no
big
updates
on
this
call
of
what's
been
offered
there,
but
do
want
to
always
mention
these
components
are
created
and
available
for
you
to
use.
A
So
we
encourage
you
to
use
one
or
both
sets
of
these
controls.
The
first
set
is
the
react,
controls
and
those
are
a
set
of
controls
designed
for
the
body
of
your
web
part
or
your
application
customizer,
and
that
will
allow
you
to
use
great
format
styled
with
the
office
UI
fabric
controls,
so
use
that
right,
you
know,
use
those
capabilities
immediately
in
your
projects
without
having
to
write
them
or
create
them
yourself.
Save
yourself
a
lot
of
time
and
effort
and
get
a
great
out-of-the-box
experience
with
those.
A
The
second
set
of
controls
are
the
property
controls.
Those
are
really
designed
to
be
used
in
the
Edit
pane
of
your
SharePoint
framework.
Webparts
and
again,
nice
out-of-the-box
styled
experience
and
gives
you
a
lot
of
great
controls
for
doing
things
like
searching
UI
spinners
file,
Pickers
UI
messages.
Things
like
that
to
encourage
you
to
check
those
out
as
well
great
list
of
contributors.
There
I'm
not
going
to
read
all
those
folks,
but
thank
you
to
everybody.
That's
contributed
both
on
these
the
CLI
and
all
the
rest
of
the
things.
A
So
more
information
on
the
links,
I'm
being
told
to
hurry
up
so
Twitter
handle
there.
@M
365,
PP
controls
community
yeoman
generator,
no
big
updates
again
on
the
generator,
but
this
is
going
to
be
updated
with
the
new
release
of
SPF
X,
so
angular
9
support
has
come
as
well
as
some
other
great
updates
there.
If
you
want
to
help
out,
certainly
encourage
you
to
help
out
npm,
install'
g
@
PMP,
generator,
SPF,
X
and
I.
A
Do
do
note
the
irony
of
being
told
to
hurry
up
I've
ASA
of
all
people,
so
PMP
modern
search,
great
solution
here
again
ready
to
roll
out
webparts,
four-year
solutions
which
will
give
you
a
great
modern
search
experience
with
the
current
version.
3X
is
available,
but
we
are
not
currently
trying
to
add
new
features
to
that.
Only
bug
fixes
just
a
heads
up
there
so
encourage
you
to
check
out
aka
ms
/
PP
search
and
check
out
those
webparts
really
help.
C
Thank
you.
So,
for
the
last
two
weeks,
we've
had
a
lot
of
contributions
and
I
want
to
thank
everyone
for
for
helping
with
creating
samples.
We
have
an
update
to
the
announcements,
application
customizer
by
Sudarsan
he's
fixed
some
minor
issues
and
out
of
the
code,
tour
and
I've
updated
the
chart
web
part.
If
you
haven't
tried
it,
it's
got
18
different
web
parts,
including
the
chart
Nader,
which
is
like
an
updated
version
of
the
quick
chart
which
supports
every
chart
type.
C
We
have
an
updated
Kanban
board
that
Peter
Paul
Kirchner
updated
for
us
because
he
rewrote
it
from
scratch
because
he
wanted
to
make
it
I
11
compatible.
We
have
a
new
date
range
picker
by
Ravi
and
it's
a
actually
a
sample
from
his
blog
that
he
submitted
Harsha
abated
the
react
list
form
to
add
support
for
required
fields
and
upgraded
at
the
SPF
X
110
I've
updated
the
dynamic
data
web
part
from
waldek.
C
So,
while
dick
gets
all
the
credit,
I
just
upgraded
this
P
of
X
110
and
we
have
a
new
modern
organization
chart
by
Zhao.
It
shows
the
organization's
chart
in
a
in
a
modern
way
and
it
shows
this
the
status.
So
if
you
have
to
stock
your
bus
to
see
when
they're
they're
available,
you
can
use
that
web
part.
The
web
part
customizer
or
workbench
customizer
has
updated
by
Joel
and
he
says
he's
made
it
simpler.
I'm
using
air
quotes
here.
They
react.
C
My
group
by
Zach
Roberts
now
has
the
new
grid
layout,
which
looks
awesome
and
Eric
Benki.
Hopefully,
I
said
your
name.
Right
has
added
the
new
accordion
section,
FAQ
builder,
which
is
actually
a
full
version
of
an
accordion
control,
usually
they're
not
accessible.
So
this
is
a
great
example.
We
have
a
new
sample
from
Nandi
and
Ravi,
which
is
the
react
timeline
which
shows
events
in
a
in
a
visual
fashion.
It
looks
great
and
we
got
three
more.
C
The
image
gallery
has
been
updated
by
peter
falk
Kershner
again
to
solve
an
issue
with
a
WebSocket
driver
and
I'm
graded
at
the
SPF
X
110.
A
new
telephone
directory
web
part
by
depend
sha
that
shows
people
in
phone
directory
and
finally
Peter
again
Peter
Paul
Kirchner,
updated
the
calendar
feed
web
part.
It
allows
you
to
to
show
events
from
RSS
iCal
SharePoint
exchange,
WordPress
and
Peter
made
it
the
I
11
compatible.
Thank
you
everyone
for
all
your
contributions.
This
is
looking
great.
We
keep
on
having
to
make
the
font
smaller
and
smaller.
A
D
So,
let's
get
started,
I'll
share
my
screen.
My
name
is
Peter
Hamitic
I'm
from
Belgium
and
I
work
at
Delaware
as
a
technical
consultant,
and
the
reason
I'm
here
is
I've
added
the
classic
game
of
minesweeper
into
the
PNP
samples
of
those
three
as
an
SD
FX
web
part,
which
I
created
with
fluid
UI.
So
my
apologies
in
advance
because
it
might
be
the
first
kind
of
productive
web
part
that's
in
there.
D
So
as
a
kid
I
know,
I
used
to
love
playing
minesweeper
and
all
those
other
games
on
XP
Windows
XP
like
solitaire,
so
I
was
looking
for
a
challenge
a
couple
of
weeks
ago
and
I
know
in
love,
minesweeper
I
thought
no
and
I
love
SPF
X.
So
why
not
combine
it?
And
so
this
is
the
result
of
that
and
also
I
think
that
every
framework
that
takes
itself
quote/unquote
Barry,
it's
very
minesweeper
version,
of
course.
D
So
first
up
the
demo
I'll
show
you
in
teams,
if
I
go
to
the
channel
here,
as
you
can
see,
I
have
a
minesweeper
tab
here,
and
so
it
loads
the
high
scores,
and
so
the
first
thing
we
can
do
is
just
start
playing
game.
Of
course,
I
can
click
until
I
hit
a
mine
or
until
I
finish
the
game
with
a
new
high
score,
perhaps
all
right?
What
else
can
we
do?
We
can
also
start
flagging
stuff
right.
D
So
if
I
do
a
right,
click
that
now
I've
switched
out
the
human
chi-wai
I
can
go
there
with
a
dialog
and
Delaware
I
can
for
the
occasion.
But
you
see
you
get
the
picture
now.
What
else
can
we
do
if
we,
we
can
also
do
cording,
actually
I
didn't
know
what
it
was
I,
don't
even
have
a
Dutch
word
for
it,
but
it's
if
I
had
to
translate
it
literally,
it
would
be
like
making
a
chain
if
I
have
the
equal
amount
of
flags
surrounding
a
number.
D
For
instance,
I
have
one
flag
here,
and
this
is
the
number
one
then,
according
to
me,
if
I
set
the
flag
correctly,
I
will
I
am
able
to
just
uncover
all
these
rounding
tiles.
So
let's
just
do
that.
As
you
can
see,
I've
made
a
mistake
and
then
it
also
shows
the
mistake
I've
made.
Let
me
just
quickly
reset
the
game.
I've
also
added
a
bit
of
support
for
mobile,
listen
tail,
it's
just!
You
can
switch
between
my
moods
and
flag
mode.
So
if
I
just
keep
left
clicking,
you
can
see
I
just
uncovered
tiles.
D
If
I
click
this
one
I
can
immediately
set
a
flag
with
my
left
click.
Why
is
this
so
important
well
on
mobile?
If
you
want
to
do
a
right-click
or
set
a
flag
and
you're
just
in
mine
mode,
then
you
need
to
do
a
long
press.
So
if
you
want
to
get
those
high
scores
on
mobile,
it's
easy
to
switch
to
flag
mode
right.
So
all
right,
I've
showed
you
follow
those
things.
D
Of
course,
there's
the
several
difficulty
settings
like
the
intermediate
and
the
all
gigantic
expert
mode
with
99
flags
bombs,
of
course,
alright
and
then
the
high
score.
How
does
this
work?
It's
actually
automatically
proficient
using
quite
simple
tear
points.
Api
rest
calls
to
the
backend
and
what
we
do
is
we
just
create
a
hidden
SharePoint
list
right.
So
that's
a
secret
between
us.
Of
course
you
can
go
to
the
in
SharePoint
list
and
edit
your
high
scores,
but
let's
not
do
that.
D
Folks,
as
you
can
see,
I
have
quite
a
decent
score,
I
think
at
least
for
the
beginner,
but
there's
quite
a
few
strong
colleagues
that
know
how
to
play
minesweeper
and
actually
a
Reuben
managed
to
just
sneak
past
me
just
yesterday.
I
think
all
right.
So
also,
if
you
manage
to
get
a
high
score,
you're
you're
opting
automatically
add
your
high
score
to
the
list,
of
course,
and
you
can
sort
of
course,
so
I
think
that's
it
for
the
demo.
D
Now,
let's
head
over
to
the
code,
I
hope
this
is
big
enough,
because
you
will
mentioned
it.
I
should
zoom
in
all
right.
I'm
gonna
open
the
Tor
file
first,
so
actually
it's
pretty
easy
to
get
started
with
kotor.
It's
just
an
extension
that
you
get
from
the
visual
studio,
extensions
store
and
I've
added
a
lot
of
steps,
as
you
can
see
so,
but
the
cool
thing
is,
you
can
add,
commands
to
it
and
if
you
just
click
on
it,
it's
automatically
executed
for
you.
D
So
I
just
clicked
on
go
up
serve
and
then
it
will
automatically
do
that
for
me,
so
quite
easy
for
newcomers
to
get
started
with
your
web
part.
So
it
serves
the
workbench
for
me
and
I
can
add
my
web
part
right
all
right.
So,
let's
see
what
else
I'm
not
gonna,
show
all
of
the
steps,
because
I'm
just
gonna
skip
to
step
11,
okay.
So
what
else
can
you
do?
You
can
reference
other
steps
in
the
kotor
extension?
D
So
here
I
have
the
beginning
of
my
game
logic,
region,
and
these
are
actually
all
the
relevant
methods
inside
my
game,
logic
region
so,
for
instance,
yeah
how
to
initialize
the
grid.
What
happens
if
you
discover
a
tile
and
a
flag,
and
so
on
I've
explained
coding
already,
let's
go
ahead
and
click
to
the
traverse
empty
tiles
method.
What
does
this
do?
D
This
is
actually
quite
interesting,
quite
interesting,
recursive
method
that
just
handles
the
events
when
you
click
on
a
mind
or
on
a
tile
I
mean
that
is,
has
no
surrounding
minds
right,
so
we
have
Delta
coordinates
and
for
each
Delta
coordinates
we're
gonna
check
what
it.
What
is
there
right?
The
Delta
coordinates
are
just
the
eight
surrounding
tiles
right.
The
next
thing
we
do
is
we
check
if
the
field
type,
we
do
a
simple
check
on
the
field
type,
and
then
we
get
the
surrounding
mines.
D
Okay,
I'm
gonna
really
quickly
show
how
the
code
is
structured,
so
actually
it's
quite
neatly
structured
with
regions,
so
the
initialization
of
your
state
and
and
and
constants,
then
we
have
the
render
section.
The
events,
the
game
logic
which
I
showed
you
already
a
part
of,
and
then
some
helpers,
the
initialization
render,
is
nothing
special.
D
Now
what
I
want
to
show
you
is
that
I've
separated
the
logic
from
from
the
click
logic,
so
the
game
logic
when
you
will
left-click
it
enters
here
and
it
first
checks
if
we
should
do
cording
right
when
because-
and
it
just
immediately
skips
the
cording
whenever,
if
you
do
left
or
right
click,
it
always
does
that
now,
but
depending
on
the
mode,
we
are
in
we're
gonna,
either
plant
a
flag
or
do
the
discover
of
an
unknown
tile.
Of
course,
so
and
then
there's
several
yeah
pretty
self-explanatory.
D
It's
in
there.
Let
me
wrap
this
up.
Real
quick,
so
I've
showed
you
the
curve,
let's
head
back
to
the
slides.
First
of
all,
to
wrap
this
up.
I
want
to
you
guys
to.
Let
me
know
if
you
like
the
web
part
because
I'm
very
curious
to
see
how
it
will
use
where
it
will
be
used.
You
can
reach
me
on
email
or
via
Twitter.
D
Also
I
want
to
mention
that
I
am
one
of
those
first-time
contributors
and
I
must
say
that
there
are
some
pretty
handy
guidelines
on
the
PMP
sample
repository
on
github,
and
it
was
overall
quite
fun.
Experience
for
me
to
do
it
so
I'm
gonna
wrap
this
up
by
it.
Saying
thank
you
for
having
me
and
have
a
good
day.
A
Fantastic,
thank
you
very
much
very
cool
demo,
just
showing
a
lot
of
different
techniques.
There
certainly
appreciate
that
and
welcome
to
Trier
appreciate
you
and
all
the
other
folks
that
have
just
started
out
contributing
recently.
It's
really
exciting
to
see
that
continue
to
grow
and
grow
and
grow
so
now,
I
think
Siddharth.
If
you're
ready
to
go,
you
can
go
ahead
and
take
over
the
presentation.
Thanks.
E
You
so
hello,
everyone.
They
will
be
talking
about
an
SPF
extra
part
to
display
current
logged
in
user
streams
and
sending
the
message
to
the
channel
little
bit
about
myself.
I
am
Siddharth
I'm
working
as
a
technical
consultant,
I'm,
primarily
focusing
on
SharePoint
offices,
65,
SharePoint
and
dotnet.
You
can
connect
with
me
on
any
of
these
social
media
platforms
here.
E
A
E
Know
any
organization
may
be
small
or
big
who
has
a
top
10
M
365
would
definitely
be
having
their
own
internet
right,
and
the
landing
page
of
the
internet
intranet
is
would
be
more
like
vary
in
the
organization's
content,
moderators
or
administrator
can
post
the
content
to
the
employees.
But
there
are
you
know,
trends
novel
is
varying.
We
also
need
to
display
some
personalized
content.
According
to
the
current
logged
in
users
right
wherein
we
have
seen
in
the
loop
books
where
they
kept
their
everybody.
E
Have
these
samples
available
to
display
my
current
my
size,
my
quick
links
or
say
my
recent
documents
so
on
the
similar
ground.
I
thought
of
you
know
having
ever
part
which
can
display
the
current
logged
in
users.
Microsoft
themes
right
so
features
of
those
web
part
would
be
you
can
the
current
logged
in
users,
the
my
team's
would
be
released
late
in
a
tree
view,
and
we
would
have
option
to
show
or
hide
the
team's
or
the
channels
description.
E
Once
the
user
expands,
the
team,
the
channels
would
be
displayed
within
Thea
team
and
also
it
will
allow
us
to
send
the
message
to
that
particular
team's
channel.
Ok.
So
this
was
the
driving
factor
in
the
features
and
now
moving
on
to
the
demo.
Let
me
just
quickly
go
to
the
demo,
so
this
is
the
apart,
which
will
basically
load
the
current
users
teams.
E
So
if
we,
if
you
see
here
these
are
the
teams
which
have
been
displayed
here
on
clicking
of
the
node
I
will
basically
expand
and
display
the
teams
and
on
click
of
any
of
the
teams,
we
will
get
the
message.
We
will
get
a
window
variant.
We
can
display
the
message.
So
if
I
say
hey,
the
message
will
be
posted
to
that
particular
team's
channel.
Let
us
quickly
see
where
the
message
has
been
posted,
so
this
was
the
team's
missile.
A
E
So
if
you
see
this
is
the
current
time
the
Indian
Standard
Time,
where
the
message
has
been
posted
right
so
and
other
thing
is
this:
the
part
is
configurable
wherein
we
can
configure
the
paper
title.
This
was
one
of
the
change
which
I
made
after
I
have
contributed
we're
in
one
of
the
community
members,
you're
kind
of
providing
the
feedback
saying
that
it
would
be
nice
to
have
a
the
part
title
which
would
be
displaying
the
out-of-the-box
way.
E
We
do
have
option
2,
so
the
description
of
the
channel
and
the
teams
which
we
can
show
and
hide
this
is
not
reactive
in
nature.
Reason
behind
is
the
the
tree
view
control
which
we
are
using
from
the
PNP
needs
the
labels
to
be
loaded
by
default.
So
if
you
are
enabling
this,
we
need
to
reload
the
page
so
that
the
description
will
be
displayed
which
I
can
show
you
in
some
time
and
there
is
an
option
to
of
open
the
pop-up
by
selecting
channel.
So
we
can
either.
E
You
know
honor
of
this,
whether
we
want
the
channel
to
be
either
selectable
or
directly
open
the
send
message
channel
pop-up
right.
So
if
I
load
this
now,
you
can
see
the
team
description
is
also
loaded.
So,
basically,
the
sub
labels
which
you
are
seeing
here
is
the
team's
labels,
and
it
also
has
the
context
menu,
wherein
you
can
directly
open
the
channel
within
the
team
which
will
basically
open
the
team's
channel
in
microscope
teams
or
in
the
browser
whenever
it
is.
E
Whenever
you
want
it,
and
then
you
can
also
expand
the
other
teams
and
the
channels
would
be
loaded.
So
this
the
part,
is
kind
of
simple
way
part
but
can
be
used
at
the
internet
home
page,
as
I
said
we're
in
as
the
team
adoption
has
been
kind
of
on
the
pick
and
people
are
using
it
for
the
solutioning
for
the
companies
and
organized
in
our
days.
This
can
be
used
in
the
intranet
homepage,
also
right.
Coming
to
the
implementation
part.
E
What
we
have
is
a
simple
SPF,
X
pepper,
wherein
we
are
using
graph
points,
Microsoft
Ames
graph,
endpoints,
to
get
the
data
for
Microsoft
teens.
Then
let
me
start
with
the
render
method.
So,
in
the
render
method
we
have
the
controls
which
are
being
used
from
PNP,
reusable
cantos,
PNP
library
via
one
of
them,
is
mapper
title
to
make
people
per
title
configurable.
Then
there
is
a
tree
view.
Control
I
mean
this
control
is
something
which
I
was
really
excited
to
use.
E
In
the
example,
this
was
been
known
by
none
deep
in
me
and
was
contributed
to
the
PNP
DX
control
library,
so
it's
always
great
to
make
use
of
the
control
which
you
have
developed
and
kept
telling
practically
use
it
in
other
parts.
So
this
is
a
tree
view
control.
It
basically
takes
the
data
in
a
particular
format,
and
then
there
are
configurable
options
to
display
the
children's
parents
and
everything,
and
then
there
is
a
dialog
message
which
will
open
the
text
box
which
will
allow
us
to
open
the
text.
E
But
this
is
something
which
was
not
available
at
that
point
of
time,
and
that
is
why
I
went
with
MS
graph
client
factory
to
basically
get
the
data
from
the
graph
endpoints
and
then
using
it
in
my
way.
So,
as
I
said,
you
see,
first
one
is
to
get
my
team's,
which
is
basically
maizlish
join
teams
which
will
leave
the
currently
logged
in
user
teams,
and
the
second
end
point
is
to
get
the
channels
for
that
particular
team
wherein
we
have
to
pass
the
team
ID.
E
This
would
be
basically
passed
dynamically
as
soon
as
the
user
clicks
on
the
expand
button
of
the
particular
team,
and
then
we
enter
these
slashed
channels
and
now,
within
our
channel
we
have
to
send
a
message.
So
the
end
point
which
is
there
is
basically
teams.
Then
we
have
to
pass
the
team
ID
and
the
channels
and
the
channel
ID
so
depending
on
the
user
option,
where
he
has
selected
particular
channel,
the
pop-up
would
open
the
channel,
every
would
PI's
passed
here
and
the
message
would
be
posted
onto
the
teams.
E
So
so
this
is
about
the
endpoints
which
have
been
used
and
to
make
the
preview
kind
of
thing.
The
response
which
we
are
getting
from
the
graph
endpoint
is
different
from
what
the
tree
view
is
expecting
so
I
do
have
some
methods,
which
basically
reads
the
responses
from
the
graph
endpoints
and
convert
into
the
format
in
which
the
tree
view
requires
right.
So
this
is
that's
it
from
my
side.
Thank
you
and
if
I
have
any
any
questions,
I
can
basically
put
it
in
the
message
window.
Thanks
Patrick
over
to
you,
No.
A
F
It
away
cool
thanks
so
yeah
well
before
having
a
look
to
the
sample,
just
a
super
quick
presentation
using
the
new
and
cool
data
profile.
So
my
name
is
Chris
I
work
as
a
chief
architect
for
two
people
and
my
office
Deb
MEP.
So
you
can
see
there.
My
social
network
so
just
feel
free
to
pin
me
to
have
any
questions.
So,
let's
jump
into
the
sample,
the
samples
have
been
already
emerge
and
is
available
into
the
github
repo.
F
F
The
plaza
now
look
at
him
and
the
idea
is
that
we're
gonna
create
different
tasks
in
the
in
to
do
up
from
an
email
and
well,
as
you
likely
know,
couple
of
months
ago
in
latest
build
and
Microsoft
released
the
preview
of
the
to
do
em
boom.
So
you
can
create
tasks
and
so
on.
In
the
inlet
to
do
up
and
when
I'm
saying
that
to
do
up
is
this
one
not
related
with
planner
or
or
a
balloon
task?
This
is
the
to
do
so.
F
There's
an
API
there's
a
name
phone
now
in
the
graphic
PL.
So
we
can
create
lists
and
tasks
from
from
here
using
the
graph
API.
So
the
finish
that
when
you
see
now
look,
maybe
you
know
that
there's
a
flash
functionality
and
there's
an
integration,
that's
already
an
integration
between
Outlook
on
and
the
tutu
application.
But
if
we
flag
an
email
at
some
point,
it's
gonna
end
up
into
this
list:
flash
email,
it's
gonna,
take,
maybe
one
or
two
minutes,
but
after
yeah
you
can
see
here.
F
So
it's
creating
an
attack
in
the
flash
email
list
and
with
some
info
like
the
title
from
the
subject
and
so
on.
So
that's
good,
but
I
thought
it'd
be
a
good
idea.
Maybe
if
you
can
select
the
list
that
you
want
to
use
for
creating
the
task
or
maybe
even
update
the
title
for
before
creating
the
task
so
and
what
I
did
is
I
created
an
SPF
X
WebP
are
deployed
as
a
as
an
al
akkari.
So
here
you
can
see,
there's
that
to
do
PNP
the
island
is
getting.
F
The
different
leaves
that
I
have
in
my
in
my
to
do
up
so
there's
a
relator
community
task
on
flag
email.
So,
as
you
can
see
in
this
email,
I
have
a
bunch
of
different
links
that
I
have
to
review.
So
let's
send
it
to
the
twit
later
list
and
then
I
can
change
the
title
in
this
case
I'm
getting
the
title
from
the
subject
on
the
email.
So,
let's
create
a
task
that
does
have
been
created.
We
can
link
here
to
open
the
data
to
up,
but
it's
already
opened
and
let's
do
another
test.
F
So
in
this
way.
Well,
it's
gonna
do
the
same,
but
in
this
case
we're
gonna
use
a
different
list.
Let's
say
the
community
one
and
just
gonna,
update
the
title
and
create
a
task,
and
now,
if
we
go
today
to
do
up
at
some
point,
let's
reference
because
as
I
said,
it
takes
one
or
two
minutes.
Maybe
but
it's
yeah,
you
can
see.
There's
the
new
test
created
using
the
using
the
subject
from
a
email
as
as
title
and
the
one
that
we
sent
to
the
to
the
community
so
from
Outlook
directly.
F
We
can
select
them
at
least,
and
we
can
edit
the
title
if
we
one
so
before,
diving
into
the
source
code.
Let's
take
a
look
to
the
to
the
different
actions
that
we
can
do
in
the
2-2
endpoint,
because
actually
this
is
still
in
preview.
It
was
from
latest
beers.
So
it's
not
very
well
documented.
Just
yet,
to
be
honest,
so
let's
take
a
quick
look.
We
have
had
to
do
endpoint
here.
F
So
if
we
call
the
list
in
the
in
the
to
do
endpoint,
if
my
access
token
is
still
valid
and
it
is
yeah,
so
we
are
getting
the
list
of
the
different
lists
that
we
have
in
the
in
the
to-do
application.
Flung
email
stars,
community
and
trim
later
and
to
get
the
task
of
a
specific
list.
You
have
to
call
the
same
to
do
endpoint
list
and
specifying
the
IP
of
the
of
the
list
and
then
the
task
actions.
So
if
we
send
this,
we
are
getting
this
list
was
there
with
Lolita.
F
So,
as
you
can
see
here,
this
is
the
the
preview
documentation
from
the
graph
under
start
to
do
tasks
in
in
preview.
But
most
of
the
links
are
actually
read
electing
to
do
blue
cuz
I
guess
there
are
selling
some
resources
so
in
order
to
create
a
task,
actually
is
the
same
object
that
when
you
create-
and
although
I
know
looked
at
so
I'm
setting
some
Sun
Jason
and
if
you
post
it
and
you're
gonna
create
one
in
the
in
the
list,
is
created
and
should
be
and
should
be
there.
F
F
That's
an
SPF
X
and
create
a
sweat
part
I'm
in
the
only
time
getting
the
graph
claim
from
the
graph
client
factory,
because
the
client,
the
rough
line
is
the
one
that
you
need
to
call
graph.
So
when
we
get
the
client
will
resolve
the
promise
and
in
the
render
method
we
are
calling
the
cut
contest
function
and
this
function
is
the
one
that
is
checking
if
we
are
in
Outlook
or
not
cause.
Obviously
this
is
an
SPF
s.
F
What
person
is
gonna
work
in
in
SharePoint
and
we
can
see
later,
but
if
we
are
in
in
Outlook,
we
can
get
the
message
entity
from
from
the
contest
so
again
in
the
mailbox
item
and
then
I
can
get
some
properties
like
the
IP,
the
subject,
the
from--and
two
email
addresses
and
some
other
information.
We
can
also
get
the
body
of
the
of
the
image.
So
here
you
can
do
quite
interesting
things
so,
for
instance,
instead
of
creating
the
task
just
using
the
socket.
F
Maybe
you
can
call
the
agile
community
services
and
struck
different
tags
from
the
body
of
the
email
and
you
can
use
the
touch
data
for
for
creating
the
tasks
and
things
like
that.
So
you
can
do
quite
interesting
things
on
here
in
this
case
I'm
just
getting
the
socket
of
the
of
the
email
and
then
we
are
sending
that
custom
create
as
context
to
create
tasks.
We
are
component.
So
if
we
take
a
quick
look
to
the
creators
react
component.
F
Basically,
initially
we
are
setting
the
title
of
the
of
the
task
from
the
from
the
context
and
if
we
have
the
circuit
from
the
email
we
set
it
to
that
value.
Otherwise
we
Isetta
our
default
value
and
then
we
have
the
get
to-do
list
method.
So
we
are
calling
the
lists
and
action
in
the
in
the
to
do
endpoint
to
get
the
different
lists
in
the
in
the
drop-down.
So
I
can
select
the
Dilys
where
I
want
to
create
the
task,
and
then
we
have
well
some
some
render
code.
F
There's
nothing
interesting
on
here
and
there's
another
method.
That
is
the
one
that
we
create
a
task
when
we
already
selected
the
list
that
we
want
to
use,
and
we
have
the
title
from
the
from
very
male
subject
or
because
we
updated
it
and
then
we
just
do
a
post
request
using
the
list
ID
that
is
coming
from
the
drop-down,
and
then
we
are
setting
the
case
on
body
as
we
got
so
in
in
postman,
sending
the
request
and
then
the
task
is,
is
created,
as
I
said
as
an
SPFs
web
part.
F
F
So
this
is
the
the
XML
the
manifest
for
pay
outlook,
a
lien
and
fear.
You
need
to
update
some
value
if
you
have
to
replace
some
tokens
for
instant
the
component
IV
with
your
web
part
web
/,
IV
and
some
others
is
really
well
documented
in
in
Microsoft,
but
just
to
take
a
quick
look
and
once
you
have
the
B
XML,
you
just
need
to
go.
Well
look
and
you
can
go
here.
You
can
say
'get
aliens
and
you
can
go
here.
F
Is
my
Allen
already
deployed,
but
you
can
say
here
are
accustomed
again
from
file,
you
can
select
your
XML
file
and
then
it's
already
deployed
and
available.
So
when
you
select
an
email,
you
have
available
the
the
option
from
your
genome
on
here.
So
this
is
basically
how
you
can
deploy
it
as
a
as
an
Outlook
re
me,
so
I
think
that's
all
from
from
my
site
feel
free
to
leave
any
question
on
on
the
chat
and
download
the
sample
and
and
whatever
that's
all
for
my
site.
A
Fantastic,
thank
you
very
much
for
that
great
demo
on
tasks,
and
so,
while
we're
opening
the
PowerPoint
deck
there
in
relation
to
chat
windows,
just
remind
folks
that
this
particular
call
is
certainly
not
the
place
to
expect
custom
solutions
or
custom
kind
of
consulting
about
your
particular
situations,
so
just
to
kind
of
set
expectations.
Well
we're
here
to
help
we
try
and
answer
some
questions
as
we
can
in
this
call,
isn't
necessarily
the
place
to
be
seeking
your
kind
of
custom
engagement
discussions.
Everybody
comes
here.
A
Everybody
is
welcome,
so
did
want
to
say
thank
you
to
all
of
you
for
joining
the
call
fantastic
demos
today
from
everybody,
and
the
recording
will
be
available
in
24
hours
on
YouTube.
So
you
can
always
follow
us
on
Twitter
of
two
things
there.
Our
next
SPF
X
call
is
in
two
weeks
on
July
30th,
can't
believe
that's
already
July
thirtieth
and
two
weeks,
and
then
our
next
general
development
specialist
group
call
will
be
next
Thursday,
July
23rd
as
well.
We've
got
the
August
monthly
community
call
for
sharepoint
on
august
11th.
A
So
once
again
just
want
to
say.
Thank
you.
Thank
you.
Thank
you
to
everybody.
Here's
a
whole
set
of
links.
Thank
you.
Thank
you
to
all
our
presenters
today
and
appreciate
everybody's
time
and
effort,
and
we've
got
about
six
minutes
left.
If
people
want
to
drop
some
questions
in
the
chat,
we
can
do
our
best
to
answer
them
for
about
six
minutes.
There's.
A
You
were
right,
we
don't
necessarily
have
that
support
yet,
but
absolutely
open
dad
in
it.
So
we
accept
pull
requests
to
update
features
we
don't
yet
have
in
graph
on
our
graph
coverage
is
certainly
not
complete,
as
the
word
I
guess
is
right
there,
but
you
know,
of
course
the
the
graph
SDK
remains
a
fantastic
option
as
well.
They
have
a
slightly
different
model,
but
they
have
a
hundred
percent
coverage
which
we
don't
so
certainly
encourage.
A
You
know
that
is
a
great
option
as
well,
so
they're
all
tools
in
the
tool
belt
recordings
of
the
call
will
be
available
about
24
hours
after
this
call
on
our
YouTube
channel
MS
al
on
p.m.
PJs.
That
is
going
to
come
out.
That's
part
of
the
next
release,
so
that's
gonna
be
July.
24Th
release
is
going
to
have
that
in
and
that
MS
AL
support
is
browser
only
right
now.