►
From YouTube: PnP Monthly Community Call May, 2017
Description
Detailed description and links to specific locations from https://techcommunity.microsoft.com/t5/SharePoint-Developer/SharePoint-Patterns-and-Practices-PnP-May-2017-monthly-community/m-p/69427
A
Welcome
everybody-
and
this
is
to
SharePoint
Patterson
practices,
community
core
and
may
2017
edition
today,
we'll
have
a
nice
three
demos
around
the
SharePoint
framer
of
development,
so
three
different
webparts
under
the
three
different
perspectives
around
the
shipment
and
web
development.
But
before
we
go
there,
I
try
to
be
fast.
I
always
try
to
be
fast
in
typically
I'm,
not
that
fast,
but
I
try
to
pay
past
this
time,
so
sweetly
walking
through
and
the
summary
of
the
may
release
or
what
has
happened.
What
is
the
guidance
we've
released
under
the
SharePoint
unparallel
as
well?
A
A
So
shipment
PMP
is
a
open
source
community
driven
initiative
coordinated
by
SharePoint
engineering,
and
we
actually
nowadays
used
the
SharePoint
PMD
as
the
channel
for
providing
all
of
the
guidance
across
SharePoint
development,
so
anything
related
on
in
MSDN,
well,
actually
indepted
of
circumstance
nowadays,
because
we
moved
some
of
the
files
or
relevant
files
already
to
a
new
location,
anything
related
on
SharePoint
framework,
anything
braided
on
adings
or
even
classic
form
solutions.
The
PMP
is
the
channel
where
we
actually
provide
that
guidance
for
the
community.
A
Then
we
work
together
with
community
on
this
guidance
as
well,
and
that's
why
the
contributions
from
the
community
side
are
super
super
valuable
and
because
they
help
other
people
in
a
community
to
learn
how
to
do
development
using
the
modern
technologies
or
how
to
do
certain
functionalities
within
the
say,
adding
model
as
well,
which
definitely
isn't
classic
technology.
Adding
model
is
absolutely
supported
and
will
be
supported
in
the
future
as
well.
A
Now
today's
agenda
will
have
a
quick
look
on
the
monthly
highlights
trying
to
get
this
in
15
minutes
and
then
including
the
contributions
and
other
topics.
And
then
we
have
three
demos
today
from
a
three
different
community
members
on
the
three
different
SharePoint
framework
web
bones.
Obviously
we
in
shape
on
the
engineering.
We
are
heavily
investing
on
the
modern
customization
story,
so
which
means
she
and
framework
and
right
now
the
only
capability
alive
from
SharePoint
framework
is
the
client-side
web
parts,
but
there
will
be
more
additional
extension
points
pretty
soon
over
there.
A
So
it's
great
to
see
the
interest
and
it's
great
to
see
that
we're
getting
these
web
parts
and
samples
shared
with
others
in
the
community
good.
So
let's
actually
keep
on
going
on
the
on
the
agenda
so
quickly
running
through
what
has
happened
on
the
PMD
webcast
and
the
video
science.
So
within
the
last
month
we
released
four
five
depends
on
perspectives,
new
webcasts
and
with
which
are
the
provisioning
of
the
BMP
provisioning
with
PNP,
PowerShell
and
Asha.
A
Web
chat
certainly
cause
Winston
managing
the
modern
experiences
in
SharePoint
Online,
together
with
Bird
Johnson,
a
great
man
also
to
understand
what
at
the
cape
of
how
to
control
the
modern
experiences
in
SharePoint
Online.
What
should
SharePoint
administrators
know
about
SharePoint
Greenberg?
That's
more
an
IT,
Pro
or
architectural
consideration
webcast,
but
it's
a
really
good
discussion
together
with
Waldeck
around
the
things
what
the
tenant
administrators
all
the
architects
should
consider
when
they're
designing
their
SharePoint
framework
solutions,
then
first
of
May
released.
A
We
released
debugging,
SharePoint,
favorite
solutions
with
elio,
and
that's
that
was
a
really
nice.
One
got
a
lot
of
interest
as
well,
because
it
actually
shows
the
needed
configuration
to
do
an
f5
debugging
everything,
visual
studio
code,
which
is
pretty
cool,
and
then
yesterday
would
release
this
calling
external
API
securely
from
SharePoint
framework
webcasts,
together
with
well-liked
mastercards,
which
is
based
on
actually
community
contribution
as
well.
A
Wealth
guidance
is
coming
out
pretty
soon
a
sample
and
a
webcast
around
that
one
super
super
valuable
webcast
and
a
pattern:
how
to
prague
free
from
the
client
side
as
well,
because
that
the
fact
that
you
can
securely
call
an
external
API,
for
example,
of
web
api,
a
sure
from
sharepoint
favor,
will
enable
you
for
a
sample
elevation
of
privileges,
capabilities
or
even
access
to
on
premises.
So
there's
a
lot
of
interesting
scenarios
based
on
that
one
good.
A
So,
let's
actually
move
on
on
the
other
things.
What
has
happened
so
quick,
look
on
the
monthly
metrics
from
April
2017,
as
you
can
see,
from
the
metrics.
If
you're
looking
into
on
the
BMP
usage,
you
are
not
alone,
so
the
BMP
core
component
and
the
PMP
powershell,
which
we've
been
tracking
super
super
closely
in
the
past.
A
A
Think
we
in
an
aeroplane
and
calling
in
so
let's
see
and
there
we
go.
Thank
you
familiar
and
we
in
a
key
top
we're
tracking
key
top
heavily
as
well
across
the
SharePoint
or
organization.
So
we
have
two
thousand
two
hundred
and
twenty
two
thousand
unique
visitors
for
past
two
weeks
gives
up
kind
of
a
traffic
tracking
works
in
the
past
two
weeks
perspective
and
we
have
one-to-one
one
hundred
and
twenty
seven
thousand
views
in
github,
which
is
pretty
decent
as
well.
A
Most
use
capability
from
a
BMP
core
BMP
PowerShell
perspective
is
absolutely
still
provisioning
engine
and
that
keeps
on
crawling
as
well.
So
we
had
one
thousand
three
hundred
and
sixty
months
where
the
provisioning
engine
was
actually
used
and
that's
pretty
significant
number
as
well.
So
super
super
proud
on
behalf
of
all
of
the
contributors
on
that
one
as
well
from
a
top
five
countries
based
continents,
no
changes
over
there,
so
United
States,
UK,
Netherlands,
Germany
and
Sweden
from
a
tenant
number
perspective.
A
And
then
we
in
the
countries
based
on
request,
we
had
a
small
chains,
just
have
an
awkward
situation
that
the
video
there
we
go
where
Sweden.
Actually
passed
Germany
in
April
statistics,
Sweden
just
went
above
Germany
from
the
number
of
HTTP
requests
going
through
at
the
BMV
Jason
season,
or
the
VMP
powershell
components
good
holding
on
things.
Slowly
and
just
a
reminder.
Please
mute
yourself
some
kind
of
scan
quickly
through
any
unmuted
people
cool.
A
So
let
me
get
that
one
OOP
good.
So
moving
on
on
things.
What
has
happened
within
the
last
month
with
in
April-
and
this
is
our
top
15
samples
within
an
April
timeframe,
and
the
share
points
you
are
responsive
package
is
still
number
one.
It
is
the
package
which
is
showing
how
to
make
native
SharePoint
with
Seattle
that
master
pretty
well
responsive.
A
It's
not
a
100%
match
and
there's
always
typically
some
things
to
actually
adjust
or
manipulate
on
that
one,
and
but
it
keeps
a
a
pretty
great
starting
point
and
it
gets
the
natives
or,
let's
say
classic,
shape
on
UI,
pretty
responsive
and
by
default,
and
it
works
also
in
on
premises
and
in
shipments
online,
especially
non
premises.
I
think
that's
where
people
are
mainly
using
this
because
in
on
SharePoint
Online,
if
you
can
always,
alternatively,
move
into
the
modern
UI
switch
are
natively
responsive.
A
The
core
component
is
pretty
high
on
the
usage
SharePoint
current
example
related
on
SharePoint
framework.
It's
good
to
see
that
SharePoint
framework
interest
is
growing,
so
that
was
number
three
and
that
sample
is
really
great.
It
shows
how
to
do
crude
operations
essentially
create
read,
update,
delete
operations
as
using
react,
angular
chase,
jQuery
or
without
any
framework.
So
it's
a
great
starting
point
for
learning
how
to
do
a
upon
framework
solutions.
A
The
FPGAs
core,
a
pretty
high,
understandable
user
profile
in
sync,
pretty
high,
keeps
on
wicket
being
pretty
high
core
event
receivers
web
hooks
they're
competing
between
each
other
react,
socket,
IO,
pretty
new
one
actually
on
the
top
ten
list.
15,
let's
create
sample
from
friend,
coordinate.
Actually
so
I
would
definitely
recommend
on
having
a
look
on
that
one
as
well.
The
webparts
tutorials
serpent
free,
verse,
tutorials
pretty
high,
that's
good
to
see
as
well
core
people
picker
clients
at
rendering.
A
So
it's
a
modern
implementation,
but
it
also
falls
back
on
the
classic
provisioning
scenarios.
Total
views
at
github
I
was
around
47,000,
which
is
a
pretty
high
number
as
well,
and
for
those
who
are
super
new
on
the
BMP.
If
this
is
the
first
time
you're
turning
this
quickly
explained
and
the
ways
we
are
working,
so
our
thinking
is
that
we
want
to
provide
you
an
option.
How
do
we
want
to
engage
with
the
SharePoint
development
area?
A
So
we
do
have
a
SharePoint
developer
group
or
a
space
and
ended
March
of
tech
community,
where
we
tried
people
with
random
questions
and
feedback
and
all
that
and
create
location
for
question
questions,
and
this
is
pretty
active,
actually
people
helping
each
other
over
there.
We
do
have
a
biweekly
SharePoint
framework
and
JavaScript
special
interest
group
calls
which
are
bi-weekly
next.
One
is
on
this
week,
actually
on
Thursday,
where
we
go
through
in
detail.
What
has
happened
in
SharePoint
framework?
A
Also,
if
you
don't
have
time
or
interest
that
much
once
a
month
we'll
do
this
monthly
go
where
we
walk
through
what
has
happened
within
a
month
kind
of
walking
through
the
contributions
and
key
changes
and
what's
happening
within
the
BMP
in
the
May
2017
release,
we
have
quite
a
few
new
samples
on
the
SharePoint
framework
site,
so
new
client-side
web
parts,
which
are
showing
specific
scenarios.
These
are
relatively
simple
and
they
are
actually
meant
to
be
relatively
simple,
so
they
actually
show
a
specific
scenario.
A
They
show
how
to,
for
example,
integrate
with
Rio
chairs
or
how
to
use
angularjs
for
certain
scenarios
as
well.
Some
of
our
samples,
still
in
the
SharePoint
github
organization,
are
unfortunately
not
up
to
date
with
GA
release.
We're
still
working
on
that
one
and
most
likely
I
will
pull
some
of
the
samples
of
way
to
avoid
confusion,
so
we
believe
all
of
those
which
are
in
ta
level
and
there
and
remove
the
other
ones
until
they
have
been
upgraded
to
the
latest
version.
A
That
will
reduce
some
confusion
around
the
existing
samples,
not
going
to
mention
all
of
the
samples
to
be
cautious
about
the
time,
but
super
super
super
valuable
contributions
and
we'll
see
three
of
these
actually
live
today
from
the
community
as
well
from
Alex
and
Jose,
and
bailing
later
on
in
this
call,
and
yes
and
well
I'll
come
back
on
that
one
fall
in
the
second,
and
so
that
is
a
shameless
and
shameless.
But
a
super
super
valuable
and
promotion
as
well.
A
So
we
are
working
with
Paul,
Schieffelin
and
Eric
shops,
and
mainly
it's
Eric
jobs
and
Paul
working
on
that
one,
and
there
is
this
SPF
FX
visual
story
extension
and
which
we
are
still
kind
of
working,
we're
right
in
the
urge
of
getting
it
live
in
this
VX
gallery.
But
I
didn't
want
to
actually
put
it
in
here
because
they
were
webcast
coming
pretty
soon
and
then
do
a
further
bigger
announcement
on
that
one
in
the
in
the
next
release
as
well,
but
super
super
great
sample
which
Paul
is
referencing
in
the
ion
window.
A
Well,
not
a
sample
extension
for
visitors
to
do
with
enemy.
Now
on
the
samples.
Every
another
massive
amount
of
chain
or
examples,
our
area
not
a
massive
amount
of
actions,
some
adjustments
here
and
there
BMP
portal
internet
static.
It,
however,
was
upgraded
to
version
1.3,
boyfriend,
corny
and
so
there's
a
new
capabilities
available.
Please
check
to
read
me
on
that
one
and
where
Frank
is
going
through,
what's
actually
happening
on
the
guidance
site
within
the
last
month,
we
released
in
really
nice
guidance
on
how
to
develop
well
performing
sharepoint
online
portals.
This
is
actually
guidance.
A
Article
series,
so
there
are
six
articles
if
I
remember
correctly,
which
are
walking
through
the
high
level.
Thinking
points
around
well
performing
portals
portals
in
SharePoint,
Online
and
and
I
will
be
super
honest
and
transparent.
It's
there's
no
silver
bullets
on
this
one
and
but
we're
trying
to
raise
the
the
key
considerations
to
think
through
when
you're
designing
your
photos
in
SharePoint
Online,
then
there's
some
new
articles
are
on
ship
on
favorite
development,
for
example,
debugging
ship
on
member
of
solutions
and
visitors
to
their
codes.
A
Deposit
guidance
have
made
that
happen
with
an
f5
in
Visual
Studio
code
and
using
office
do
I
practice,
SharePoint
framework
solution.
There's
certain
things
which
you
should
be
aware
when
are
using
the
office
UI
fabric
react
controls
which
happens,
framework
solutions
and
also
hosting
client-side
web
parts
from
office.
365
CDN,
that's
a
new
tutorial
for
SharePoint
framework,
a
web
part
so
walking
through
that
process.
How
do
you
publish
a
client-side
web
part
to
SharePoint
Online,
and
how
do
you
serve
that
true
office?
A
365,
CDN,
good
moving
on
on
things
so
on
the
core
component,
the
engine
updates
and
we
didn't
have
a
massive
amount
of
activities
on
the
couch,
a
seasoned
core
components,
site
we're
still
looking
into
doing
a
larger
refactoring,
which
is
now
scheduled
for
tuned.
Essentially,
the
engine
refactoring
is
schema,
is
still
I.
Think
the
new
schema
is
already
pretty
much
done
and
we're
working
on
a
new
engine
capabilities.
So
in
tuna
release
we
will
have
additional
capabilities
within
a
provisioning
engine
on
PowerShell
site
and
there's
quite
a
few
additional
comment.
A
Let's
and
nothing,
let's
say:
mind-blowing
highly
useful
command.
Letters
for
people
to
use,
for
example,
just
simply
set
the
empty
list,
item
permissions
or
something
where
people
seem
to
be
happy
about.
Having
so
you
can
script,
unsetting
unique
permissions
for
list
items,
then
in
the
J's
core,
JavaScript
core
components,
a
lot
of
changes
in
here,
bug-fixing
additional
supports
for
certain
capabilities
and
a
create
documentation,
Berk
also
from
Patrick
and
the
community
on
that
side
as
well.
A
Helping
people
to
easily
use
and
the
rest
api
is
using
a
fluent
JavaScript
API,
that's
what
the
core
java
script
component
is
all
about.
Now
we
had
a
quite
a
few
people
contributing
on
this
month.
So
thank
you,
everybody
I'm
not
going
to
mention
you
all
name
name
by
name
so
I
do
apologize
on
that
one,
but
it's
great
to
see
the
interest
on
the
SharePoint
development
and
the
fact
that
people
want
to
help
each
other
by
by
providing
updates
on
the
documentation
by
providing
additional
samples
and
contributions
within
a
github.
We
absolutely
appreciate
this.
A
This
is
how
we
make
SharePoint
development
work
in
the
future
as
well,
by
helping
each
other
in
the
right
way
and
then
on
the
company
side,
we
have
quite
a
few
companies
which
we
have
a
permission
to
use
their
local
in
our
messaging
as
well.
So
these
are
the
companies
who
have
given
their
employees
a
permission
to
contribute
at
the
BMP
and
who
contributed
on
the
BMP
during
this
month.
A
There
are
certain
contributions
which
we
unfortunately
didn't
have
a
time
fully
test
and
we
were
unable
to
merge
them
in
by
the
may
release
and
I
do
apologize
and
that
I
will
work
on
getting
them
in
in
the
tool
release
and
then
on
Microsoft's
site.
We
have
a
typical
group
of
people
which
are
working
closely
in
chip
and
engineering
or
service
engineering
or
MCA
services
site
with
us,
and
then
pryin
and
cone
printed.
Jackets
and
consumers
say
none,
let's
say
engineering
or
EMV
core
team
members.
A
So
thank
you
for
your
contributions
as
well
as
super
super
helpful
for
contributing
and
helping
us
on
making
this
success.
So
now,
what's
in
the
queue
nothing
I
haven't
updated
this
massively,
but
I
think
the
biggest
thing
from
a
BMP.
Let's
say
users
perspective
is
that
we
are
now
looking
down
the
plan
for
having
a
new
schema,
with
additional
support
for
additional
capabilities
for
the
provisioning
engine
for
the
June
release,
which
will
happen
within
a
month
timeframe
and
as
part
of
that
there
will
be
a
new
schema
and
engine
capability.
A
So
we
will
introduce
a
new
engine
which
has
been
completed
refactored,
which
should
help
on
the
performance
issues
as
well,
and
it
will
make
the
future
maintenance
and
operations
for
the
customizations
easier
as
well
other
than
that.
The
obviously
SharePoint
framework
is
our
high
priority.
We
will
there
will
be
additional
news
on
SharePoint
framework
during
this
month
still
and
will
keep
on
expanding
the
capabilities
which
are
coming
and
supported
in
SharePoint
framework.
A
There
is
of
one
will
of
relatively
big
conference
later
this
week,
so
you
can
actually
assume
that
we
will
do
some
announcements
pretty
soon
on
certain
additional
things,
which
is
super
crate
as
well
and
obviously,
when
we
do
those
announcements
we'll
make
sure
that
whenever
stuff
is
getting
available
for
the
community
as
a
deaf
preview.
As
an
example,
we'll
have
the
tutorials
and
guidance
available
for
you
to
learn
how
to
do
the
stuff
in
the
right
way.
A
Good,
but
I
think
that's
it
for
a
quick
run-through.
I
can
do
this
in
less
than
20
minutes.
Well,
19
minutes
and
answer
not
too
bad.
So
it
wasn't
25
minutes,
but
let's
actually
do
some
demos
around
and
the
individual
capabilities.
So
we
have
40
minutes
and,
let's
start
with
Jose,
if
I
pronounced
Jose
your
name
properly,
there.
A
B
A
B
Thank
you,
so
nice
doing
this
commuter
car
for
this
hold
onto
me.
My
name
is
Jose
Quinto
I
work
for
a
company
called
continent
code
which
is
based
in
London
and
Africa
working
with
react
and
the
shippin
framework
for
quite
a
while
and
starting
to
play
with
the
library
PMPs
code
as
well
so
I'm
gonna
have
got
to
contribute
with
this
a
community
and
share
my
experiences
as
well,
and
today,
especially
what
we
are
going
to
see
is
a
sample
with
p.m.
B
PDS
core,
but
a
focusing
on
these
three
key
points,
which
is
the
integration
between
this
PMP
D
score
and
set
point
framework.
Login
systems
you
seen
a
some
kind
of
assign
functions
inside
of
a
PP
score,
is
using
the
typescript
version
2.1
or
higher,
and
establish
the
SP
context
paste
info.
So
let's
move
on
the
code
itself.
B
This
is
my
actual
in
my
code
and
in
order
to
show
you
a
how
to
integrate,
they
both
logging
systems,
a
PMP,
digits
and
septum
lingual
we,
the
first.
The
first
thing
we
will
need
to
do
is
include
import
both
functions.
So,
for
example,
we
import
the
beginning,
a
logger
function,
external
log,
entry,
log
level
and
we're
from
SP
p.m.
PJs,
which
previously
we
need
to
install
using
NPM
install
and
that
school
a
allow
us
to
use
this
logging
system
inside
our
react
component.
B
From
the
other
side,
we
import
the
log
function,
which
is
actually
they
love
from
SharePoint
framework
and
let's
see
how
we
can
connect
these
two
things
in
the
code
itself.
So
starting
with
the
react
component
here
is
our
a
real
component,
a
which
is
a
a
class
with
stench
from
this
component,
we're
in
the
constructor.
We
will
do
these
a
mapping.
These
enable
the
dis,
login
function
and
actually
the
code
behind
a
sense
which
enable
this
a
login
is
that
one?
B
So,
first
of
all,
we
will
have
to
say
PMP
des,
which
is
the
active
local
level.
We
want
to
apply
so,
for
example,
we
have,
let's
see
how
many
levels
we
have
available.
We
have
error
info
of
variables
or
warning
so,
for
example,
we
are
playing
now
with
info,
which
means
that
we
will
see
error,
warning
and
information
levels
on
the
screen
and
actually
a
we
have
a
now
currently
in
PMP
is
a
core.
We
have
a
different
listeners
so
that
the
fall,
listen
is
control
listener.
B
But
in
this
particular
scenario
we
are
using
function
listener,
which
is
this
this
class
we
additional
here
and
that's-
allows
us
to
customize
custom
size
a
little
bit
more,
a
the
listener
itself.
So,
at
the
beginning
of
the
fancy
additional
class
we
have
a
the
the
signature
of
the
function
is
an
entry
log
entry
on
here
we
will
be
using
this
entry
point,
which
is
actually
a
PNP:
the
dress
entry
in
order
to
pass
through
the
SharePoint
log
itself
to
the
SharePoint
framework,
log
self.
B
So,
for
example,
we
get
on
here
the
component
name,
which
means
that
we
don't.
We
don't
need
to
rewrite
everything.
We
want
to
copy
and
paste
this
code
over
the
components.
If
we
do
that,
and
actually
this
function
instead
of
using
the
typical
switch
structure,
we
use
this
object
which
do
actual
the
map
between
the
SharePoint
framework,
a
way
or
method
called
verbals
info
call
or
error,
and
the
PMP
JJ's
a
types
which
is
available
info
warning
under
actual-
and
this
is
important
point
on
here
a
but
to
build
the
message.
B
The
information
method
is
important.
If
we
have
an
error,
it's
important
to
create
a
new
instance
using
the
constructor
of
the
JavaScript
object
error,
because
otherwise
a
when
we
pass
through
the
SharePoint
framework
function,
we
will
have
a
limit
in
the
inner
function,
which
is
a
100
characters.
But
if
we
use
the
constructor
of
error,
we
don't
have
this
limit
itself,
which
means
that
for
the
error,
we
will
have
more
information.
Another
important
point
here
is
sometimes
in
the
errors.
B
B
Let's
move
on
now
and
see
how
all
these
information
works
in
the
demo
we
have
a
document
library.
The
second
will
every
a
have
different
documents
and
the
demo
itself
will
be.
Let
me
add,
the
web
part
on
here
on
the
screen.
The
demo
will
be
grabbing
this
in
these
a
documents
and
represent
the
sizes
of
them
so,
for
example,
the
5
documents,
the
sizes
and
the
total
at
the
bottom,
and
in
order
to
that
a
we
can
and
so
in
the
screen.
B
B
Cool
this
is
about
a
the
error.
This
is
about
the
error
from
cell
listeners.
Actually,
what
is
going
on?
We
create
this
listeners
function
listener
we
assigned
to
available,
and
after
that
we
we
need
to
subscribe
in
the
lower.
Logger
is
PNP
object
and
we
need
to
subscribe
the
listener.
That
means
that
every
time
that
the
MGP
J's,
which
is
have
rapid
for
the
rest
api,
a
su,
an
error
will
be
a
one.
The
error
will
be
passing
through
the
function
listener
itself,
cool
that
is
about
the
error.
B
Integration
I
think,
is
a
particular
tool
to
have
in
our
applications
and
now,
let's
see
how
we
can
use
the
async
functions
inside
the
PMP.
Yes,
so,
for
example,
this
one
sim
which
read
all
the
file
size
I,
am
calling
the
function
initially
in
the
react
component
did
mount,
and
that
means
that
I
am
I
am
trying
to
call
a
document
library
and
read
all
the
all
the
size
of
the
file
sizes.
B
So
by
now,
for
example,
we
are
using
here
the
new
web
object,
which
is
actually
PMP
jj's
functionality,
and
we
are
passing
over
here
the
context
we
will
explain.
Quite
bit
later,
what
does
mean?
But
by
now
let's
say
we
have
an
a
sync
function-
called
react
all
file
size.
This
is
same
function
because
we
are
calling
inside
and
a
weight.
B
We
need
to
be
sure
that
the
function
is
a
sink,
so
we
can
call
this
web
list
and
whatever
a
chain
mess
which
we
wanna
hear,
but
the
final
one
is
to
be
get
because
the
gas
method
returns
a
promise
and
what
a
great
key
word
is
waiting
for.
It's
a
promise.
So
that
means
that
if
we
put
an
await
work
on
our
code
will
be
converting
a
promise
of
whatever,
for
example,
this
is
promise
of
any
into
the
object
itself.
So
I
have
defined
some
a
some
interfaces.
B
Let's
see,
for
example,
response
item
here
and
this
interface
have
the
file
and
file
leaf
and
data.
So
actually
this
is
what
I
am
I
am
selecting.
Oh
Here
I
am
doing
a
query
through
all
the
list.
Getting
the
list
by
data
documents
get
all
the
items
and
selecting
all
the
title.
The
file
leaf,
ref
and
expanding
file
length
over
here.
That's
pretty
interesting
because
even
using
this
chain
chain
in
a
chain
in
tool,
we
can
attach
using
cut
the
system
storage
cut
only
by
adding
this
method
over
here,
which
is
pretty
pretty
nice.
B
B
We
can
see
ho
the
workflow.
The
development
will
flow
along
us
to
have
all
the
maps
or
the
development
experience
and
the
debugging
experience
is
so
cool,
so
we
have
here
a
debugger
just
below
and
we
can
see
the
response.
How
is
I
mean?
The
response
is
not
like
an
array
of
promises
is
actually
on
the
right
of
updates
itself
and
that's
pretty
good,
and
because
we
have
a
we
have
ad
in
the
PMP
GDS
corollary
they
select
and
expand.
B
B
B
The
only
thing
else
is
a
just
a
enabling
the
context,
and
we
are
using
here
this
in
this
constructor
for
web.
We
are
using
the
page
context,
which
means
that
for
classic
pages,
PMP,
yes
for
classic
magic,
is
using
ASP
context
patching
for
by
default.
So
we
need
to
add
this
page
content
over
here
in
order
to
make
that
for
working.
Fine
on
these
pages,
we
have
another
option
which
is
actually,
instead
of
being
in
the
area
component.
B
We
can
be
in
the
actually
in
the
web,
part
based
client-side
web
part
and
on
the
own
init
function.
You
see
using
this
PNP
setup
used
to
set
up
these
a
context
globally.
If
we
have
some
application,
which
is
using
different
compound,
different
real
components,
yep
actually
I
think
this
is
probably
covers
of
the
people.
Important
points
I
want
to
mention
this
code
for
the
web
part
is
available
with
only
half
and
feel
free
to
add
any
feedback
issues
or
questions.
Thank
you
very
much.
Since.
A
You
have
a
really
really
great
sample
and
wait
created,
get
these
practices
recorded
and
also
as
a
sample,
because
that
helps
enormously
people
to
learn
how
to
do
stuff
in
a
right-wing
and
well.
What
we
can
cut
here
quickly
and
have
a
look
on
the
questions
and
I
window
Alex
if
you
can
actually
start
sharing
and
we'll
move
next
to
you
to
you
next,
yes,.
C
Okay,
otherwise
yeah
okay
so
go.
My
name
is
Alex
xx,
I'm
a
lead
developer
in
company
named
Shay
pointillist,
located
in
Los
Angeles
California,
I'm,
really
happy
to
be
a
part
of
the
community,
and
thanks
for
giving
me
time
during
this
community
call
today,
I'm
going
to
show
you
an
example
of
how
to
adapt
your
client-side
web
parts
to
selected
SharePoint
team.
C
It
would
be
great
if
we
can
modify
this
one
automatically
when
the
theme
is
changed.
Another
scenario
is
related
to
new
experiences
and
modern
pages.
When
user
creates
a
site,
each
site
or
subside
can
tell
it's
own
primary
background.
Color
I
believe
that
it
was
always
inside
things,
but
now
it's
in
you
I,
always
on
all
model
pages.
You
can
see
it
on
the
indirect
and
rectangle
with
the
abbreviation
of
cycling.
C
There
is
a
out-of-the-box
themes,
folder
model
that
included
in
it
perfect
and
is
loaded
by
default
on
each
modern
page,
and
the
main
feature
of
this
module
is
to
iterate
to
all
loaded
web
parts
and
modules.
Then
look
for
a
CSS
right
variables
that
have
specific
format
and
substitute
correct
value
from
current
team.
C
C
The
default
part
shows
what
were
you
to
use
if
the
property
is
not
set
in
the
current
team,
for
example,
default
Auto
steam
doesn't
have
values
Pro
for
primary
background
and
primary
text,
so
in
that
case
the
default
values
will
be
used
on
on
the
page
and
yeah.
The
the
main
issue
for
me
was
to
find
all
the
properties
from
from
the
team
that
we
can
actually
use,
but
all
of
them
are
located
in
Windows,
the
team
state
team
object
and
if
you
familiar
with
like
teams
in
classic
SharePoint
the
properties,
the
names
are
different.
C
C
C
That
is
primal
background
color
for
this
side
and
I
believe
this,
like
are
three
primary
properties
that
will
be
used
in
any
customization
and
that
allows
you
to
significantly
improve
your
UI
in
in
this
team,
pink
also
in
the
web
part
I've
added
a
otti
fabric
details
list
to
display
team
properties
and
values
from
window
dot.
Team
stated
team
object.
C
C
C
I
can
use
these
variables
in
my
classes
by
sheer
and
then
in
my
markup
I'm,
just
using
the
CSS
classes
and
that
the
tip
the
only
difference
with
the
like
usual
a
CSS
variable
that,
instead
of
providing
the
specific
value
specific
color
for
the
variables
they
are
declared
like
a
strings
in
a
specific
format
that
can
be
done,
parsed
and
replaced
with
the
with
a
team
loader
functionality.
So
let
me
show
the
results
of
the
web
part
customization.
So
here,
I
have
like
three
tabs
and
three
different
sites
with
three
different
teams
applied.
C
This
one
is
the
orbiting
one
of
the
darkest
teams
in
SharePoint,
so
the
backgrounds
of
the
details
list
is
set
to
team
primaries.
You
can
see
the
same
color
liking
this
rectangle.
The
background
of
paragraphs
is
set
to
a
primary
background,
which
is
the
same
like
the
grounds
of
the
whole
page
and
the
font
color
is
set
to
primary
text.
So
in
that
case,
it's
like
white,
the
other
one
is
orange
theme.
C
In
that
case,
the
background
is
white,
the
backgrounds
of
details
is
orange
and
the
font
color
is
I,
believe
three,
three
three
and
the
default
one
here.
It's
an
office
team
in
that
case
again
the
primary
ground
is
white
team,
primaries,
blue
and
the
font.
Color
is
three
three
three
again
and
he
really
measure
the
for
for
these
team
for
the
14
primary
Browns
and
primary
texts
are
not
set
in
the
team.
In
that
case,
the
web
part
is
using
the
defaults
that
were
setting
our
a
CSS
file.
So
that's
it.
C
A
Alex
and
again
super
super
valuable
sample
as
well,
because
I
think
a
lot
of
people
have
been
kind
of
wondering.
How
do
I
tackle
with
this
seeming
challenge
and
then
because,
obviously
you're
not
only
one
was
thinking
this
true,
so
having
that
kind
of
a
simplistic
sample
is
great,
because
then
people
can
easily
add
up
to
course
scenario
and
that's
why
we
actually
like
mentioned
with
the
with
the
users
presentation
as
well.
A
We
absolutely
value
simplistic
scenarios
and
simplest
examples
as
well,
because
then
there
is
no
additional
complexity
around
additional
stuff
you
to
concentrate
on
showing
the
scenario
how
its
implemented
and
then
people
can
adapt
it
easily.
So
thank
you
for
this
one
creature,
great
indeed,
and
so
moving
into
villain,
then
hello.
D
My
name
is
willing
gorgeous
I'm
a
senior
SharePoint
developer
and
consultant
I
build
SharePoint
solutions
since
2008
and
today's
my
first
time,
speaking
in
front
of
the
community,
so
I'll
present,
you
react
SharePoint
framework
web
part
that
interacts
with
in
Yammer.
So
in
our
web
part,
we
will
just
call
the
Yammer
search
service
here
and
we
were
walking
or
before
we
ran
our
sample.
D
D
Second
thing
that
we
need
to
do
in
order
to
Torrance
and
the
simplest
you
when
the
tenant
is
provisioned
and
you
have
the
Yammer
up
deployed.
You
have
to
go
to
your
your
accountant
registered
an
application.
So
there
it's
a
very
good
guidance
from
the
Yammer
developer
site,
how
to
do
it
and
once
you've
registered
the
application,
as
you
can
see,
I
already
have
one
and
it's
enabled
once
you
register
their
application.
You
have
a
client
ID
expected
today
direct
your
ID.
D
One
thing
that
I
should
mention
is
that
you
should
go
on
the
basic
info
tab
here
and
specify
JavaScript
origins,
because
it
does
not
enforce
you
to
do
so.
But
if
you
don't
specify
your
JavaScript
origins
here,
you
will
not
be
able
to
authenticate.
So
do
not
forget
to
specify
your
rigid
here
now.
Let's
go
to
the
sample
our
example
into
the
local
workbench
in
private
walls.
D
First
I've
already
started
the
solution
already
started
the
node.js
server,
so
I'll
start
a
new
private
session
and
run
the
the
sample
into
the
local
word
manage
to
show
you
how
the
experience
is.
So
this
is
the
sample
and
I'm
getting
this
walking
button
here,
because
I
do
not
have
any
authentication
cookies
and
not
authentic
it.
So
only
tough,
implicit.
D
This
behaves
a
bit
differently
in
to
the
online
version,
because
we're
I'm
trying
to
do
some
smart
authentication
there
now
I
will
show
you
how
this
looks.
I'll
just
revoke
my
access
to
this
application
as
a
llamar
user
to
you
to
shoulder
the
experience
from
from
the
very
beginning
now,
I'll
start
in
your
private
session.
D
No
pretty
much
the
same.
Behavior
we'll
still
get
the
login
button
here,
but
if
I
click
it
I'll
keep
the
first
two
screens.
That
means
that
I'm
already
authenticated,
even
if
I'm
in
a
private
patient
without
any
any
cookies.
So
when
we're
in
the
online
version,
berries
I'm
calling
it
a
smart
way,
but
there
is
a
very
simple
way
to
authenticate
the
user
and
just
get
to
the
big
screen
where
you
have
to
move
the
application.
D
D
D
We
have
the
usual
component.
Folder,
pretty
boring,
looks
very
much
like
a
hello
world
web
part
with
this
life
cycle
event.
Here
I'll
talk
about
this.
In
a
moment,
then
we
have
VCR
folder,
where
all
the
our
interaction
is
and
all
the
amur
logic
is
I've
tried
to
keep
this
separate
and
you
don't
have
any
dependencies
from
react
here,
so
this
folder
can
be
copy
pasted
in
any
other.
What,
but
even
if
it's
not
the
react
web
pod,
but
knock
out
web
button,
you
can
start
using
these.
D
D
Unfortunately,
we
don't
have
the
typescript
support
for
this
and
I
decided
to
create
a
wrapper
around
it
into
my
classes
and
then
start
using
it,
and
these
are
pretty
much
all
the
methods
from
the
ldk.
The
problem
is
that
this
SDK
is
not
very
fluent,
so
every
request
against
the
IPA
should
be
made
within
this
request
method.
So
we
have
many
endpoints
and
you're
using
only
one
method,
to
call
Audient
points,
and
we
can
make
this
a
bit
more
fluent.
D
So
I
decided
to
just
extend
this
request
method
in
especially
for
my
search
functionality
and
call
the
search
endpoint
into
my
own
metal
gun.
Just
rocks
the
request
method
here
in
the
request
message
that
we're
putting
just
a
jQuery
AJAX
settings.
This
is
how
the
guys
from
BMR
related.
So
this
is
the
actual
Corgan's
the
search
service
here,
but
we
can
make
it
more
fooling
for
our
own
use.
We
can
have
our
own
results
object
here
and
so
in
some
support
specific
for
every
every
endpoint
that
you're
seeing
here.
D
Now,
on
the
configuration
part,
just
the
prod
config
is
where
you
specify
the
client
ID
and
the
redirect
URI
in
order
to
turn
your
sample
against
your
Yammer
application
on
the
component
side.
This
is
a
lifecycle
event.
React
component
lifecycle
when
that
fires
before
on
render
so
I'm
trying
to
authenticate
before
the
component
is
loaded.
If
I
cannot
authenticate
I
will
show
the
login
button.
Nothing.
Nothing
really
special
here.
D
Another
good
thing
that
my
deserve
some
attention
is
that
afro
communities
here
and
you
can
go
into
the
unity
thing
and
you
can
see
how
you
can
fake
a
method,
because
my
Amer
provided
us
lots,
of
course,
against
the
Emery
yeah
and
in
my
tests
I
don't
want
to
do
any
calls
so
I
decided
to
fake
methods
and
net
effect
just
returning
some
promises
here.
So
maybe
you
can
see
how
you
can
fake
methods
here
directly
within
your
unit
tests.
D
You
can
always
have
a
mock
provider
here
and
use
the
mock
provider,
but
this
is
another
good
way
how
you
can
just
fake
data
and
fake
methods,
depending
on
different
unit
tests
here,
I
think
that's,
that's
pretty
much
with
the
solution.
I
can
try
to
quickly
the
book
and
show
you
how
the
smart
authentication
works,
for
example.
D
D
It
checks
for
a
cookies,
does
not
find
cookies
and
just
rejects
the
promise
but
I'm
checking
here
if
I'm
on
the
online,
if
I'm
not
on
the
online
environment,
I'll
just
reject
otherwise
I
will
tend
to
do
an
iframe
authentication
here.
Let
me
quickly
try
to
debug
this
and
see
whether
we
will
be
able
to
do
it
in
in
five
minutes.
D
D
D
If
you
can
see
here,
we
have
the
domain
a
while
call,
client
ID
a
response,
type
everything
that
we
need
to
do
a
while
code,
so
redirect
URI.
Now
we
have
another
listener
here
when
the
iframe
loans,
it
is
going
to
bring
us
another
URL
and
I'll.
Try
to
hit
another
break
down
here.
Good
now,
what's
returned
into
the
iframe
out
play
sure.
D
D
So
we
just
explored
the
Yammer
embed
and
try
to
replicate
the
same
behavior
here
there
is
one
setting
that
needs
to
be
done
in
order
this
modification
to
work,
only
our
admin
site-
and
you
should
be
aware
of
this,
because
this
should
be
done
from
a
tenant
happening
and,
if
you're,
in
a
big
enterprise,
this
minor
developer
for
you.
If
you
go
to
the
other
admin
on
a
security
settings
that
is
one
setting,
that's
called
enforce
office
365
identity.
This
is
an
extra
security
setting
for
Yammer.
D
This
should
be
Nabal
enabled
in
order
to
just
to
do
the
iframe
authentication.
Otherwise,
you
need
to
authenticate
with
the
three
initial
screens
and
a
login
screens
I've
tried
to
put
this
into
the
readme
file.
So
if
you
have
any
problem
so
learning
this
sample
submit
an
issue
but
as
overall
ducks,
that's
pretty
much
it
now.
D
If
you
register
a
trial
Enterprise,
this
is
not
enabled
by
default.
So
if
you're
about
to
try
very
simple,
you
should
go
and
enable
this.
This
setting
here
some
goodies
cases
where
you
can
use
this
when
you
can
access
REST
API
s,
maybe
if
you'd
like
to
have
a
SharePoint
and
younger
interaction
in
one
word,
thought
were
the
same
branding
experience
the
position
of
star
because
many
of
our
clients
they
simply
do
not
want
to
have
the
see
our
look
into
the
page
and
they
want
a
custom
solution.
D
If
you
of
course,
would
like
to
have
more
control
over
there,
the
other
AP
is-
and
another
issue
that
we
recently
had
is
that
at
the
current
moment,
the
Yammer
and
a
wet
bar
that
we
were
trying
to
use
that
much
support
embedding
on
place.
Hopefully
there
will
updates
into
the
future,
but
at
the
moment
we
ended
up
with
building
a
custom
solution,
just
because
we
need
today
to
display
it
into
a
modern
page,
and
that's
that's
pretty
much
it
from
to
myself.
Thank
you.
A
Availing
web.
Thank
you.
Thank
you.
Great
work
on
your
first
community
presentation
as
well,
I'm
going
to
flip
on
the
slides
and
thank
you
a
two
minutes
on
off
the
schedule
and
I
play
myself,
because
I
took
slightly
longer
time
again
on
the
intro.
So
number
is
I'm
done,
but
Thank
You
Jose.
Thank
you
Alex
and
thank
you
Belen
now,
also
for
a
create
sample
and
crate
dinner
and
there's
a
great
stuff
to
get
actually
recorded
and
share
for
the
others
in
a
youtube
channel
as
well,
but
I
think
that's
it
for
this
time.
A
So
we
didn't
have
a
time
for
Q&A,
unfortunately,
with
pretty
typical
on
a
monthly
community
course.
We
would
urge
people
if
you
have
specific
questions,
go
to
adjoin
on
the
special
interest
group
course.
We
have
always
clear
nighttime
on
those,
so
those
are
meant
to
be
more
interactive.
Multi
goals
are
more
around
us
telling
and
then
showing
stuff
together
with
community
demos,
but
other
than
that
I
think
we're
pretty
much
good
to
go.
So.
Thank
you,
everybody
for
joining.
A
Thank
you
for
the
great
demos
for
those
who
were
showing
them
for
Alexander,
Bellingham
and
Jose
and
recording
will
be
available
within
24
hours
in
YouTube
channel
I'll.
Do
some
social
media
posting
on
that
one?
If
you
want
to
share
recording,
for
which
any
of
your
colleagues
who
couldn't
actually
make
it,
but
thank
you
for
this
one
I
will
hoping
see
you
in
the
future
community
course,
and
please
do
let
us
know
if
there's
anything
what
you
need,
what
is
missing?