►
Description
Recording of SPFx and JavaScript development in SharePoint Community Call from 10th of May. Topics include updates from SharePoint engineering on SPFx, latest on PnP JS Core, Office 365 CLI and Reusable SPFx controls (due recording failure we though missed some status updates, but all demos are here).
You can download an invite to this bi-weekly call from https://aka.ms/spdev-spfx-call.
A
Hello
and
welcome
to
the
SharePoint
framework
and
JavaScript
special
interest
group
bi-weekly
sync:
it
is
May
10th,
2018,
I'm,
Patrick,
Rodgers
and
I'm
joined
by
all
of
you.
Thank
you
for
joining
us
today
got
another
great
call,
I'm
privately
viewing
up
I'm,
not
the
presenter
one
of
these
days.
I'm
gonna
learn
how
all
this
works.
A
All
right
before
we
get
started
real,
quick
we're
just
going
to
talk
about
what
this
call
is
for
folks,
that
might
be
new
to
the
call
or
new
to
watching
the
videos,
we're
part
of
the
larger
SharePoint
patterns
and
practices
program,
and
we
started.
These
special
interest
group
calls.
So
we
could
have
a
little
bit
tighter,
more
focused
conversation
around
different
areas
of
interest.
A
Two
links
down
there
at
the
bottom,
aka,
MSSP,
P
and
P
community-
will
take
you
to
the
Microsoft
tech
community,
section
or
area
for
SharePoint.
That
is
a
great
place
to
ask
general
SharePoint
development
questions,
whether
those
questions
are
about
SharePoint
framework
or
about
more
classic
development
patterns
or
really
just
how
would
you
design
or
I
have
this
problem
in
trying
to
solve
what
are
some
good
approaches?
I
could
take
so
those
kind
of
general
development
questions
are
really
great
for
the
tech
community
there
and
then
see.
Somebody
says
no
audio.
Can
folks
hear
me.
A
I
just
want
to
double
check
it,
yep
great
and
then
the
second
link
there,
aka
MSSP,
dev
Doc's,
will
take
you
to
the
developer
documentation
for
all
things
SharePoint.
So
again,
if
you
wanted,
if
you're
just
getting
started
with
SharePoint
framework
and
want
to
get
spun
up
on
that,
there's
great
tutorials,
starting
from
hello
world
all
the
way
through
to
some
of
them
were
at
it's
stuff,
as
well
as
the
documentation
around
added
development
of
classic
SharePoint
development,
by
which
I
mean
like
the
solution
packages
and
so
forth.
A
All
of
our
development
documents
for
SharePoint
are
moving
to
that
link,
so
do
check
that
stuff
out
and
again,
if
you're
looking
to
get
started
a
SharePoint
framework
which
I
highly
recommend
you're
gonna,
see
a
lot
of
the
Microsoft
development
patterns.
Moving
towards
the
way
SharePoint
frame
is
doing
things
so
maybe
not
necessarily
exactly
the
same,
but
those
ideas
of
client-side
development,
yeoman
generator
and
things
like
that.
A
That's
gonna,
be
time
well
spent
to
learn
those
topics
if
you
are
a
developer
for
SharePoint
or
a
developer
for
just
Microsoft
365
in
general,
our
agenda
for
today,
engineering
update
on
SharePoint
framework
we'll
have
a
quick
update
on
the
client-side
libraries.
We've
got
updates
on
the
CLI,
as
well
as
the
reusable
client
controls,
and
then
we've
got
two
demos
today,
one
from
Hugo
on
a
student
budget
planning
tool.
So
this
is
a
kind
of
a
whole
application
really
showing
off
a
lot
of
different
stuff.
A
It's
very
cool
look
forward
to
seeing
that
and
then
base
is
gonna,
give
us
a
little
rundown
on
some
build
announcements
and
as
well
as
demos
of
the
stuff
in
those
announcements,
and
you
saw
a
little
bit
of
that
teased
on
the
monthly
call.
Tuesday
I
think
it
was
Tuesday,
and
then
we've
got
some
QA
and
open
discussion,
possibly
at
the
end
and
before
we
get
to
all
that,
I
do
want
to
talk
about
some
opportunities
to
contribute.
A
So
if
you're
interested
in
being
a
little
more
active
and
patterns
and
practices
in
general
or
around
the
client-side
development
side
of
things,
the
way
to
do
it
is
just
to
start
doing
it
honestly
demo
something
on
this
call.
So
you
could
demo
a
SharePoint
framework
solution,
demo,
an
app
P
and
P,
or
a
PM
pjs
in
a
project
or
both
of
those
things
together.
You
can
demo,
of
course,
anything
client-side
related
in
SharePoint,
so
maybe
you're
doing
some
stuff
outside
of
SharePoint
framework
course.
We
encourage
you
to
use
SharePoint
framework,
but
no
requirement.
A
You
can
also
contribute
on
github,
so
you
can
contribute
by
submitting
a
pull
request
to
fix
an
issue
or
a
documentation
bug
you
know,
I
got,
there's
a
pull
request
the
other
day
to
fix
a
spelling
error,
love
it
I,
really
appreciate
it.
I
mean
it
seems
small,
but
it's
a
big
help.
Obviously
I
missed
it.
My
spelling
is
terrible,
but
every
little
thing
helps
make
us
better
all
better
as
a
community
together.
So
very
much
appreciate
every
contribution
we
get
and
then
as
well.
A
Excuse
me:
if
you
find
issues,
please
do
report
those
to
the
issues
list.
If
there
are
a
P
and
pjs
issues
out,
go
to
the
PM
PJs
issue
list
and
if
it's
a
SharePoint
framework
issue
that
would
go
to
the
SP
dev
Docs
issue
list
on
github,
so
SharePoint
SP,
dev
Docs
will
get
you
that
issues
list,
and
we
really
do
appreciate
all
those
issues
that
you
get
reported
and
we
try
and
fix
those
or
address
those
just
as
quickly
as
we
can
we're.
A
Also
gonna
really
look
forward
to
any
feedback
that
you
have
about
the
work
we're
doing
either.
These
calls
sharepoint
patterns
and
practices
all
up
the
specific
libraries,
whether
we
could
have
different
samples,
more
samples,
enhanced
samples,
better
guidance,
documentation.
All
that
kind
of
feedback
is
really
fantastic
and
we
very
much
appreciate
it.
B
Thank
you,
Thank
You,
Patrick,
so
EDSA
Microsoft
built
week.
We
had
a
awesome
three
days
in
the
Seattle
conventions
and
probably
if
you're,
a
SharePoint
guy
on
I've
been
following.
What's
happening,
probably
seen
that
there
haven't
been
humans,
amount
of
external
communications
on
the
SharePoint
development
topics,
that's
one
of
the
reasons
for
that
one
is
that
a
species
coming
pretty
soon,
but
on
the
other
hand,
we
also
announced
stuff
in
the
Tuesday's
session.
B
So
I
had
a
session
on
Tuesday
afternoon
where
we
announced
new
stuff
so
I'm
going
to
demo
those
after
Hugo's
demo
today,
but
I'm
gonna
mention
some
of
the
roadmap
stuff
as
we
move
along
within
a
slide
before
that.
I
just
want
to
make
sure
that
Hugo
has
his
opportunity
to
do
the
demo
properly,
because
I
tend
to
take
too
much
time
anyway,
then
everybody
knows
that
then
that's
fine,
so
a
few
things
on
their
own
shape
and
frameworks.
I'd
like
covered
already
SP
dead
ducks.
B
Please
basically
about
first
of
all-
and
this
is
the
official
documentation,
location
I
promise
to
mention
this
one
in
every
single
community
called
after
having
so,
if
you're,
looking
into
any
guidance
tutorials
everything
else,
it
is
take
a
MSSP
dev
docks
and
from
there
you
can
find
community
details,
you
can
find
our
open-source
details,
you
can
find
SP
FX
details
and
all
of
the
other
documentation.
What
is
available
MSDN
will
be
shut
down
by
end
of
June,
which
is
slightly
horrifying.
B
Considering
that
Emma
stand
is
Emma,
stand
on
the
doorstep,
microsoft.com
platform
is
taking
over
and
you
are
able
to
contribute
on
these
things
as
well
now
issue
list
to
the
Ghostlight
also
from
this
community
call.
So
if
you
run
into
any
development
issues,
API
issues
it
not
just
only
for
shipment
framework
issues,
ASP
dev
dogs,
sorry
SP
dev
issues,
and
that
will
redirect
you
to
issue
list
in
the
SP
Deb's
issue
list
report
an
issue
there.
B
Now,
if
you
do
have
a
premier
support,
some
of
you
are
potentially
working
for
enterprise
customers
and
they
might
have
a
premium
support
contract.
Technically.
That
is
still
to
grip.
A
preferred
way
of
opening
up
any
critical
issues
absolutely,
and
this
is
mainly
for
making
sure
that
if
you
run
into
a
critical
issue-
and
it
seems
to
be
you
can't
get
that
solved-
you
can
use
this
issue
list
together
with
the
community,
but
also
we
in
engineering,
which
we
asked
is
typically
two
to
three
times
times
in
a
week.
B
So
if
there's
any
actual
issues
in
SPL
fix
and
we
actually
solved
them,
is
there
questions
which
you
can
actually
answer
immediately?
We
help
on
that
as
well.
This
week
has
been
slightly
an
exception
on
that,
because
personally,
at
least
in
quite
busy
with
built
and
broadcast
recordings
in
builds
and
sessions
and
workshops,
and
all
that
stuff,
so
we'll
get
back
on
track
on
on
the
issue
as
pretty
soon
and
I
absolutely
agree
on
thoughts.
Comment,
never
would
have
seen
a
day
where
MSD
and
disappeared
that's
slightly
horrifying,
but
it
is
what
it
is.
B
B
The
engineering
manager
behind
of
Japan
framework
does
me,
there's
some
Squires
and
Bert
and
Luca,
explaining
to
our
vision,
related
on
on
SharePoint
framework
and
architectural
thinking.
Now
we
understand
that
this
is
a
complete
miss
that
we
are
overlapping
with
AC,
because
in
a
best-case
scenario
we
would
be
actually
absolutely
working
together
and-
and
that
is
our
attention
in
the
future,
but
in
future
will
get
fixed
for
this
time
and
you
can
choose.
If
you
are
more
an
architect,
you
don't
want
to
be
hand
so
on
dirty
on
code
level.
B
Potentially
this
is
what
you
want
to
do,
but
then,
if
you
want
to
get
your
hands
dirty
in
the
react
code
level
code
level,
then
the
Aces
training
is
absolutely
right.
There
place
to
be
as
well
anyway,
we
always
work
together,
and
so
we
are
promoting
stuff
together
with
AC
and
boitano's
crossed,
because
it's
a
win-win
for
everybody,
so
anyway
and
code
isn't
dirty.
Yes,
that's
fair,
my
I'm,
not
a
native
english-speaking
person,
so
I
do
apologize
for
a
strange
statement
and
it
cool
on
the
growth
of
SharePoint
framework.
B
So
this
one
I
updated
to
slightly
so
I
included
also
to
use
it's
pertinent
growth,
and
this
is
a
charts
from
last
September
until
the
it's
this
Tuesday.
This
actually
last
for
this
is
Sunday
until
Sunday
this
week
previous
week
or
this
week,
depending
on
the
country.
Now
this
is
only
for
third-party
customization,
so
only
for
third-party
web
partnership
and
framework
and
their
use
its
growth
in
SharePoint
Online.
So
I
can
easily
see
that
we
have
now
pretty
much
multi
farm
x
5
to
use
it's
since
September,
which
is
pretty
cool.
B
I,
can't
give
you
an
exact
number,
most
likely
we'll
give
some
numbers
potential
in
SPC
pramana
not
allowed
to
give
you
an
exact
number,
how
many
tenants
and
how
many
users
in
monthly
are
using
SPF
SharePoint
framework,
but
it
is
a
significant
number.
Let's
put
it
this
way,
so
it
is
surprisingly
big
number.
So
if
you're
kind
of
a
wondering
is
this,
the
platform
is
this:
the
technology
or
this
mattress
kind
of
introduce
another
application
development
model
answer:
it's
no
prenup
because
we're
building
SharePoint
Online
the
modern
sharepoint
online,
using
SharePoint
framework
as
well.
B
B
No
some
roadmap
da
thinks,
and
then
let's
have
Hugo's
demo
on
the
SPF,
expect
part
and
then
go
back
on
having
some
of
these
announcements
from
builds
and
see
them
live
in
a
live
demo
and
we
can
I
can
answer
on
the
questions
of
those
as
we
move
along
within
the
dinner.
So
this
is
now
to
update
at
roadmap,
which
we
announced
in
built
in
Tuesday
afternoon.
Now
it's
Thursday,
yes,
and
it's
also
in
social
media
I,
would
I
think
share
it
that
one
there
as
well
now.
B
What
we
will
be
concentrating
on
can
actually
do
a
marker.
You
can
theoretically
see
what
I'm
drawing
here.
So
let
me
actually
do
this
so
native
craft
access
for
SharePoint
framework.
So
this
one
is,
we
pre
started
to
preview
on
mid-february.
Now
some
of
you
might
have
hoped
and
cross
the
fingers
that
we
will
go
live
to
production
ready
in
SPC.
That
does
not,
however,
happen,
and
we
do
apologize
on
that
one,
but
we
need
to
have
slightly
more
time
on
making
this
bullet
proof
for
the
future.
So
right
now
to
that.
B
Well,
we
can
pretty
much
promise
but
I'm
not
going
to
put
my
head
on
this
one
statement:
the
GA
for
native
craft
access
and
the
a
Web
API.
If
the
quality
api
sector
core
will
happen
by
ignite
now,
not
by
SBC,
we
do
apologize.
That
will
have
an
impact
potentially
on
our
planning.
But
realities
are
that
we
can't
right
now
ship
it
because
we
might
need
to
still
do
some
API
level
changes
and
we
can't
do
those
if
we
go
t8.
So
that's
really
the
reasons
now.
B
The
next
thing:
enterprise
solutions
in
SharePoint
to
Microsoft
teams,
I'm
going
to
do
a
live
demo
and
is
one,
but
basically
what
it
means
is
that
you
in
the
future,
it's
not
available
right
now,
but
in
the
future,
when
you
implement
a
SharePoint
framework
web
part,
it
is
actually
also
attack
in
march
of
themes.
So
you
write
your
stuff
once
and
you
can
actually
surface
the
same
solution
as
a
web
part
in
sharepoint
or
as
a
tab
in
mike's
of
themes.
B
B
If
you're
picking
hosted
on
themes,
if
you're
getting
hosted
on
sharepoint,
you
will
get
to
sharepoint
context,
but
you
have
api
access
on
all
of
this
context
and
it's
a
one
code,
page
code
base
which
will
be
executed
on
both
sides,
and
that
is
absolutely
a
major,
because
this
means
then
this
is
also
showing
you
the
direction
where
we
are
gradually
starting
to
move
in
the
future,
which
is,
let's
consolidate.
Why
is
there
a
completely
different
development
model
for
teams
sharepoint
office
errands,
whatever
planners
bah-bah-bah?
B
How
about
the
introduced?
Office365,
framer
frame
development
framework,
because
obviously
sharepoint
framework
is
not
a
good
name
if
you
use
it
in
teens
as
well,
and
then
we
start
expanding
that
to
usage
and
because
the
tooling
works
we
started
expanding
that
use
across
all
other
platforms.
So
now,
if
you
know
how
to
do
development
in
Japan
framework,
you
know
how
to
do
development
in
themes.
B
You
do
know
how
to
do
development
in
other
services,
potentially
in
the
future
as
well
and
that's
mind,
blowing
now,
enterprise
solutions
in
SharePoint,
the
most
of
teams,
potential
renaming
at
some
point
we'll
see,
and
not
yet
any
official
statements
on
that.
Now
we
get
to
enter
solutions
from
SharePoint
to
be
visible
in
themes,
but
we
actually
do
this
upside
down
as
well.
B
So
in
the
team
side
we
have
actually,
we
have
actually
is
V
solutions
which
are
not
available
in
SharePoint,
so
we
actually
flipped
the
tunnel
to
upside
down
as
well,
so
PI,
I
ignite
will
absolutely
preview.
This
latest
in
ignite,
we
will
be
able
to
add,
is
vs
is
three
applications
which
are
in
the
tab.
B
Selection
in
themes
as
a
functionalities
in
SharePoint
site,
as
well,
which
is
super
cool,
hope,
I,
have
to
say
on
the
Patrick's
comments
and
and
Kerry's
comment
that
yes
to
Microsoft
365
framework
or
def
frame
or
kind
of
Microsoft
premium,
I,
don't
I,
don't
maybe
will
bundle
office
365
the
office.
You
have
fabric
on
the
underneath
the
same
umbrella,
and
then
we
call
it
something
smart
and
who
knows
now.
Mobile
development
of
SharePoint
framework,
extensions
extensions,
verge
was
actually
what
kind
of
missing
from
there
we're
looking
into
expanding
that
as
well.
B
Let
comment
let
puddin
button
to
a
certain
lists.
All
these
types
in
your
tenant,
you
just
centrally
configured
that
hey
this
button
should
be
available
across
all
of
the
document.
Libraries
in
my
tenon
and
not
snap,
our
fingers
good
to
go,
and
you
can
always
go
and
disable
that
and
you
can
always
go
and
enable
stuff
and
I'll
come
back
on
actually
that
angular
comment
in
a
second,
so
we
get
that
one
tackled
as
well
now
dynamic
data
in
SharePoint
framework
components.
B
This
is
basically
announcements
which
we
did
to
this
year
in
the
built
was
actually
the
same
announcement
pretty
much
as
we
did
last
year
in
built
with
this
kind
of
awkward,
because
last
year,
in
bills
we
said
now.
The
web
word
connects
to
web
part
to
webpart
connections
will
be
available
and
we
never
shipped
it
so
I
do
apologize
them.
That's
a
mistake,
but
dynamic
data
is
basically
SharePoint
framework
components,
two
components,
connections
and
it's
no
longer
limited
on
web
part,
and
it's
no
longer
limited
on
components
to
components.
B
So
you
can
actually
have
a
extension
which
is
dependent
on
the
scope
of
debates
or
of
a
list
and
what
I
mean
with
that.
One
is
that
you
can
use
the
dynamic
data
platform
to
get
access
on
the
context
of
a
list
item
as
an
example
or
a
list,
and
then
your
extension
or
a
web
part
can
start
behaving
differently
or
you
can
have
a
connection
to
other
web
part
and
then
the
other
web
parts
based
on
selections
of
other
web
part
you're.
The
second
web
part
will
then
change.
B
This
behavior
or
extension
will
change
its
behavior.
So
that's
why
we
call
it
dynamic
data
rather
than
web
part
webpart
connections,
because
it's
not
just
web
part
webpart
connections,
cool
replacement
and
MSDN
is
doctored.
Microsoft.Com
now
ship
on
framework
ship,
one
framework
will
be
in
ship
on
2019,
including
modern
experiences.
So
we
will
fork
or
the
fork
of
sharepoint
online
has
happened
pretty
recently
a
while
back
and
we
eat
the
sharepoint.
2019
will
support
that
sharepoint
framework
version,
which
was
included
within
the
fork.
B
So
we
will
be
releasing
sharepoint
framework
1.5
sooner
or
later,
that's
is
targeted
for
sharepoint
online,
so
the
sharepoint,
whether
sharepoint
server
20:19,
will
support,
and
so
it
seems,
I
can't
confirm
that
right.
Wait
right
now.
One
point
four
point:
one
version
which
is
a
crate,
because
that
means
that
you
can
actually
use
the
same
extensions
same
webparts
and
all
of
that
in
on-premises
in
shape
and
2019
whenever
we
ship
that
to
be
available,
timeline
for
getting
SharePoint
2019
out
for
paid
off
will
be
announced
in
the
SPC
within
a
one
and
half
week.
B
So
I
can't
share
any
dates
at
this
point,
which
is
pretty
understandable.
Now
there
was
a
good
question,
could
comment
on
the
iron
shot
just
a
lot
of
chatting
here,
which
is
brilliant
and
but
I
want
to
actually
jump
on
the
angular
question.
When
will
SharePoint
for
a
framework
support
angular,
it
actually
has
supported
angular
from
day
one.
So
it's
not
a
bad
shape
on
framework
supporting
angular
or
not.
The
difference
is
that
we
haven't
had
a
yeoman
template
default.
Scaffolding
included
in
the
yeoman
templating
you
just
as
well.
B
You've
been
able
to
create
a
node
JavaScript
framework
from
the
yeoman
template
sent
and
include
angular
or
angular
elements
now
or
angular,
6.0
or
angularjs.
Inside
of
to
your
solution,
absolutely
support
it
from
day
one
now
we
do
have
even
some
documentation
on
that
area.
So
the
whole
point
is
that
if
we
want
to
have
angular
elements
as
a
selection
in
a
yeoman
template,
that's
a
different
discussion
and
we're
looking
into
making
that
happen.
B
Some
of
you
might
know-
and
we've
been
pretty
open
on
this
one-
we've
been
having
meetings
with
angular
elements,
teams
and
angular
development
team
pretty
frequently-
and
yes,
it
is
Microsoft
meeting
I
Google,
which
is
pretty
mind-blowing
as
well,
so
we
drop
Walmart
and
other
guys
talking
about
when
they
will
be
releasing
their
stuff
and
how
we
will
be
integrating
that
to
SharePoint
framework.
And
how
do
we
actually
get
that
guidance
available
now?
B
Our
current
plan
of
a
trick
or
record
is
that
we
have
certain,
let's
say
box
in
our
current
yeoman
template
structure,
which
we
need
to
get
solved
immediately
when
those
are
solved
and
there's
a
there.
There
is
a
high-level
schedule
which
I
can
share
for
that
one
right
now
and
it
when
immediately
when
those
are
getting
solved,
we
can
actually
introduce
an
open
source
extension
on
top
of
the
out-of-the-box
element.
Templates.
Do
reasons
are
another.
B
Yes,
the
quality
part
still
is
there,
but
there
are
hundreds
of
people
who
can
potentially
participate
or
making
sure
that
the
quality
part
of
that
open
source
solution
is
available
and
we're
so
we're
looking
into
making
this
happen
and
starting
to
move
using
this
kind
of
a
thinking
for
with
in
upcoming
weeks,
a
month,
I'm
crossing
fingers
that
we
get
that
certain
certain
blocks
fixed
in
the
artist
box
templates
VFX,
and
we
can
actually
unblock
that.
The
whole
thing
cool.
B
And
we
obviously
instant
will
have
the
the
black
box
in
the
middle,
but
we
can
easily
also
document
the
black
box
in
the
middle
and
you
will
get
the
elements
and
trust
me.
If
you
ask
me
anything
around
the
black
box,
guess
what
I
have
access
to
a
source
code
because
I'm
an
engineering
and
we
can
help
you
on
the
questions.
B
So
whenever,
whenever
we
start
this
journey
of
an
extension
extension
on
top
of
Tartu
box,
yeoman
templates,
we
will
make
sure
that
you
know
how
that
will
work
and
will
absolutely
help
the
community
on
making
this
happening
for
the
future.
So,
okay,
good
and
potentially-
and
hopefully
it's
a
let's
work-
that,
together
with
a
community,
not
competing
solutions
and
libraries
and
generator
and.
C
A
little
bit
of
background
behind
this
you
know:
I
met
with
a
friend
while
ago,
just
I
offered
visa
to
present
this,
and
he
was
saying,
oh,
you
know
I'm
looking
into
the
SPF
X,
but
doesn't
look
like
it's
ready
for
for
primetime.
You
know,
I,
don't
know
if
I'm
ready
to
to
put
it
in
production.
We
actually
have
put
SPF
X
in
production
with
a
large
College
here
in
Canada,
where
you
have
over
20,000
students
using
connecting
to
a
student
portal,
and
everything
in
the
student
portal
is
built
using
SPF
X.
C
C
The
I'll
start
by
demoing
the
solution
and
I'll
show
behind
the
scenes
how
we
built
this.
So
this
is
a
budget
tool
that
allows
the
students
to
actually
go
in
and
edit
their
budget,
and
one
thing
that
we
wanted
to
do
is
we
wanted
to
allow
students
to
actually
do
this
in
a
mobile
way?
In
a
you
know,
responsive
way,
but
also
an
accessible
way,
because
we
absolutely
have
to
consider
accessibility
for
our
students
and
the
problem
that
we
had
when
we
started
this.
Is
we
really
couldn't
find.
C
Of
his
UI
fabric-
and
we
really
wanted
people
to
look
at
every
component
that
we
built
and
to
not
be
able
to
tell
whether
it
was
actually
out
of
the
box
in
SharePoint
or
whether
it
was
it
was
actually
custom
built.
So
we
started
looking
at
okay.
How
are
we
going
to
build
a
solution
that
allows
the
students
so
to
do
to
do
rich
tax,
edit
or
not
rich
text
but
rich
editing
of
a
spreadsheet?
C
C
C
If
we
look
at
the
code,
the
one
thing
that
I
want
to
show
is
that,
like
any,
you
know,
well-behaved
react
developer,
we're
supposed
to
be
two
separate
things
into
individual
components,
and
each
component
is
really
responsible
for
doing
one
thing.
So
I
have
my
donut
chart
my
line
chart
my
spark
line
and
then
I
have
things
like
in
an
individual
editable
cell
number
cell,
which
only
allows
the
students
to
enter
numbers
as
well
as
rows
and
tables,
and
things
like
that
now,
the
problem
is
what
happens
when
you?
C
You
have
components
like
this
that
all
put
together.
So
if
you
think
about,
for
example,
an
editable
table
consists
of
one
or
more
edible
rows
and
each
editable
row
consists
of
one
or
more
editable
cell
some
cells
that
are
numbered
cells.
Some
cells,
that
are
you,
know,
regular
cells
for
the
text
and
the
challenge
with
when
you
start
breaking
your
components
into
individual
components
like
that
is
the
amount
of
stuff
that
you
have
to
pass
back
and
forth.
C
If
you,
if
you
think
of
it,
if
you're
trying
to
design
something
that
you
know,
you
want
each
component
to
have
very
little
concept
of
you
know
the
context
of
their
end.
So
how
do
you
do
that?
And
this
is
where
mobic
comes
in
no
I
apologize
like
Vasia
English
is
my
second
language.
I,
don't
know
if
that's
how
you
actually
say
it,
but
when
I
say
MOU,
Beck's
I'm
talking
about
this
thing
here
and
Moe
Beck's
was
actually
built
as
a
it
was
actually
started.
C
The
inspiration
for
it
was
actually
a
spreadsheet.
They
wanted
the
ability
to
create
spreadsheet,
flag
functionality
and
allow
individual
components
to
be
able
to
talk
to
each
other
without
having
to
pass
the
messages
back
and
forth.
You
know,
through
their
parents
or
having
to
copy
all
the
properties
and
all
the
the
props
and
the
state
information
all
that
stuff
back
and
forth
between
the
elements
so
mo
backs
has
concept
of
events
that
modify
states
and
then
the
the
state
changes
actually
create
computed
values,
and
these
computed
values
are
as
you'll
see
in
my
code.
C
Computed
values
are
the
places
where
I
have
all
the
sums,
all
the
totals
for
every
line
item
and
all
the
monthly
totals
and
all
the
grand
totals.
And
then
you
have
reactions
so
things
that
you
can
do
at
every
time
that
something
happens.
So
if
I
go
back
to
my
code
and
obviously
this
is
not
a
course
on
the
mo
back
so
and
that's
not
going
to
talk
about
it
too
long.
But
if
you
go
to
my
code,
let
me
just
look
at
an
example
here.
Pretty
much.
C
C
The
you
know,
the
row
knows
that
it's
is
actually
part
of
a
section.
It's
part
of
the
line,
but
really
the
one
secret
here
is
its
passing
around
a
store
and
the
store
is
actually
being
passed,
pretty
much
to
every
every
element
and
there's
actually
a
way
in
webex
that
you
can
automatically
pass
your
store
between
between
elements.
But
that's
the
key
here
in
mobitz
is
that
you
can
create
a
store,
object
or
many
store
objects,
and
the
store
is
responsible
for
kind
of
taking
care
of
distinct
management,
the
calculated
values
and
things
like
that.
C
So
this
is
an
example
here
and
I
don't
want
to
get
in
trouble
here.
I
am
updating
my
my
reference
to
the
PNP
framework.
That's
actually
I'm
going
to
be
doing
that
before
I
submit
this
code
sample,
so
I
have
values
that
are
observable
and
observable.
Values
are
really
things
that
when
I
change
them,
I'm
notifying
the
other
elements
and
in
the
in
the
in
the
app
that
things
got
changed
and
then
I
have
computed
values
and
computed
values
are
things
that
are
automatically
calculated
so,
for
example,
the
label.
C
For
a
month,
the
totals
the
income
totals
and
so
on
and
so
forth.
The
one
thing
I
wanted
to
do
here
with
this
spreadsheet
is
I.
We
didn't
want
anything
to
be
hard-coded
or
anything
to
be.
You
know,
like
you,
know
things
like
starts,
you
know
the
budgets
for
students
usually
starts
in
September,
but
we
wanted
the
ability
to
actually
start
a
different
different
months
and
have
budgets
for
longer
than
12
months,
and
things
like
that.
So
this
this.
Actually,
this
store
handles
things
like
that.
B
C
So
I
have
run
actions
that
automatically
happened
when
relevant
items
in
the
store
change,
so
I
don't
have
to
worry
about
what
items
change
and
what
triggers
are
now
to
run.
I
can
just
tell
it
that
this
is
an
auto
run
and
because
the
computed
values
are
already
defined
and
the
observable
our
values
are
already
defined,
our
run
will
determine
every
every
time
something
changes.
It
will
wait
about
300
milliseconds
for
other
changes
and
it
will
automatically
save
the
budget.
C
Now
when
I
save
the
budget,
one
thing
that
I
did
here
and
I'm
sure
that
some
purists
would
disagree
with
me.
I
actually
built
the
the
logic
for
loading
and
storing
and
creating
new
budget
all
in
the
store.
So
you
know,
I
could
have
probably
separated
the
services
to
saving
and
loading
in
a
different
service
object.
That's
the
way
I
like
to
do
it.
It'll
actually
create
the
budget
automatically,
but
one.
C
If
I
go
behind
the
scene
and
I
show
you
the
site
content
here,
so
my
budgets
in
my
case,
I
it's
design.
It's
obviously
set
up,
so
it
saves
as
the
student
or
as
a
user
of
the
budget
and
again
this
is
a
choice
that
I'm
sure
other
people
would
have
different
opinions.
We
chose
to
save
the
JSON
directly
in
a
data
object.
We
could
have
saved
it
as
an
attachment.
C
We
just
wanted
to
be
able
to
query
directly
the
JSON
and
the
one
thing
I
want
to
do
a
little
tip
here.
If
there's
one
piece
of
advice
that
I
would
give
you
is,
if
you're
building
something
that
has
a
schema
that
will
that
will
be
evolving
over
time,
that
you're
saving
back
and
forth.
Do
yourself
a
favor
and
save
a
schema
version
as
you're
as
you're
doing
it.
So,
if
you
ever
add
new
items
in
your
schema,
like
you
can
just
you
can
just
write
code
to
handle.
Oh
this.
C
This
object
was
saved
in
this
version
of
schema.
So
that
means
at
the
time
they
didn't
have
this
particular.
You
know
this
particular
set
of
information,
or
you
know
whatever.
Whatever
it
is,
you
can
write
the
code
to
handle
these
kinds
of
a
set
exceptions.
Let
me
delete
my
budget
for
a
second
I
know.
I
worked
really
hard
to
put
this
budget
together,
but
let
me
delete
to
the
budget,
so
you
can
see
the
behavior
that
happens
when
a
new
student
comes
in.
C
If
the
demo
gods
are
with
me,
it'll
start
with
something
like
this,
so
this
is
obviously
our
awesome
placeholder
controller.
If
you
click
on
get
started,
it'll
actually
go
behind
the
scene,
and
hopefully
everybody
can
see
this
it'll
go
behind
the
scene.
I'll
get
all
the
list
of
sections
and
line
items
and
I'll
actually
create
a
little
introduction
on
how
to
get
started.
So
I
can
actually
say
next
and
it'll
talk
about
the
various
sections.
C
I
won't
I
won't
spend
too
much
time
on
this,
but
it
walks
the
student
through
or
the
user
through
all
the
sections
and
how
to
use
it.
So
it'll
actually
show
them
the
demonstrations
of
how
to
use
the
menu
and
things
like
that,
and
then
we
get
started
behind
the
scene.
If
you
look
at
what's
automatically
happen
again,
it
went
back
to
one
budget,
it
automatically
saved
the
budget,
so
it
actually
knows
that
I
have,
you
know,
gone
through
the
tutorial.
C
The
line
items
and
all
the
line
items
here
are
configurable
as
well,
so
I
can
say:
okay
in
the
income
section
I'm
going
to
have
these
items
here,
which
is
what
you
should
see
when
you
start
the
the
budget.
So
that's
a
really
quick
overview
of
you
know
what
we've
built
using
SPF,
X
and
mo
backs
I'm
actually
going
to
be
submitting
this
as
a
sample.
C
You
know
solution
in
the
the
SPF
webparts
samples
I
just
have
to
make
a
couple.
Tweaks
one
is
update
the
pin,
P
library
and
the
second
one
is
I'm
using
the
high
charts
chart
here
and
the
high
charts.
When
we
build
a
solution,
you
know
it
was
for
a
not-for-profit
or
in
education
scenario
and
high
charts
is,
is
free
for
non-commercial
use,
but
you
have
to
pay
for
for
commercial
use,
so
I'm
opening
it
to
the
participants
here.
Do
you
think
it's
worthwhile
for
me
to
change
this?
C
To
use
a
you
know,
chart
tool,
that
is
that
you
don't
have
to
pay
for,
or
are
you
okay
with
using
a
chart,
cool
that
didn't
have
to
pay
for
and
yes,
I
will
actually
have
at
my
tahoe
ninja
blog?
There
will
be
a
full
tutorial
on
how
to
build
this
and,
if
you've
ever
read
my
blogs
I
have
can't
see
to
go
on
and
on
because
I
don't
ever
assume
that
people
know
anything
yeah.
B
So
on
this
one?
Actually,
so,
if
you
could
so,
we
did
have
a
interesting
scenario
related
on
text
box,
I/o,
which
had
exactly
the
same
licensing
and
they
then
apparently
didn't
like
the
fact
that
we
had
a
community
sample
on
using
their
library,
even
though
it
was
not
for
commercial
use,
because
it's
communal
sample,
so
they
we
needed
to
pull
all
of
the
samples
from
ktf
related
on
text
box.
Are
you
so
just
for
the
sake
of
it?
I
think
it's
better
to
be
careful
and
use
whatever
MIT
a
licensed
starfish,
but
if
possible,
okay,.
C
So
I'll
make
those
changes.
I
will
upload
them
to
the
or
do
pull
request.
I
have
another
sample,
that's
coming
up
too,
which
is
using
the
you
know:
RSS
feeds,
I,
Cal's,
WordPress
and
any
type
of
calendar
feeds,
and
it
actually
renders
it
an
account,
or
that
looks
exactly
like
the
Lee
of
the
Box
SharePoint
calendar.
So
that's
coming
up
soon,
too
cool.
B
Thank
you,
I'm,
actually,
stealing
or
sharing,
because
I
want
to
do
two
quick
demos.
So
we
get
these
ones
recorded
as
well,
because
I
promise
to
quickly
show
this
in
the
roadmap
slide
as
well,
but
I
think
it's
thank
you.
Hookah,
that's
absolutely
brilliant
stuff
and
somebody
was
asking:
will
the
the
guidelines
a
library
sample,
be
included
in
the
sample?
So
how
do
you
show
the
guidance
for
the
end
users.
B
B
Technically
so
we
do
have
a
also
SPF
solutions
where
we
actually
have
more,
let's
say,
fine-tune,
end-to-end
solutions,
so
this
could
actually
fall
on
that
category
as
well,
but
we
can
have
that
discussion
offline
where
what
is
to
patients
in
the
store
and
at
this
sample,
but
how
quickly?
Because
of
conscious
about
the
time
we
will
go
slightly
on
top
of
the
time,
but
I
want
to
show
two
demos,
and
then
we
can
close
up
the
webcast
for
now.
Thank
you.
Thank
you.
Go
excellent!
So
now
two
things
what
I
wanted
to
quickly
show.
B
So
one
thing
which
is
super
cool
is
the
Tanakh.
Why
destinations
so
quickly
explaining
this
110
Ocwen
extensions
is
a
way
to
push
your
extensions
across
the
tenant
automatically
from
a
centralized
location.
The
centralized
location
is
the
app
catalog
and
inside
of
your
SP
PKG
file.
You
can
actually
get
this
done
automatically
what
I'm
doing
now
manually,
so
I'm
actually
there's
a
list
which
is
down
for
an
extension.
B
No
extensions,
visible,
no
headers,
no
footers,
we're
all
clear.
So
now
the
tenon
file,
extensions
means
that
you
as
a
developer
or
as
a
tenant
owner,
and
you
can
actually
configure
your
extensions
to
be
available
across
to
China
so
I'm,
going
to
add
a
new
item
on
this
list
and
I'm
gonna
copy
some
information
from
a
different
location.
So,
basically
I'm
adding
here
my
footer
I'm,
adding
a
component
ID
I'm
gonna
zoom
in
in
a
second
I'm,
also
adding
a
configuration
for
that,
and
this
convey
at
this
ID
sorry
for
this
extension.
B
So
there's
a
a
dynamic
configuration
for
this
extension.
Then
we
need
to
also
remember
to
put
the
location
for
the
user
custom
action.
So
I
can
actually
do
that
as
well.
We
could
also
do
the
sequence
and
I'm
gonna
zoom
in
so
you
can
more
easily
see
what
we
actually
did
here.
So
Title
I
is
just
a
title.
That's
not
actually
that
interesting.
The
component
ID
is
the
manifest
ID
of
the
extensions
which
we
will
light
up.
B
So
if
I
now
go
to
the
curbside,
if
we
do
refresh,
we
added
a
one
extension
here,
which
is
part
of
an
and
really
cool,
end
to
end
portal
sample,
which
will
be
announced
in
in
SPC,
and
where
is
actually
my
repo?
Where
is
my
sample?
Don't
fail
on
me?
No
want
to
treat
yes
there
we
go
so
in
here.
You
can
actually
see
that
if
I
zoom
down
there's
a
footer
with
contacts,
vehicle
policy
is
and
tools.
I.
Please
do
remember
to
meet
yourself,
there's
quite
a
lot
of
fun
on
the
south.
B
I
don't
know
who
it
is,
and
you
can
actually
see
this
as
a
company-wide
links
which
are
then
visible
for
all
of
the
people
within
a
company.
Now
what
this
extension
also
does
in
this
will
be
an
open
sourced
example,
which
you
will
get
to
use
in
the
pretty
soon
I
can
actually
go
edit.
My
links
and
I
can
add
my
links
here.
B
So
let's
call
this
my
search
tool
and
my
favorite
search
tool
is
oversleeping,
so
adding
that
one
in
and
it
set
another
one,
my
important
site
and
add
that
one
to
do
my
links
as
well
as
deliver
the
microsoft.com.
This
is
using
SPF
x,
reusable
controls,
so
the
stuff,
what
is
being
released
from
a
PMP
sign,
because
we
use
report
controls
in
the
content
adding
those
thing.
This
is
reusable
controls
in
here.
B
If
I
save
this
one,
we
can
actually
see
that
my
links
were
saved
a
message,
and
then
we
see
a
new
item
in
here,
which
is
called
my
links.
So
now,
if
I
drop
in
here,
we
can
actually
see
those
personalized
things
and
what's
really
cool
about
the
ten
applied
appointment.
Is
that
because
we
configured
this
footer
to
be
available
across
the
tenant,
I
can
go
to
an
any
site
within
this
tenant
and
because
there
was
no
filtering
I'll,
just
refresh
and
magically
that
the
same
extension
is
is
getting
rendered.
B
We
can
see
the
company
wide
links
with
tools
and
also
my
links,
which
were
the
ones
which
were
actually
which
I
just
created
a
fly
for
this
particular
footer
and
that's
actually
pretty
cool,
isn't
it
woohoo
now
the
second
thing
and
I
do
know
an
apologize
beats
likely
run
out
of
time,
but
all
cute,
which
I
wanted
to
quickly
show
is
the
SPF
X
components
or
a
web
part
as
a
tab
in
side
of
the
themes.
So
here
we
have
a
web
part
in
a
SharePoint
site.
So
this
is
a
web
part.
B
Basically,
it's
a
you
might
think
this
I
say
I
have
a
custom
application,
but
it
has
two
different
ways
of
surfacing
that
surfacing
that
in
the
office
resist
five
one
way
so
phasing
this
a
custom
application
which
in
this
case
shows
documents
from
a
list.
Is
this
webpart
way
of
exposing
this
Ellucian?
B
And
I
can
filter
and
there's
no
a
configuration
for
the
web
part
which
is
which
I
can
then
modify
now
the
same
web
part
because
it
has
been
deployed
to
the
SPD
to
the
App
Catalog
in
the
tenon,
and
it
is
enabled
to
be
also
exposed
as
a
tab
in
the
Mike's
of
teams.
You
are
able
to
then
get
the
same
web
part
available
in
your
team
side.
So
if
I
go
to
a
tab,
selection
on
the
manifest
file,
I
can
actually
see
my
legal
matter
first
and
in
here.
B
So
I
can
click
the
legal
matters
and
install
that
application
to
a
team.
Stop
because
it
had
custom
configurations
there
we
go.
We
can
actually
also
configure
those
settings
in
the
same
way
as
a
web
part
convert
web
part
property
pane.
You
can
configure
this
most
likely.
This
looks
slightly
different
when
we
will
ship
this,
but
this
is
the
current
setup
for
configuring.
The
solution
apply,
save
and
voila.
B
We
have
added
our
application,
which
is
being
surfaced
as
a
as
a
tap
to
the
Mercs
of
themes,
and
it
is
exactly
the
same
codebase
exactly
the
same
functionality.
It
is
automatically
holster
from
SharePoint
because
we
are
using
the
asset,
packaging
and
office.
365
CD
ends
if
you
want
and
all
of
that
automatically.
So
you
don't
need
to
worry
about
where
the
JavaScript
files
are
getting
hosted,
where
the
other
stuff
is
getting
Hausner
and
that's
super
super
cool.
B
No
doubt
that
was
really
super
fast
and
I
do
apologize
or
from
a
timing,
perspective,
I'm,
probably
missing.
Quite
a
few
questions
at
this
point,
I,
let's
flip
back
on
the
slides
I,
will
see.
If
there's
any
urgent
questions,
we
will
keep
on
answering
all
of
these
questions
in
the
follow-up
unity
course
as
well.
B
There
is
a
build
video
on
channel
9,
where
I
more
detailed
actually
explained
how
things
actually
work
and
also
explain
these
things.
There
is
a
I
think
that
that
one
has
like
five
different
demos
concerning
things
good,
just
quickly
scanning
true,
no
urgent,
urgent
questions
on
this
one.
So
have
a
look
on
more
detail.
Demos
from
the
channel,
9
Lync
I
wasn't
actually
aware
that
the
build
session
already
went
live
so
good
to
know.
That's
thank
you,
Leo,
for
sharing
that
one
I
think
we
went
five
minutes
over
the
time.
B
We
do
apologize
with
trying
to
get
this
more
aligned
and
more
scoped.
It
is
also
on
me
not
talk
too
much
on
this
course
on
Hugo's
case.
Thank
you
who
go
for
excellent
demo,
absolutely
brilliant
demo,
absolutely
brilliant
implementation
on
SPF
X,
and
you
will
hear
more
around
all
of
the
SharePoint
built
announcements
in
SPC,
we'll
have
a
blog
post
coming
out
on
SharePoint
dev
announcements
from
built
today,
which
will
walk
through
some
of
this
stuff
as
well.
B
If
there
is
no
ETA
for
the
release,
but
it
is
coming
relatively
soon,
so
some
of
the
stuff
is
coming
out
relatively
soon,
but
we
can't
give
you
a
date
yet
because
we
don't
know
if
we
need
to
still
delay
the
light
date
slightly
now
excellent,
no
Q&A,
this
time
we
do
apologize.
We
need
to
get
this
sorted
out
for
following
calls,
but
thank
you
everybody
for
joining.
Thank
you
for
your
communic
contributions.
Next
ship
on
framework
JavaScript
meeting
is
on
May
24th.
The
next
general
shape
and
ethic
is
on
following
week.
B
The
May
24th
is
the
week
of
a
sharepoint
conference,
so
we'll
see
how
do
we
deal
with
this
one,
because
I
think
I
will
be
at
least
flying
across
Atlantic
during
the
May
24th,
but
I
think
Patrick
will
be
at
least
viable
if
I'm
not
mistaken,
but
we'll
figure
it
out
and
we'll
have
additional
demos
available
there.
Thank
you
everybody
for
joining.
Thank
you
for
your
super
valuable
contributions
and
feedback.
So
we
know
what
we
have,
what
we
need
to
prioritize
in
the
engineering
and
also
in
open
source
work.
Thank
you.