►
From YouTube: PnP JavaScript SIG Weekly Meeting - September 1, 2016
Description
Detailed content listed in following Tech Community entry - https://techcommunity.microsoft.com/t5/SharePoint-Developer/SharePoint-Patterns-amp-Practices-JS-amp-SP-Fx-Special-Interest/m-p/9148#M295
A
Hello,
everybody:
this
is
the
JavaScript
special
interest
group
weekly
meeting
for
September,
first
2016
I'm,
Patrick,
Rodgers
and
I'm
joined
by
visa,
you've
onan,
and
we
are
going
to
present
this
week's
meeting
as
you
for
those
of
you
folks
that
were
here
last
week,
we've
changed
the
format
up
a
little
bit,
so
we're
going
to
kind
of
go
through
that
new
format.
Today,
with
a
little
bit
more
emphasis
on
the
SharePoint
framework
based,
it's
got
a
whole
bunch
of
updates
in
that
regard.
A
lot
of
exciting
stuff
happening
there.
A
So
we've
got
our
slightly
updated
introductory
slide
here
about
what's
the
javascript
special
interest
group,
all
about
so
with
with
the
release
of
the
SharePoint
framework,
a
developer
preview.
So
not
the
full
frame
works
out
yet,
but
the
developer
preview
has
been
out
two
weeks
now
give
or
take
a
little
bit,
and
a
lot
of
folks
are
starting
to
get
involved
in
that
starting
to
play
with
that.
Getting
some
good
feedback
around
that.
A
So
we're
going
to
start
shifting
a
little
bit
more
of
the
discussion
a
little
bit
more
of
the
focus
of
this
weekly
call
to
the
SharePoint
framework,
which
we
were
sort
of
slowly
doing
overtime
anyway,
but
that's
going
to
become
a
little
bit
more
explicit
and
I.
Think
based
did
a
good
job
kind
of
explaining
that
last
week
as
well.
But
we're
also
going
to
stick
with
the
JavaScript
core
component
is
still
going
to
be
part
of
this
story.
A
A
Unfortunately,
but
we'll
talk
about
that
a
little
bit
here
in
this
meeting
and
in
next
steps
there
and
you'll
see
two
links
down
there
at
the
bottom,
so
we
more
or
less
officially
now
are
off
of
Yammer
I
think
there's
a
two
week
stay
of
execution,
but
then
it's
it's
going
to
move
over
to
the
network
office
com,
but
you
can
remember
that
first
link
there,
the
AKA,
ms
sharepoint
pnp
community,
will
get
you
to
the
new
location.
A
The
videos
will
be
going
to
youtube
so
hopefully
that'll
make
it
a
little
bit
easier
for
folks
to
access
that
across
a
range
of
devices
instead
of
just
having
to
go
to
Yammer
and
then
we'll
get
the
decks
uploaded
and
linked
out
as
well
from
each
meeting
a
location
exactly
to
be
decided
for
that,
and
then,
as
always,
you've
got
our
github
link
to
the
repo.
So
if
you'd
like
to
submit
code
or
submit
issues
or
submit
pull
requests,
you
know
or
just
check
out
kind
of
the
source
code
for
the
library.
A
Do
you
check
out
the
github
as
well
so
moving
forward?
Our
agenda
for
this
week
is
again
talk
about
sharepoint
framework
latest
updates,
that'll
be
from
basa
he's,
obviously
super
tied
into
all
the
new
stuff.
That's
coming,
and
so
we'll
get
those
updates
there.
Some
updates
on
the
JavaScript
core
component
sort
of
our
reduced
previous
agenda.
So
will
we
will
hit
the
topics
from
for
the
last
time,
sadly
Yammer
and
dinner,
and
then
talk
about
you
know
some
of
the
next
steps
for
the
core
component.
A
We've
got
two
great
community
demos
I
believe
today,
one
from
Bill
and
one
from
waldeck,
and
so
that's
going
to
be
really
cool
to
see
what
both
those
folks
have
done
and
do
what
I
mentioned
again.
If
any
of
you
on
the
call
are
listening
to
this
in
the
future,
if
you're
writing
stuff
with
the
SharePoint
framework,
hopefully
you're
using
the
core
component
as
well,
but
not
required,
we'd
love
to
have
you
on
the
call
to
do
a
demo.
A
So
folks
in
the
community
can
see
the
cool
stuff
you've
come
up
with,
so
it
doesn't
necessarily
have
to
be
a
fully-realized
solution.
But
if
you've
done
some
cool
stuff,
just
admit
it's
a
little
kind
of
a
partial
bit
of
code
and
want
to
kind
of
show
that
off
would
love
love
to
give
everybody
who
would
like
to
the
opportunity
to
demo
their
work
on
the
call.
So
just
get
in
touch
with
us
through
network
DA
office,
calm
or
get
er
or
Yammer
for
the
next
two
weeks.
A
B
Yes,
so
actually
I
didn't
update
the
slide.
So
that's
my
bad,
but
let's
walk
through
the
latest
status
on
that
one.
So
right
now
the
ship
and
kramer
tutorials
are
still
live
in
a
shipment
kidnap
organization,
and
these
will
be
moved
to
death.
The
doctors
don't
come
share
points
really
really
really
soon,
and
I'm
going
to
actually
mention
that
on
the
following
slide
as
well.
The
sample
repository
goes
actually
opened
up
yesterday,
so
we
do
have
a
sharepoint
framework.
B
Webpart
sample
represent
or
open
URL
coming
on
the
following,
slides
as
well,
and
we
do
have
multiple
p.m.
their
web
casts
out
this
week.
We
release
the
webcast
together
with
well
deck,
on
the
building
of
a
ship
and
framework
web
part
using
angular,
angular
1
context,
so
how
to
make
that
work,
and
it's
a
relatively
simple
example,
but
that's
also
available
from
a
key
top
for
people
to
download
and
start
using.
Can
you
Patrick
go
to
the
following
slide?
B
So
this
is
more
around
here
here
we
go
so
the
new
SharePoint
landing
page
will
be
actually
released
today.
So
today
means
today
in
a
psk
timezone
perspective,
depending
on.
Where
are
you
calling
from
so
relatively
soon
slightly
later
than
this
call,
so
the
sharepoint
framer
of
tutorials
will
be
moved
to
this
new
location.
There's
a
nice
tight
go
and
that's
finglas,
not
enough
English,
so
the
tutorials
will
be
moved
to
this
location
and
we'll
update
the
existing
pool
at
links
to
the
existing
okay
and
they're,
really
the
key
advantage
of
moving
our
documentation.
B
The
director
dr.
calm,
is
that
people
are
able
to
do
contributions
as
well,
so
all
of
the
articles
are
visible
or
the
source
of
these
articles
are
in
a
key
top.
If
you
find
a
back,
if
you
find
an
issue,
if
you
set
to
one
a
half,
if
you
run
through
the
tutorials
and
something
delivered,
let's
say
in
a
mac
or
in
linux
platform,
you
can
actually
submit
a
pull
request
and
say
hey
this.
B
This
note
should
be
added
if
you
are
using
whatever
platform
you're
using,
so
you
can
actually
contribute
on
the
tutorials
and
we're
looking
into
then
obviously
keeping
your
credits
and
the
monthly
calls
monthly
BMP
calls,
and
the
video
and,
and
also
within
the
pages,
so
whoever
has
contributed,
will
get
credits
out
of
that
one
as
well
couch.
Let's
move
to
the
following
swine.
A
few
other
stuff
which
have
recently
happened
so
yesterday,
will
be
released.
Six,
the
existing
tutorials
as
a
videos
as
well.
We
know
that
there
was
people.
B
B
What
the
SharePoint
framework
is
all
about,
and
these
are
in
the
pnp
youtube
channel,
so
we're
moving
into
all
of
the
video
publishing
to
the
YouTube
right
now.
These
are
actually
also
in
the
old
channel
9
channel
9
channel
of
the
PNP,
where
you
can
also
download
them
down,
but
all
the
recordings,
video
recordings
and
all
of
that
by
weekly
office
hours.
B
This
weekly
call,
all
of
that,
will
be
going
to
the
YouTube
and
that's
really
because
the
channel
line
actually
doesn't
scale
for
the
amount
of
videos
what
we
have,
because
we
can't
actually
pinpoint
Pierre
would
there's
no
playlists,
there's
no
other
edit
capabilities
within
10
online,
which
is
a
pity
we
would
love
to
be
in
channel
9,
but
we
can
so
AKMs,
pasp,
PMP
videos
or
SharePoint
PMP
videos,
either
way
this
one
I
mentioned
on
the
few
slides
before
so
this
one's,
like
yesterday,
around
nine
p.m.
central
european
time,
something
like
that.
B
What's
the
outcome,
if
you
build
all
of
the
tutorials
as
a
SharePoint
framework
solution-
and
it
has
multiple
web
parts
in
one
solution,
so
we're
looking
into
expanding
the
sample
section
in
here,
there
will
be
engineering,
contributed
samples.
There
will
be
third
party
community,
contributed
samples
in
the
future
as
well
one
thing,
but
we
kind
of
are
aware
and
sa
ongoing
discussion
on
that.
B
They
say
whenever
you
start
doing
SharePoint
framework
development
and
whenever
you
pull
down
dependencies
of
a
of
a
single
ship
on
framework
solution,
the
storage
requirements
might
be
pretty
big
and
that's
that's
pretty
natural
in
a
web
stack
development,
but
that
might
actually
freak
out
some
some
people
and
we're
looking
into
reducing
that
storage
requirement.
But
we
also
are
looking
into
having
let's
say
less
samples
or
with
one
sample
is
showing
multiple
things.
B
So
it's
better
to
have
a
one-sample
with
multiple
different
web
parts
implemented
in
a
different
technology
rather
than
having
a
one-sample
for
knockout.
One
example
for
react.
One
sample
for
angular,
so
we're
trying
to
kind
of
I
do
more
consolidated
way
of
these
samples.
So
we
don't
end
up
and
end
up
having
110
120
samples,
which
all
will
take
significant
amount
of
storage.
If
you
do
the
NPM
install
for
all
of
them,
which
the
next
slide.
This
is
something
where
I
wanted
to
actually
have
everybody
simple
for
on
the
call.
B
So
you
can
use
the
IM
window
or
you
can
unmute
yourself
and
whatever
you
want,
so
we're
looking
into
starting
to
create
getting
started
training.
Would
you
have
tutorials
already
tutorials
are
available
in
the
lifted
of
stuff
computer
starting
today
and
right
now
in
the
khatam?
But
what
we
want
to
do
is
release
a
training
package
which
anybody
crossed
the
world
can
actually
pull
down
and
they
can
deliver
the
SharePoint
framework
or
in
the
training
within
their
location.
B
So,
if
you're
a
random,
let's
say
in
microsoft,
certified
trainer
in
ukraine,
singapore,
russia
or
in
n
mexico
it
doesn't
really
in
parcel.
It
doesn't
really
matter.
You
can
pull
down
these
packets
and
deliver
a
local
training.
Dobis
idea.
Opus
idea
is
that
this
way
we
can
scale
and
people
are
able
to
use
the
existing
validated
material
existing
slides,
so
that
not
everybody
has
to
rebuild
the
slides
for
every
single
session
and
obviously,
if
you're
an
MVP.
B
If
you're
a
community
member,
you
want
to
do
some
presentations,
you
can
use
all
of
those
materials
within
your
seminar,
deliveries
as
well
so
reusable
IP.
But
the
question
is:
what
do
we
actually
need?
What
kind
of
modules
do
we
actually
going
to
create?
What
do
we
want
to
do
as
say
initial
start
for
getting
started
training,
and
this
is
just
a
really
really
rough
start,
which
I
wrote
down
and
I
think
guys
somewhere.
I
have
a
long
list
of
this
modules,
but
I
wanted
to
keep
your
input
on
the
underneath
it
modules
as
well.
B
This
the
flow
would
be
that
we
start
by
creating
a
client-side
web
part,
so
that
module
is
that
that's
one
module
which
will
have
a
presentation
hands-on
lab
demo
in
a
video
recording
and
the
presentation
will
for
that
much
over
obviously
explain
this
is
the
tooling.
These
are
the
options.
This
is
what
Google
is
doing.
This
is
what
noche
is
doing
and
all
of
that
stuff,
and
this
is
how
you
actually
install
the
yeoman
template.
This
is
how
you
get
started
by
creating
an
empty
client-side
web
for
the
next
version.
B
The
next
step
is
then
talking
to
SharePoint,
like
in
our
existing
tutorials.
So
okay
I
have
this
webpart.
How
do
I
make
it
talk
to
SharePoint
so
explaining
the
sharepoint
online
version
of
workbench,
explaining
the
environment
type
where
we
post
and
how
to
detect
that
and
all
of
that
stuff
and
covering
that
first
in
a
presentation
and
then
enhance
on
but
having
similar
kind
of
exercise?
What
we
have
in
tutorials,
then
in
the
third
module
explaining
the
editor
pane
options,
so
how
we
can
extend
the
editor
pane?
What
are
the
options?
B
What
is
the
reactive
mode?
Where
is
the
non
reactive
mode
and
how
to
control
that
within
the
web
pots
and
then
having
again
building
on
the
existing,
hands-on
lab
and
deliverables
building
a
still
that
same
web
part
continuing
expanding
that
and
then
on
the
fourth
stage
relatively
well
highly
required
operation,
which
is
the
crew
operations,
create,
read,
update
and
delete
against
the
SharePoint
so
having
that
web
part
again
extended,
but
ok,
now
we
have
the
web
part
it's
already
talking
the
SharePoint.
B
B
Now
the
follower
question
is
what's
missing,
so
what
kind
of
other
modules
you
would
like
to
have
within
this
kind
of
training
package,
which
we
then
we'll
be
sharing
for
the
community
and
feel
free
to
unmute
yourself,
if
it's
an
obviously
while
deck
Patrick,
if
you
guys
want
to
actually
contribute
at
this
point
as
well.
The
reason
why
I'm
asking
this
in
this
call
is
that
within
relatively
soon
within
a
few
hours,
I
should
have
this
list
locked
it
down.
C
What
is
that
would
like
to
include
already
tutorials,
for
example,
for
angular
jQuery
knockout,
so
different
aim
works
that
people
use
yes,
yes,
now
on
a
screen
are
agnostic
of
framework
right,
so
the
concept
you
could
basically
apply
the
same
content
differently
in
angular
differently,
knock
out
differently
in
view
in
anything
else.
So
would
you
like
to
have
forever
for
the
few
most
popular
Android
the
whole
set,
or
would
you
have
specific
sets
for
frameworks?
How
would
you
go
around
that?
That's.
B
Actually
a
good
point,
so
should
we
actually
adjust
the
modules
in
a
way
that
once
your
tree
would
be
pretty
much
the
same
except
they're,
pretty
kind
of
a
Rick,
a
life
or
a
framework
agnostic?
And
then
we
would
have
a
crude
operations
with
SharePoint
with
angular
crude
operations,
which
SharePoint
with
react,
root.
Cooperation
with
SharePoint
with
local
I.
C
D
I
Mike
yeah
Mike
said
it
actually
in
the
comments
to
do
MVC,
which
is
a
like
a
standard.
The
example
problem
to
compare
different
frameworks.
You
could
also
do
that
with
the
web.
Part
I
think
valdakk
already
did
one
in
the
last
webcast
on
the
angular
I
think
I
was
actually
to
do
and
select
to
NBC.
So
you
could
use
that
and
then
iterate
that,
through
all
the
different
frameworks,
yep.
B
That's
absolutely
the
idea:
what
about
a
better
kind
of
a
trying
to
what
I'm
trying
to
do
right
now
and
unfortunately,
I
can't
seem
to
see
the
discussion
which
is
weird,
but
it's
just
the
kind
of
pinpoint
the
exact
the
individual
modules
so
kind
of
a
combining
that's
your
feedback
would
be
that
we
would
have
editor
pane
and
crude
operations.
/
technology,
so
to
talk
to
sharepoint,
would
be
kind
of
a
hey.
This
is
how
you
do
the
basic
talking
to
sharepoint.
Okay.
Now,
let's
start
actually
doing
this
using
react.
B
Yes,
the
search
could
be
a
one
option.
Absolutely
that's!
That's
actually
a
good
point.
It
could
be
a
one
module
which
is
then
explaining,
let's
say,
more
functionality
related
operations,
so
that
would
mean
then
that
we
would
have
paid
it
and
I
can't
edit
the
slide
which
we
are
sharing.
Unfortunately,
piramide
ting
this
in
my
separate
version,
so
editor
brain
and
crude
operations
with
sharepoint,
which
reacts
and
then
a
separate
one
with
knockout
and
angular.
B
D
Actually,
those
those
would
be
the
same,
wouldn't
I,
so
that
you
presumably
you'd
abstract
away
the
bit
that
interacts
with
sharepoint.
So
you
could
you,
you
would
need
to
do
a
matrix
of
every
possible
framework
and
then
every
possible
way
of
talking
to
doing
the
crud
operations
with
sharepoint,
because
there'll
be
a
few
of
those.
Well
though,
they'll
be
like
Ajax
will
be
one
way.
Pnp
framework
will
be
another
pap
sison.
What
a
song
would
be
another.
C
C
D
C
B
C
B
I'm
back
I'm
back
so
now
I
can
see
mike's
comments.
I
can't
see
the
previous
comments
but
I.
I
can
see
mike's
ole
ole,
ola
comments
with
skin
and
ruffle
I'm
currently
rolling
on
the
floor
anyway
office
you,
I
have
have
crickets
at
that
one
in
there
in
the
list
of
modules
using
microsoft,
cry
for
your
search,
yeah.
B
Yep
and
that's
I
would
say
that
the
so
right
now,
what
we're
going
to
do
is
concentrate
on
really
on
a
getting
started
level.
So
many
of
you
guys
in
this
call
you
are,
how
would
I
put
it.
You
are
highly
slightly
more
advanced
on
understanding.
When
we
talk
about
concepts
of
shape
and
framework,
we
need
to
be
realistic
maturity
of
the
of
the
ship
on
developers
across
the
world.
Not
so
we
need
to
go
and
I
would
keep
them
the
guidance
on
okay.
So
how
would
I
actually
get
started
now?
B
C
B
D
Might
be
that
you,
just
you,
can't
cover
every
possible
framework
in
every
situation.
So
perhaps
you
do
simple
examples
using
all
these
different
frameworks
to
show.
This
is
how
you
can
use
angular
Anderson,
how
you
can
use
knockout
and
then
maybe,
when
you
get
to
the
more
then
you
may
need
some
more
exotic
samples
that
do
that
get
more
complicated,
and
at
that
point
maybe
you
need
to
take
a
view
as
to
okay.
What
this
is
the
horse
we're
betting
on.
D
B
Result
is
absolutely
fine
and
an
acute
in
but
bill
for
the
sample
selection.
But
that's
not
what
we're
trying
to
do
here.
We're
trying
to
create
a
more
tools
and
training
modules
and
reusable
presentations,
so
I
would
absolutely
be
able
to
create
a
simple
crude
operations.
Samples
for
angular
react,
knock
out
and
sort
of
things
and
then
more
complex
stuff
for
chosen
platforms,
which
makes
a
lot
of
sense.
Those
samples
will
be
coming
and
they're
in
the
queue
and
yet.
D
The
trick
that
the
training
modules
you
also
want
to
be
sort
of
upping
the
ante
you
go
through,
you
know,
by
episode,
10,
you
might
be
doing
something
quite
sophisticated.
Yes,
that
point
you
might
have
to
say.
Well,
we
can't
cover
all
of
these
different
things
in
parallel,
we're
going
to
focus
on
you
know.
This
is
the
tooling
that
we
recommend
and
can
I
come
up
off
the
fence
a
little
bit.
B
True,
true
absolutely
agree
on
that.
So
the
long
term
vision
around
the
training
packets
is
that
we
start
by
having
let's
say
five
or
six
modules,
which
presentation
has
some
live
demos,
some
videos,
but
it
doesn't
stop
there.
What
we
want
to
do
that
we
will
end
up
having,
let's
say,
30
modules
and
then
you
as
a
person
who
want
to
consume
that
training
pockets.
If
you
want
to
consume
that
I
say
I
want
to
teach
you
can
choose
which
of
them.
You
want
to
have
one
a
watch.
B
They
many
of
them
are
completely
isolated,
so
you
can
actually
watch
them
in
the
right
order.
You
want,
or
if
you
want,
to
deliver
a
training
or
a
seminar
talk
or
to
explain
what
it
says.
Pfx
for
your
customer.
You
can
go
to
the
sex
selection
of
modules
and
then
you
can
see.
Hey
customer
was
asking
me
about
how
do
I?
Actually
the
office
you
I
fabric
and
what
does
it
actually
mean
and
they
wanted
to
understand
from
Microsoft
craft
together
within
the
context
of
SharePoint
framework.
B
So
therefore
I'm
going
to
take
that
that
and
that
module
and
then
you're
good
to
go
so
we
would
have
this
truly
reusable
set
of
fine-tuned,
polished
presentation
and
by
the
way
our
marketing
people
are
on
board
on
all
of
the
stinking.
So
there
will
be
fine-tuned,
they
will
pay
the
official
training,
but
it
says
they
will
be
this
right
stuff.
B
You
can
choose,
obviously
create
your
own
presentations
and
additional
slides
if
you
want,
but
you
would
have
an
official
blessed
set
of
slides,
but
you
can
use
to
deliver
the
story,
so
they
wouldn't
be
kind
of
a
yesterday
build
their
crate
session
on
together
with
wink
or
on
SB
around
the
SPF
x,
and
then
hey,
that's
a
great
slide.
It
would
be
really
cool
if
I
could
actually
use
the
slide
and
I.
B
D
B
That's
true
right
now,
I
would
actually
wait
has
to
be
let's
say
it
straight
for
honest
them
and
transparently,
that
I
would
wait
for
a
while
to
make
sure
that
the
sharepoint
is
getting
truly
responsive
as
well.
So
right
now
we
know
we're
in
a
kind
of
a
transition
phase,
even
after
yesterday's
announcements
on
the
on
the
new
SharePoint
sharepoint
cooperation
side
experience,
because,
yes,
you
need
to
think
about
certain
things.
But
if
you
build
your
stuff
using
SharePoint
framework,
it
will
be
natively
responsive
in
the
modern
pages.
B
D
B
B
Validating
the
editor
pane,
yes,
absolutely
absolutely.aah
bark
him
on
from
UK
dated
a
good
blog
post
on
done
already
so
done,
that's
absolutely
die
dear.
So
right
now
what
I'm,
thinking
and
I
updated
on
my
slide,
because
I
can't
update
that
slide,
unfortunately,
queer
slides,
create
client-side
web
part
would
be
one
modules
talk
to
sharepoint
another
one
editor
pane
option:
I
would
still
keep
it
as
a
separate
module
where
we
explain
the
validation
option.
B
How
to
do
that
and
then
the
individual
controls
and
all
of
that
stuff
and
I
know
that
there
are
a
small
differences
on
that
one
depending
on
technology,
and
we
can
extend
that
slightly
later.
But
then
I
would
concentrate
on
creating
crew
operations
with
SharePoint
three
modules,
one
with
angular
1,
which
we
act.
One
way
to
knock
out
and
maybe
one
way
without
any
framework.
I
don't
know
so
that
we
would
have
those,
let's
say
the
presentation
for
it
and
technology
specific
details
around
what
does
it
mean
in
anger?
B
React
wonder
how
do
you
actually
do
that
the
and
that
would
also
concentrate
on
the
presentation
layer?
This
is
how
you
do
the
presentation
layer
in
react.
This
is
how
you
do
the
presentation
layer
in
in
angular
or
the
differences,
obviously
I
fabric,
no
doubt
on
module,
it
has
to
be
covered.
We
need
to
understand
the
options.
What
does
it
actually
provide,
and
all
of
that?
It's
actually
a
pity
that
they
don't
have
their
own
training
package.
B
C
B
Guess
I'll
add
that
one
on
a
list,
but
I
would
still
add
that
one
as
a
bonus
I
do
understand.
Testing
is
super
important
and
we
need
to
still
start
by
teaching
people
to
write
the
stuff
and
then
they
can
start
doing
testing.
They
should
go
to
test
the
tests
at
the
same
time
when
they
implement
the
stuff.
But
that's
fair
point:
youjizz.
B
B
Let's
not
start
that
cool
okay,
let's
move
on
Patrick
on
the
on
the
presentation.
Thank
you,
everybody
for
your
contribution.
This
is
a
good
discussion
and
gave
some
great
ideas
onda
on
the
training
package,
I'm
not
going
to
do
any
any
demos
from
this
one
and
no
point
walking
through
the
repos
and
all
of
that.
So
let's
move
Patrick
on
the
it's
a
JavaScript,
coral
library
site,
and
then
we
can
hopefully
do
two
demos.
This
is
the
left
over
from
last
week.
I
do
apologize,
but
there
will
be
additional
opportunities.
A
So
so
the
JavaScript
core
component
still
out
there
still
exists.
You
can
see
the
links
down
at
the
bottom,
we're
going
to
continue
developing
this
things
are
fairly
stable.
There
are
some
issues
out
there
which
we'll
talk
about
in
a
second.
Thank
you
again
to
everybody.
That's
contributed
on
this.
In
the
past,
we've
got
one
new
name
on
there,
John
you
so
thanks
to
John,
we
got
a
couple
of
fixes
in
there
and
there's
a
few
more
pending
when
I
real
quick.
We
had
a
question
on
the
batch.
Execute
it
it
did.
A
It
itself
does
not
return
a
promise.
So
you
don't
actually
know
when
all
your
your
entire
batch
is
finished,
so
we're
going
to
update
that
for
one
dot
for
and
return
a
promise.
There
I
think
that
was
a
great
idea
and
there
is
a
question
on
typing
the
results
of
your
get
call,
which
is
something
we
talked
about.
I,
don't
know
way
long
ago.
Whenever
that
got
added
to
the
library
so
tried
to
answer
that
as
best
I
could,
that
was
on
get
er.
A
If
that's
still
unclear,
please
do
just
keep
asking
so
weekly
standup
104
is
going
to
go
out
today.
I've
actually
blocked
out
time
for
that
today.
So
there's
some
great
small
fixes.
There's
a
couple:
pull
requests
that
emerged
this
morning
and
there's
a
couple
I'm
going
to
look
at
this
afternoon
as
well
as
a
couple
other
small
fixes,
I'm
going
to
do
it,
but
we'll
get
the
104
out
today.
D
D
Right
so
I've
got
a
little
client-side
web
part
here.
I'll
just
show
you
show
you
what
it
does
so
it
says
this
is
my
site
title
and
if
I
change
is
at
the
Edit
panel
open
here,
so
if
I
changes
to
name
of
so
it's
a
reactive
control
and
I
can
show
the
user
name
or
I
can
not
show
the
user
name,
I
can
show
the
lists
that
I
got
on
the
side.
D
This
is
actually
some
dummy
data
which
I'm
rendering
at
the
moment,
which
is
flagged
up
by
this
and
then,
if
I
lose,
they
can
the
word
park
control
and,
if
I
just
refresh
this,
actually
just
start
that
I've
done
a
couple
of
things
on
here,
just
to
give
it
a
bit
of
interaction.
So
there's
a
spinner
control
here
and
I
can
dismiss
it
with
this
button,
so
just
to
demonstrate
a
bit
of
interaction.
So
that's
in
the
SharePoint
workbench
running
locally
I've
also
got
a
copy
of
it
running
in
my
developer.
D
D
I've
got
to
also
got
a
panel
that
comes
up
here
if
I
click
on
this.
So
this
is
an
office.
You
I
fabric
panel
and
I've
got
my
username,
which
now
makes
sense
here
and
if
I,
if
I
show
the
listserv
I
it
show
lists,
it
will
actually
sit
bug.
It
will
actually
show
a
list
of
all
the
lists
in
my
site
and
that's
all
being
fetched
using
the
PN
pjs
core.
D
Visual
studio
code,
this
may
be
our
maximize
that
so
I've
created
a
react
web
part
and
if
I
go
to
site
info
web
parts,
dot,
TS
typescript,
you
can
see
that
it
in
its
render
method.
It
actually
calls
this
react,
create
element,
and
then
crew
beard
stay
site
info
web
component,
and
if
I
go
to
components,
you
can
see
that
there's
a
a
site
info
typescript
file.
Actually
it's
a
tsx
file.
D
So
if
you
look
in
the
render
method
of
this,
so
if
you're
not
familiar
with
react,
we'll
look
a
bit
strange
because
it
returns
a
div
and
some
more.
What
looked
like
HTML
elements
and
they're,
not
wrapped
in
quotation
marks.
It's
there
just
elements
in
there.
How
can
this
be
well?
This
is
a
this.
Isn't
a
typescript
pilots,
a
tsx
file,
so
there's
a
pre
compiling
step.
D
What
was
already
one
anyway
because
its
type
scripts,
but
it's
also
using
the
j
sx
compiler,
which
is
now
built
into
the
typescript
compiler
in
some
way
and
it
it
goes
through
and
when
it's
seasoned,
something
that
looks
like
an
element,
it
actually
called
something
like
it
cause
a
structure.
Is
this
it
generates
some
javascript
which
some
library
create
element,
div
or
something
like
that,
and
when
it
sees
the
curly
braces
it
will.
D
It
knows
the
the
compile
and
knows
that
it
has
to
switch
to
just
plain
JavaScript
mode
and
so
then
spits
out
just
regular
JavaScript
and
it
can
switch
back
and
forth.
So
what
if
this
isn't
really
a
templating
engine
like
you'd
have
in
something
like
handlebars
what's
happening
here
is
this
is
actually
emitting
JavaScript.
The
whole
thing
is
emitted
as
JavaScript,
so
it
gets.
It
takes
a
little
while
to
get
used
to,
but
it
means
I
can
then
incorporate
things
like
the
fabric
button.
So
here
I've
got
office.
D
What
you
probably
want
to
do
for
production
is
something
like
lists,
all
the
elements
that
you
want
here
and
say
import
and
then
a
list
of
what
you
want
from
office,
your
I
fabric,
but
I've
just
been
lazy,
just
for
this
dough
and
your
star
as
fabric
and
then
I
can
create
one
and
I
get
intelli
sense
as
well
yeah.
So
if
I
type
in
here
fabric
got
it'll
well
not
in
this
case,
but
anyway,
he
would
normally
give
them
intellisense
there.
D
You
have
to
do
it
in
here,
how
poor
a
fabric
dot
and-
and
you
get
a
list
of
all
the
things
that
you
can
pick
so
so
it's
it's
quite
a
handy
way,
not
sure
exactly
what
all
these
things
are
called,
so
that
I've
got
a
fabric
button
and
a
fabric
panel,
for
example.
Here
so
these
are
the
office.
You
I
fabric
react
controls
that
they've
built
for
us,
so
it
means
I
can
using
very
little
code,
generate
these
things
and
that
will
generate
more
HTML
behind
the
scenes.
So
what
what
reactors
is
it?
D
It
then
generates
this
virtual
Dom
of
these
elements
and
then
dips
it
against
the
actual
live
DOM,
and
that's
why
the
whole
thing's
very
efficient,
so
I
don't
need
a
data
binding
engine.
Mm-Hmm
I
can
just
ensure
that
this
render
method
is
called
again
every
time
that
it
that
any
content
changes
rather
than
excuse
me,
two-way
data-binding
away
your
kind
of
chasing
around
figuring
out
what
effects,
what
everything
else
so
it
ends
up
and
it
ends
up
being
very
efficient.
D
So
then,
what
I've?
Also
so
now.
You
know
I
complained
earlier
I
think
a
couple
of
weeks
ago
about
there's
too
much
in
the
hello
world
sample
in
this
case,
I've
gone
to
the
other
extreme
and
try
to
use
everything.
So
I
got
react.
I've
got
office
to
I
fabric,
react
and
I've
also
pulled
in
patents
and
practices,
javascriptcore
j/s
course.
So
I've
got
a
import
store
as
pnp
from
spp
and
pjs.
D
Now,
before
I
did
that
I
had
to
do
a
NPM,
install
minus
minus
save
and
it's
SP
hyphen
pnp
hyphen
j/s
that
goes
off
to
I,
think
NP,
MJS
org
and
one
gets
whatever
the
latest
package
that
Patrick
is
uploaded
into
their
will
will
get
picked
up.
So
the
only
slight
fly
in
the
ointment
there
I
found
was
that
there
was
a
dependency
on
node
fetch.
So
if
you
kept
the
current
version,
it
will,
it
thinks,
there's
a
dependency
on
node
fetch
module.
There
isn't,
but
it's
it's
there.
D
It's
supposed
to
know
not
to
the
it's
not
required
that
there
was
a
typo
in
the
in
the
bit
that
sir,
in
this
setting
is
actually
under
node
modules.
Either
does
it
you
can
do
a
fix
here
if
you
go
to
node
modules,
and
then
this
go
down
this
fairly
long
list
and
what
am
I
looking
for
its
SP
p.m.
pjs,
and
if
you
go
into
a
package.json
that
file
there
is
a
fix
their.
A
B
D
Well,
that's
that's
awesome
as
excellent
news.
Oh
I
needn't
have
bothered
what
I
could
have
just
glossed
over,
that
I
didn't
realize.
Yeah
I
had
a
feeling,
I'm
not
being
this,
might
be
next
month,
so
yeah
John,
Lou
spotted
that
typo
and
and
did
a
pull
request.
So
what
am
I
doing
here
have
some
lost
lost
track
of
where
I'm
over
here
so
yeah
in
sauce
web
part.
I
was
in
sight
in
foege
tsx.
D
Yes,
so
then
we
can
you
now
we've
got
pnp
so
again,
I
you'd,
probably
just
import
the
the
mod
the
the
classes
that
you
need.
It
specifically
but
I've
imported
everything.
So
I
can
just
call
P&P
and
again
I
get
Intel
a
sense
here
which
will
help
me,
which
is
nice,
so
I
can
soap
in
PSP
web
get
and
then
then
I've
got
a
callback
and
I.
Don't
know
why
it's
the
the
TS
links
the
kind
of
tight
script.
D
Nitpicker
engine
says
you
shouldn't
you,
you
have
to
choose
a
lambda
expression
here,
so
this
is
actually
just
equivalent
to
typing
function.
Results
if
you're
a
JavaScript
developer.
You
do
it
like
that,
but
we
don't.
We
do
it
that
way,
because
it's
much
cooler
to
use
a
lambda
and
then
you
can
set
it
really
easy
just
says:
set
state.
So
I've
got
some
state
which
I
like
to
think
of
us,
like
the
view
model
of
the
components
that
you're
running,
so
you
can
have
they.
D
Each
of
these
web
components
has
a
state
and
we
set
the
state
and
we
send
the
title
to
result.
Title
and
I've
got
another
one
here,
I
suppose
we
could
badge
these,
but
this
one
typically
returns
quite
a
bit
faster
than
this
bonuses.
Little
bit
slow,
and
this
gets
all
the
lists
and
again
and
I've
used
the
mapping
function.
To
make
me
a
list
of
just
the
title
and
I
could
improve
this.
D
So
again
the
j
sx
compiler
knows
to
flip
into
javascript
mode
when
it
sees
the
curly
braces
and
will
evaluate
this
test
here
and
emit
either
this
warning
running
locally.
With
mock
data
using
a
quality
office,
you
I
fabric
classes,
there
she's
got
to
be
careful
with
the
other
thing.
I
usually
forget
in
react,
is
I
I
use
class
instead
of
class
name.
D
This,
unfortunately
class
would
be
a
conflict
with
the
tire
I've
script
class,
so
they
had
to
call
the
class
attribute
on
the
HTML
elements,
class
name,
and
if
you
get
that
wrong,
there
nothing
works
and
then
so
that
and
the
that's
that's.
How
do
I
know
got
got
some
various
things
you
know
when
we
click
on
things.
D
It
will
call
these
methods
and
change
the
state
and
when
the
state
changes
everything
just
rear
enders,
but
because
it
uses
this
react,
dipping
engine
between
the
virtual
Dom
and
the
actual
Dom,
and
only
updates
the
element,
so
it
intelligently
updates
the
elements
that
need
updating,
that
this
makes
it
very
efficient
and
and
a
lot
faster
than
that
two-way
binding
tends
to
get
quite
sluggish.
As
you
have
more
complexity
with
this,
this
seems
to
work
very
efficiently.
So
now
we've
got
80
lines
of
code.
D
You
have
used
the
UI
fabric
to
really
give
us
quite
a
lot
of
what
will
be
rendered
output
without
having
to
create
a
lot
of
code
ourselves.
I
think
this
is
purely
pleasing
using
the
the
Jays
core
library,
because
you
know
we're
not
having
to
involve
ourselves
with
building
HTTP
requests
and
deciding
what
headers
to
set
in
the
soil.
You
know.
That's
all
those
are
those
now
all
boiled
down
to
one
liners
when
we're
interacting
with
SharePoint.
So
that's
three
at
least
three
bits
of
technology.
D
D
B
D
D
B
C
If
you
go
to
these
headings,
you
can
pick
how
many
documents
you
want
to
see.
So
you
can
choose
from
five
go
to
three.
You
can
choose
to,
and
I
basically
set
the
limit
between
one
and
ten
so
with
the
fist
in
air.
You
can
easily
use
the
foolproof
way
for
it,
its
user
to
easily
pick
the
number
of
documents
that
want
to
show
and
running
in
this
side
are
being
shown
using
the
the
india
and
document
card
control
that
we
get
from
office.
You
I
fabric
react
so
with
that.
C
Let
me
show
you
how
that's
built
and
all
the
code
that
you
will
see
is
available
on
github
I
will
share
with
you
the
URL.
I
also
have
a
post
explaining
that
all
of
that
and
more
depth,
so
you
don't
need
to
take
any
notes
creatures
or
all
that,
I'm
all
that
will
be
available,
and
I
assume
that
we
recording
this
right.
So
you
can
even
go.
We
aren't
worth
good
yeah,
alright,
so
go
into
the
code.
We
have
the
web
part
and
in
the
web
part,
as
you
have
seen,
we
define
one
properties.
C
Let
me
go
to
manifest
that
defines
the
number
of
documents
that
we
want
to
show
right.
So
so,
if
we
go
to
the
web
parts
code
and
not
much
is
going
on
here,
except
for
the
fact
that
we
define
the
property,
the
number
of
documents
that
we
want
to
use
slider
for
that
which
is
here-
and
we
set
the
animal
number
21
next
one
to
ten
and
step
to
one
and
then
we
pass
the
value
to
our
react
component,
so
the
web
part
itself
doesn't
really
do
much
right.
C
It
provides
the
let's
say
framework
for
actually
react
to
do
all
the
work.
If
you
look
closely
at
purton,
add
properties
that
we
use.
We
actually
use
two
of
them.
What
one
of
them
is
the
number
of
documents
that
we
want
to
show,
but
another
one
is
actually
the
URL
of
the
site
for
which
we
want
to
show
the
list
of
trending
documents
and
you've
seen
that
that
we
don't
have
you
here
to
type
it
in
right,
because
we
know
where
the
web
part
is
placed.
C
B
C
And
if
there's
a
anyone
who
would
like
to
know
anything
either
use
IM
or
ping
me
afterwards.
So
if
we
go
into
react,
there
are
quite
a
few
things
going
on
here.
So
first
we
define
some
properties
here
and
we
define
our
our
interface
that
actually
adults,
the
document
that
we
are
going
to
show
on
the
page,
and
for
that
we
need
everything
that
we
want
to
show
on
a
card.
So
we
need
documents,
title
its
URL
preview,
image
URL,
let's
modify
both
photo
and
all
that.
C
So
we
need
all
of
that,
because
all
of
that
is
being
shown
on
a
card
and
we
get
all
of
that
from
office
graph
using
search
initially
when
we
load
the
web
part,
we
we
set
initial
state
and
there
are
actually
when
you
work
with
reality,
are
two
things
to
take
into
account.
There
are
problem
properties
and
state
right,
so
properties
are
the
things
that
you
get
from.
The
parent
and
state
expresses
actually
the
current
state
of
your
component.
So
here
we
say
we
have
actually
three
things
that
we
take
into
account.
C
We
can
hear
have
the
list
of
trending
documents,
we
can
be
loading
them
or
we
can
have
error.
So
these
three
state
properties
express
the
different
stays
that
our
head
part
month
have
I
being
right.
So
we
said
that
whenever
we
create
component,
we
said
that
initially
to
empty
array
of
documents,
we
say
that
it
will
load
them
and
we
set
the
error
to
now
right
because
there's
initially
no
error.
C
Whenever
we
a
deal
with
the
opportu
the
page,
we
start
by
loading
the
content,
and
for
that
we
use
the
URL
of
the
site
and
number
of
documents
and
the
way
this
work.
It's
pretty
complex
stuff,
because
if
you
think
about
how
the
office
graph
works
in
order
to
go
from
a
URL
of
a
side
to
the
list
of
trending
documents
in
the
side,
there
are
quite
a
few
steps
that
you
have
to
take
into
account.
C
So,
first
of
all,
the
the
first
thing
that
you
need
is
to
get
the
list
of
members
of
that
side,
because
office
graph
is
all
about
the
users.
So
you
first
need
to
get
that
and
if
you
think
about
it,
that
list
can
be
really
big
right.
So
we
start
with
that,
and
then
we
need
to
get
the
these
emails,
because
these
are
emails.
We
need
to
convert
them
to
office
graph
actors
and
we
use
that
with
search,
but
because
that
list
can
be
bigger
than
what
we
can
fit
in
a
get
request.
C
C
So
if
we
say
we
set
the
state
initially
to
an
empty
array
and
then
for
every
document,
we
update
the
state
by
adding
another
dog
into
the
page
which
will
basically
repay
component
on
a
page
and
we'll
show
tocumen
and
then
eventually
we
said
that
the
loading
is
done.
We
finished,
and
all
of
that
is
shown
so
with
that
you
can
see
how
we
can
go
from
ace
from
setting
a
property
on
a
page
all
the
way
down
to
how
to
load
the
column,
using
the
one
hand
properties
that
we
got
from
the
web
partner.
C
On
the
other
hand,
information
such
as
its
URL
of
the
site
that
we
get
from
context
of
web
the
web
part
where
the
web
part
is
placed
eventually,
one
more
thing
that
you
might
want
to
see.
It's
how
you
render
it
on
the
page,
and
we
render
that
using
the
document
card
component
from
office.
You
I
fabric
react.
So
here
we
have
the
random
edit
and
which,
which
is
really
compact
right
for
the
amount
of
stuff
that
we
show
in
a
page,
it's
really
small.
C
Only
one
of
them
has
value,
because
if
you
looks
okay,
asya
I've
added
depending
on
the
state,
if
we
load
the
page,
it
will
have
spinner,
but
otherwise
it
will
be
just
an
empty
div
and
the
same
applies
to
error.
It
will
be
either
error
or
an
empty
div
or
our
list
of
documents
will
be
either
an
empty,
live
or
a
list
of
cards
all
right.
So,
based
on
that,
we
can
just
have
really
simple.
C
B
Thanks
Baltic
sure
and
I'm
just
looking
under
there,
Patrick's
microphone,
Maybelle
I'll
wrap
it
up.
We
there's
no
point
actually
sways
in
the
slides
anymore.
At
this
point,
we're
hitting
the
one
hour
I'm
mark.
Hopefully
you
find
the
new
format.
The
format
suitable
so
absolutely
give
us
feedback
on
the
on
the
format,
but
I
think
actually,
now
that
the
SharePoint
framework
is
crowing,
there
will
be
new
stuff,
actually
released
almost
every
single
week,
one
opinion
boy
and
some
stuff.
B
We
want
to
cover
some
stuff
so
having
a
weekly
call,
which
is
getting
recorded
and
explaining
what's
actually
coming
and
what's
happening,
is
probably
highly
beneficial
and
then
obviously
not
forgetting
about
the
JavaScript
core
library,
which
is
a
great
great
great
community
of
all,
like
Bill,
actually
showed
within
his
section
within
the
demo.
So
only
with
few
lines
of
code
you
were
able
to
get
access
on
a
ship
on
data
you
know
extremely
easily,
but
I
think
that's
it.
In
the
last
verse,
Patrick
from
your
side.