►
Description
Recording of SPFx and JavaScript development in SharePoint Community Call from 28th of March. Topics include updates from SharePoint engineering on SPFx, latest on PnP JS Core, Office 365 CLI, Reusable SPFx controls and PnP SPFx Yeoman extension.
Detailed covered content from SharePoint Dev Blog at http://aka.ms/spdev-blog.
Demo - Sergei Sergeev (Mastaq) - SP Types Item code extension
Demo - Alex Terentiev (Sharepointalist) – Page Sections Navigation
Demo - Joao Mendes (Create IT) - React-Tree-Organization-Chart
You can download an invite to this bi-weekly call from https://aka.ms/spdev-spfx-call.
A
Hello,
this
is
a
SharePoint
framework
in
JavaScript
special
interest
group
by
weekly
sync.
It
is
March
28
2019
another
month
of
2019
down
just
a
bunch
more
to
go
so
our
agenda
for
today,
engineering
update,
as
always
from
SharePoint
framework.
Then
patterns
and
practices
program
updates
across
our
various
offerings
there
and
then
three
great
demos.
Today,
the
first
from
Sergei
he's
got
a
really
cool
I'll,
call
it
a
tool,
but
an
extension
that
allows
you
to
get
types.
A
Typescript
types
for
SharePoint
items,
very
cool
thing
alex
has
a
really
neat
page
section
navigation
sample
he's
written
there
and
Joe
has
written
a
really
cool
react.
Tree
org,
chart
and
I'm
excited
to
see
that
we've
been
trying
to
get
him
on
the
call
and
and
I've
been
failing
at
scheduling
that
so
excited
to
get
him
on
the
call
and
see
that
demo
later
today,
but
before
we
get
started,
just
real
quick,
do
a
remind
folks.
A
Yes,
we
have
heard
of
Microsoft
teams
and
we
will
switch
over
just
as
soon
as
all
its
capabilities
meet
our
needs
for
meetings,
which
will
be
hopefully
very
soon,
but
we
can't
quite
do
it.
Yet.
Due
to
some
of
the
issues
around
large
presentations
with
divisions
between
presenters
and
attendees
and
then
allowing
different
folks
to
be
able
to
present
the
issue
of
team's
live
events
is
really
that
we
want
to
allow
folks
outside
of
Microsoft
to
be
presenters,
and
last
time
we
checked
that
capability
wasn't
really
there.
A
B
B
A
It
from
the
top
we're
starting
over,
not
really
so,
but
a
lot
of
times
we
get
asked
for
opportunities
to
participate
in
the.
How
do
you
get
more
involved
in
P
&
P
I
want
to
be
more
involved
in
PNP.
How
do
I
do
that?
Well,
we've
got
a
lot
of
ways
to
do
that.
The
the
one
of
the
best
ways,
in
my
opinion,
is
to
do
demos
on
various.
This
call,
of
course,
or
the
other
special
interest
group
call,
or
even
the
monthly
call
and
those
demos
I
think
really
do
a
lot
of
things.
A
We
all
learn
something
from
it.
You
get
to
show
off
the
cool
work
you're
doing
and
we
all
get
to
benefit
from
kind
of
what
you've
learned
about
working
with
either
SharePoint
framework
or
any
of
the
at
PNP
offerings.
So,
of
course
those
demos
can
be
web
parts,
application,
customizers,
provisioning
or
really
anything
else
around.
Those
topics
are
always
great
and
then
any
of
the
PNP
offerings.
If
you
have
demos
around
those,
so
exactly
p.m.
PJs
or
the
CLI
or
the
reasonable
controls
or
the
I'm.
Sorry,
the
community
yeoman
generator
love
to
see
those
demos.
A
Just
please
reach
out
to
vaisseau
or
myself
and
we'll
get
you
scheduled
and
I
do
apologize,
I
guess
a
couple.
People
have
tried
to
reach
out
to
us
and
we've
missed
them
and
if
we've
read,
if
you've
reached
out
once-
and
we
didn't
get
back
to
you-
please
reach
out
again,
it's
not
us
ignoring
you.
It's
probably
just
we've
missed
it
in
the
stream
of
all
the
things
coming
at
us.
So
please,
just
you
know
reach
out
again.
Let
us
remind
us,
you
want
to
do
a
demo
and
we'll
definitely
get
you
scheduled.
A
We
absolutely
want
to
want
to
get
that
done
and
make
that
happen
so
also
as
well.
You
can
contribute
on
github
by
reporting
issues,
submitting
poor
quests
and
helping
with
issues
and
questions
and
then
feedback
across
all
these
things.
How
are
the
calls
going
the
documentation
needs?
Where
can
we
help?
You
know,
let
us
know
places
we
can
have
additional
impact
for
your
development
lives
and
then,
of
course,
positive
feedback
is
okay
too,
and
just
as
a
reminder,
we're
still
kind
of
seeing
this.
This
isn't.
Obviously
everybody,
but
it's
happening
enough.
A
I'm
gonna
keep
mentioning
it
when
you
are
providing
feedback,
even
feedback
around
bugs
and
things
you
found.
Please
keep
it
positive.
Please
keep
it
constructive,
there's
no
point
in
sort
of
yelling
at
us
or
being
mad
at
us
because
we're
all
volunteers
and
we're
all
doing
this
in
our
free
time.
So
you
know
just
try
and
keep
that
positive
understand
that
if
you
find
an
issue,
we
didn't
put
it
there
on
purpose,
we
didn't
put
it
there
just
to
make
you
mad
and
we'll
do
our
best
to
get
it
fixed
as
quickly
as
we
can.
A
B
Let
me
unmute
myself,
so
you
can
hear
me
right:
sister
Paul
checking
yep.
We
got
excellent,
so
most
likely,
there's
gonna
be
an
audio
hiccup.
That
typically
happens
when
I
start
talking
within
two
minutes,
but
let's
see
how
that
goes
and
I'll
be
back
online
in
a
second,
a
few
things
from
the
chaerephon
sharepoint
engineering
side.
So
I
want
to
keep
this
section
perfectly
reproof
today,
because
we
have
three
demos
coming
up
as
well,
but
just
to
remind
us
they
came
assess
the
docks,
the
documentation.
We
are
already
past.
B
1
million
views
during
March
in
the
dev
documentation,
which
is
cool,
so
there's
useful
guidance
over
there
and
something
is
missing.
Please
let
us
know
so
we're
able
to
address
those.
A
chemist
has
made
their
videos
for
the
video
recordings
at
the
community
community
call
recordings
demos
and
all
of
that
stuff,
a
lot
of
stuff
happening
there,
all
the
time
Crossing
10,000
subscribers
relatively
soon,
which
is
really
cool
and
again
SSB
dev
issues
reporting
of
the
issue
lists.
B
So
we
know
that
if
something
isn't
working
so
we
can
actually
fix
that
for
you,
so
good
suggestion
by
the
way
who
go
related
on
being
nice.
Now,
if
you
have
a
few
kind
of
announcements
from
the
engineering
side
of
the
things
they're,
not
technically
from
open
source
side
of
the
things
shape,
one
framework
1.8
came
out
two
weeks
ago
on
Thursday.
So
two
weeks
ago,
within
the
community
core,
we
were
saying:
1.8
comes
out
super
soon,
but
we
didn't
say
when
and
then
two
hours
later
it
was
out.
B
B
What
I
wanted
to
kind
of
a
remind
everybody
because
well,
we
will
keep
on
repeating
this
story.
If
you're
looking
into
having
example,
content
example,
tooling
example,
web
parts
example
site
collections
and
all
stats
before
your
demos
go
to
the
provision.
English
SharePoint,
PMP,
dot-com
and
this
site
is
there
for
you
to
actually
provision
shipment
to
look
book
kind
of
modern
portals.
So
you
have
a
starting
point
for
your
modern
portals,
including
example,
documentation
and
documents.
B
It's
requires
that
you're,
a
tenant
administrator
of
the
tenant
which
are
using
and
applying
these
primitive
lehigh
permissions,
but
especially
if
you
are
using,
for
example,
of
history,
justified
dev
tenants
which
are
free
for
all
of
the
developers
and
you
can
or
if
you
don't,
have
go
and
get
one
and
you're
able
to
fill
up
that
tenant
with
an
example,
cool
or
Ockendon,
using
this
provision
in
the
shape
and
PNP
that
calm
environment.
Now
this
is
in
public
preview.
B
Currently
we're
still
seeing
and
we're
seeing
some
exceptions
here
and
there
and
adjusting
those
few
reminders
on
when
you're
using
this
tool
have
a
locum
pre
requirements
on
the
template.
So
as
an
example,
if
you
are
applying
Chevonne
starter
kit,
there
is
a
pre
requirements
that
application
catalog
exists
and
that
that
means
that
the
tenant,
that
means
isn't
term
store,
administrator,
otherwise
provisioning
will
actually
fail
and
we're
seeing
a
lot
of
people
unable
to
actually
read
the
pre
requirements
and
apply
to
pre-requirements.
B
Currently
so
we'll
work
on
a
better
exception,
handling
more
clear
messages
around
us,
because
we
can
well
you
a
nice
exception
as
its
with
the
with
a
stack
trace
which
might
be
terrifying,
but
it
actually,
the
information
is
inside
there.
What
was
missing
like
half
catalogue
is
missing,
and
that
means
that
we
can't
actually
deploy
custom,
custom,
learning
solution
or
whatever
solution
to
your
tenant.
Now,
but
please,
please,
give
us
feedback
around
this
one
and
we
keep
on
evolving
this
one
in
the
future
as
well.
Few
things
related
on
the
SPF
X.
B
Also
the
usage
is
growing
rapidly
still,
so
we
keep
seeing
actually
growth,
even
in
the
further
faster
growth
on
the
adoption
of
sharepoint
framework,
which
is
really
cool.
The
sharepoint
framework
is
being
used
in
both
modern
sites
and
also
in
classic
site,
so
we're
seeing
use
it's
in
the
modern
Polaris
we're
using
a
SharePoint
framework
use
it's
also
in
the
classic
and
classic
purposing
sites.
B
We
have
two
big
conferences
or
three
different
big
conferences.
Actually,
in
May
we
have
built
a
massive
built
in
Seattle,
then
you
have
sharepoint
conference
in
las
vegas
and
then
a
European
collaboration
summit
in
Wiesbaden
Germany,
which
is
in
Frankfurt.
We
are
looking
into
doing
general
availability
of
the
library
components,
that's
now
in
preview,
which
is
really
cool,
additional
content,
extensions
for
modern
pages,
so
basically
additional,
except
on
framework
extensions
to
be
able
to
overwrite,
let's
say
navigation
notes
or
navigation
elements
or
the
whole
navigation,
and
so
on.
Additional
SharePoint
extensibility
points
cross
office
365.
B
B
A
Quick
updates
on
the
pnp
offerings
practices,
javascript
library,
we
did
release
all
rabbits
running
around.
We
did
release
on
March
21st,
a
sort
of
a
middle
of
the
month
release
to
kind
of
do
a
rollup
fix
for
some
of
the
issues
folks
found
with
the
client-side
page.
Once
we
rewrote
that
block
of
code.
A
Thanks
to
everybody
who
reported
those
issues,
I
appreciate
it,
I
knew
we
wouldn't
get
that
perfect
on
the
first
try,
but
we
got
those
fixes
in
and
we'll
have
there's
actually
a
couple
more
fixes
coming
in
the
one
three
to
release
which
will
be
in
April.
Fifth,
specifically
around
setting
the
banner
image.
I
spent
a
couple
days,
learning
exactly
how
that
all
works.
A
We'll
also
have
increased
graph
coverage
thanks
to
Simon
and
updates
on
a
couple
other
issues
or
updates
from
issues
bugs
and
things
like
that,
and
then
a
few
new
features
sprinkled
in
there
as
well
in
the
April
5th
release,
so
that'll
be
coming
out
very
soon
and
then
as
well.
Lots
of
work
behind
scenes
onto
dotto
I'm
happy
to
report
the
bulk
of
the
rewrite
work
is
done,
and
so
now
we
can
start
peppering
in
some
of
the
enhancements
we've
talked
about.
A
If
you
have
things
you'd
like
to
see
in
to
dotto,
do
please
submit
an
issue
dat
issues
list
you
can
just
mention
in
there.
I
think
this
is
a
road
map
item
we'll
get
it
labeled
up
and
tagged
correctly
and
we'll
have
that
discussion
and
we
are
aiming
to
have
the
release
of
the
2.0
beta
around
collab
summit
time,
European
collaboration
summit,
which
is
the
end
of
May
and
we'll
as
well,
of
course
with
that
have
all
the
demos
and
discussions
and
documentation,
updates
and
so
forth.
A
So
thanks
again
to
everybody,
that's
contributed
whether
those
were
pull,
requests
or
reporting
issues
very
much
appreciated
by
me
and
the
entire
team.
So
thank
you
very
much.
You
can
follow
the
hashtag
PPG
us
on
twitter
and
you
can
follow
me
at
video
core
Buller
on
twitter.
I
don't
tweet
a
ton
of
stuff,
it's
all
generally
PGs
related.
So
that's
a
good
way
to
keep
up-to-date
office365
CLI
updates.
A
We've
got
a
new
version:
115
zero,
with
commands
for
upgrading
the
SharePoint
framework
projects
to
1.8,
which
is
the
latest
SharePoint
framework
release,
as
well
as
managing
the
team's
apps
and
settings,
removing
lists
and
site
columns
and
an
undeclared
record
in
progress.
You
got
a
bunch
of
work,
commands
teams
flow
up
our
apps
and
SharePoint,
and
if
you
need
to
install
it,
there's
the
command
line
there.
So,
if
you
haven't
checked
out
the
CLI,
please
do
it's
a
great
cross-platform
way
to
manage.
A
A
Stuff,
that's
a
very
cool
feature
that
really
can
help
take
your
older
projects
and
update
them
quickly
into
the
latest
and
give
you
the
latest
capabilities
and
features
without
you
having
to
go
through
and
do
all
that
yourself,
so
great,
a
great
tool
for
that
alone
and
then
come
for
that
and
stay
for
all
the
other
great
features
and
abilities
of
the
CLI
library.
You
can
follow
the
hashtag
office.
A
Do
you
have
updates
here,
so
we've
got
new
controls
or
rich
text
controls
special
thanks
to
Hugo
I.
Think
for
writing
that
one
and
adding
that
one
in
the
library
much
appreciated
and
then
upcoming,
work,
processing,
pending
PRS
and
then
continuing
harvesting,
the
first-party
webparts
into
the
open
source
controls
library
and
for
folks
not
familiar
necessarily
with
reusable
controls
and
what
they
are.
There's
two
separate
packages
you
can
use.
The
first
is
property
controls
and
those
property
controls
are
designed
to
work
in
the
Edit
pane
of
your
webparts.
A
So
give
you
nice
things
like
taxonomy
pickers
and
list
pickers
people
pickers
and
then
the
react.
Content
controls
are
designed
to
work
in
the
body
of
your
webparts
and
display
various
things.
So
you've
got
cool
things
like
maps,
graphs,
charts
and
just
body
controls,
styling
controls
things
like
that.
They
can
be
very
helpful.
All
of
these
are
styled
with
the
office
UI
fabrics,
you're
gonna
get
a
great
out-of-the-box,
look
with
very
little
effort
on
your
part.
A
A
A
It
is
using
the
1.8
generator,
so
it's
going
to
be
using
the
latest
SP
FX
generator
as
its
base
and
then
as
well
also
includes
updates
to
the
latest
for
the
PJs,
the
controls,
libraries
and
the
CLI
in
progress,
the
ability
to
select
various
type
script
versions
for
new
projects,
as
well
as
the
mods
realization
of
gulp
file
injections.
So
that
is
a
work
that
is
in
progress.
A
You
can
always
install
the
latest
using
the
command
line
there,
AKMs
PNP
generator
for
the
docs
and
hash
tag,
PEP
SP
FX
on
the
Twitter,
so
getting
in
the
demos
before
we
start
with
the
demos
Sergei.
If
you
want
to
start
taking
over
the
presentation,
I'll
kind
of
talk
for
just
an
extra
second,
all
those
projects
across
the
pnp
offerings
very
happy
to
accept
your
pull
requests
your
issues,
any
feedback
you
might
have
so
on
any
of
those
areas.
A
Do
please
check
us
out
and
happy
to
have
your
help
happy
to
have
your
feedback
and
absolutely,
if
you're,
having
trouble
or
if
you're
stuck.
Please
do
go
ahead
and
report
an
issue
and
all
of
us
across
all
the
projects
absolutely
want
to
hear
from
you.
So
thank
you
to
the
folks
that
have
already
done
so
and
look
forward
to
hearing
from
the
folks
that
may
be
getting
involved
in
the
future.
So
Sergei
I
have
got
a.
It
looks
like
a
completely
black
screen
from
you.
C
Yep
hello,
everyone
now
you've
received
yep
now
I
got
take
it
away.
Sir
yeah.
Okay.
Thank
you
very
much
for
this
opportunity
for
the
demo
yeah
real,
quick
introduction.
So
my
name
is
Sergei
Sergei.
If
I'm
sharing
point
and
o365
developer
and
consultant
office
as
office
development
in
the
peen
yeah
right
and
most
of
the
time,
I
workers
in
the
brethren
conductor.
However,
recently
I
have
started
a
new
brand
and
company
called
elastic,
so
I'm
going
to
develop,
leads
and
in
future
I'm
planning
to
sell
some
Phoenix
for
SharePoint.
C
C
Okay,
I
have
a
website.
It's
inside
kukuku,
Gophers
I
know
probably
they're,
not
so
powerful,
as
warrior
horses
by
Christian,
but
anyway,
I
have
a
list
called
AB
cannon
events
here
and
imagine
that
you
have
a
task
to
to
create
a
web
part
a
porn
framework
web
part
to
show
the
data
from
this
list.
Volcanic
events
and
I
have
prepared
some
basic
math.
C
Perfect
react
to
the
part
and
I've
added
the
code,
which
gets
all
items
from
the
list
using
it's
perfect
slate
away,
using
spirits
required
and
using
integers,
of
course,
and
here
you
see
that
let's
say
I
get
on
the
the
first
one.
The
first
item
and
I
want
to
show
something.
Let's
say
title
and
both
of
examples
have
one
if
you
that
this
item
has
any
type,
so
what
does
it
mean?
It
means
that
my
item
object
has
any
properties.
C
I
can
type
something
like
this
or
I
can
type,
for
example,
if
I
want
to
display,
let
me
actually
start
and
serve
if
I
want
to
display.
Let's
say
venue
right,
I
should
and
I
should
write
venue
like
this,
and
the
issue
here
is
that
we
do
not
have
intelligence
from
this
code.
Didn't
we
do
not
have
built
time
chicken
from
typescript
compiler
and
in
general.
That's
this
pattern,
consider
it
as
bad
practice
for
type
script
development,
and
he
should
avoid
using
any.
C
C
Let's,
first
of
all,
let's
go
ahead
and
install
it.
You
should
search
for
SharePoint
type
item
I,
have
it
installed
already
now,
let's
go
to
save
it,
and
let's
go
to
this
code
settings
the
JSON.
You
should
manage
settings
for
the
extension
and
disconcerting
to
the
JSON
or
in
a
separate
file.
You
have
two
options:
let's
go
ahead
and
add
new
configuration
for
this
extension
under
settings
of
JSON,
so
there
is
an
entry
and
you
have
also
have
an
intelligence
here.
C
You
should
provide
a
few
required
properties
like
site
URL,
so
I'm
going
to
use
my
own
food
go
first
web
site.
You
should
also
provide
an
output
path.
Let's
say:
I
want
to
generate
my
interfaces
and
the
SOC
slash
generated
and
also
I
should
explicitly
specify
which
lists
or
content
types.
I
content
types
are
also
supported,
which
lists,
in
other
words,
for
which
lists
I
want
from
the
faces
to
be
generated.
C
So
in
my
case,
I'm
going
to
generate
an
interface
for
my
connivance
list,
so
I'm
going
to
use
URL
settings
and
list
slash
upcoming
events
like
this
party.
Remember
yep,
and
basically
this
is
it
that's
the
minimal
configuration
you
should
provide
in
order
to
make
it
work
now,
call
your
dress
code,
command
palette
and
5
SharePoint
and
select
generate
interfaces.
If
you're
running
for
the
first
time,
it
will
ask
you
for
for
authentication
details,
you
see
it
supports
and
premises
as
well
I
by
using
a
line
here.
C
So
I
selected,
SharePoint,
Online
I,
select,
let's
use
on
the
notification,
and
let
me
provide
my
authentication
details,
my
client,
ID
and
client
secret
in
just
a
few
select
this
now
in
the
bottom.
You
see
this
flashing
message
saying
that
it
was
generating
interfaces
and
finally,
I
have
I.
Have
this
folder
and
subfolder
and
I
have
a
file
called
upcoming
events,
so
if
I
open
I
see
that
it
generates
it
for
me
all
the
fields
I
have
in
my
my
initial
upcoming
events
list
so
now,
I
can
simply
remove
from
this
one.
C
You
seem
to
face
completely
and
instead
I'm
going
to
use
upcoming
events
right
yeah
right
this
way
and
of
course
you
should
provide
an
import
statement.
Now,
let's
save
and
now,
if
you
type
item
dot,
and
you
see
that
it
shows
you
in
thousands
for
all
the
fields
available,
so
I
can
show
description.
Then
you
have
cetera
et
cetera.
C
If
you
have
a
need
to,
let's
say,
add
a
new
column,
that's
Italian
field
and
call
it.
Let's
say
my
my
input
example
save
it
and,
let's
add
some
actual
URL
here,
for
example,
HTTP
the
URL
and
please
go
here
safe,
so
I've
added
a
new
field,
and
currently
my
upcoming
events,
interface
doesn't
have
this
hood
included.
So
I
should
again
call
the
command
palette
and
select
generate
interfaces
once
again
and
what
okay?
Of
course
there
is
an
error,
the
occlusion
it
happens
if
the
Iranian
go
up
serve,
so
let's
simply
try
it
once
again.
C
C
C
There
are
additional
options
you
can
configure
here,
for
example,
if
you
don't
like
the
sorry,
if
you
don't
like
the
file
name,
you
can
change
it
to,
let's
say
e
pi
common
event.
Click
Save
and
click
generate
interfaces
once
again
and
this
time
and
this
time
it
should
change
change
it
to
PI
upcoming
events.
C
Okay,
yeah,
the
thing
is
your
new
name:
you
should
fix
it
here
and
here
here.
Additionally,
you
can
provide
filters
for
fields.
If
you
don't
want
all
fields
to
be
skewed,
it
included.
Sorry,
you
can
exclude
hidden.
You
can
also
exclude
field
by
internally
like
this
way
so
for
advanced
scenarios.
Please
use
the
extensions
official
web
page
and
that's
it
from
my
side.
Thank
you
very
much
for
watching
awesome.
B
Ooh
there's
a
audio
hiccup
in
Patrick's
side,
so
let's
see
and
boom
boom
boom
PAH.
It
wasn't
me
who
had
to
hit
you
at
this
time.
So,
let's
see
what's
actually
happening,
I
think
anyway.
So
with
yes,
we
didn't
lately
lost
Patrick,
but
we
have
Alex
online.
Thank
you
searching
around
that.
One
crate
Dima
alex
is
next
on
the
line
for
doing
the
demos
and
then
we
move
to
charge
shower
after
that
one.
But
Alex,
can
you
hear
us
and
can
you
unmute
yourself?
Yes,.
D
Yeah
great
yes,
it's
correct,
okay,
so
I'll
be
quick.
I
have
two
slides,
not
one
like
surgery,
but
so
my
demo
will
be
around
page
sections
navigation
that
part
it's
kind
of
the
parts,
not
the
one.
There
are
two
wings,
oh
by
the
way.
Yes,
my
name
is
Alex
20th
I'm
from
SharePoint
Elise
from
Los
Angeles
office
development,
Olivia
India.
We
will
be
speaking
about
page
sections
navigation
today,
so
there
are
two
links
to
this
presentation.
D
The
first
one
is
a
blog
post
where
I
try
to
describe
in
details
how
exactly
it
was
implemented
and
the
second
one
is
actually
the
sample
the
move
web
parts
in
PNP,
a
repository.
So
let's
actually
start
I'll,
show
the
how
it
works
first
and
then
we'll
go
to
the
code.
So
basically
I
have
a
page
on
communication
site,
and
if
you
can
see
here,
we
have
this
beautiful
navigation
with
three
links,
home
events
and
countdown
using
other
webparts.
If
I
click
on
one
of
them,
we
will
be
smoothly
navigated
to
the
section.
D
And
basically,
if
we
go
to
edit
page
here,
we
have
a
few
the
parts.
First
of
all,
the
navigation
itself.
With
the
multiple
properties,
the
first
one,
this
probe
behavior
we
have
like
auto
and
smooth.
If
it's
sorted,
then
we
will
be
like
jumping
to
the
section
for
smooth
one.
It's
a
smooth
stroll.
The
second
one
is
navigation
position.
There
are
two
options
in
here:
the
first
one
is
inside
section,
which
is
selected
right
now.
D
In
that
case,
navigation
is
rendered
in
the
same
section
where
the
web
part
was
added,
but
there
is
another
option
top
of
page
content,
as
you
can
see.
In
that
case,
it
is
rendered
on
top
of
your
page
canvas,
which
is
usually
how
it's
used
unlike
standard
web
sites.
The
third
option
here
is
theme
color
currently
in
github.
D
We
have
only
to
our
themes
like
like
on
dark,
but
in
this
is
from
my
last
PR
I
have
added
theme
color
as
well,
so
if
you
change
colors,
it
will
change
the
backgrounds
and
little
bit
the
colors
of
fonts
as
well.
The
next
one
is
navigation
line,
which
is
pretty
neat
as
well,
so
home
navigation
button
is
like.
D
If
you
don't
want
to
have
ability
to
stroll
back
to
the
top
of
the
page,
you
can
remove
it
and
the
text
for
this
one
you
can
enter
it
here
as
well,
and
also
what
I
have
provided
the
custom
CSS
URL.
Basically,
you
can
reference
some
CSS
file
here
and
overrides
styles
for
the
web
parts,
which
is
pretty
cool.
If
you,
for
example,
want
to
change
the
sighs,
so
font
or
something
else,
you
can
do
it
as
well.
So
this
is
how
I
called
it
like
master
webparts.
D
Also,
we
have
two
others
webparts
that
called
anchors.
One
of
them
is
events
and
countdown,
and
the
second
one
is
news
and
other
webparts.
So
let's
change
one
of
them.
There
is
only
one
option
in
here
if
you
want
to
show
the
anchor
title
in
read
mode,
so
if,
for
example,
I
remove
it
for
now
and
publish
the
page,
you
can
see
that
there
is
no
title
for
this
section,
but
we
still
able
to
navigate
to
it.
But
there
is
no
title
in
here.
D
So,
let's
go
back
also
as
soon
as
I
change
the
title
of
anchor.
As
you
can
see,
it
is
changed
in
my
navigation
as
well,
which
is
pretty
cool
so
how
it
is
implemented.
It
is
implemented
using
dynamic
data
capability
provided
by
SharePoint
framework,
so
here
I
have
two
webparts
page
sections,
navigation,
web
part
and
page
sections
navigation,
anchor
webparts.
So
basically
these
are
two
parts
that
we
are
working
one
on
with
and
they
are
communicating
one
with
each
other.
D
D
So
basically,
we
are
registering
our
methods
on,
and
code
change
for,
any
changes
for
the
anchor
and
basically
in
anchor
change.
The
only
thing
that
we
are
doing
is
rendering
our
navigation,
okay
and
render
render
is
here.
So
we
are
creating
our
navigation
and
what
we
are
doing.
We
have
a
anchors
collection,
which
is
basically
data
sources
and
from
data
sources.
We
are
getting
this
anchor
property
in
anchor
property.
We
have
three
properties
title
to
display
the
name
in
the
navigation,
unique
ID.
D
Just
two
for
internal
usage:
let's
say
to
be
sure
that
we
didn't
add
the
same
anchor
that
has
already
been
added
and
some
element
that
is
actually
used
to
provide
to
use
straw
to
functionality
out
of
the
box
for
functionality
of
dome
model
and
kind
of
Hecky.
Think
about
this
page
navigation
is
that,
as
you
can
see
here,
I
have
some
IDs
of
Dom
elements
and
selectors,
because
basically
to
render
the
navigation
on
top
of
the
canvas,
we
can't
do
that
out
of
the
boat.
So
it
is
kind
of
a
bit
hack.
D
If
you
look
at
console-
and
this
is
one
of
my
selectors-
that
I
have
so
basically
I'm
looking
for
the
scrollable
contents
of
the
page
and
I'm,
adding
the
components
in
it
and
to
add
the
component
to
this
scrollable
Dom
element
I'm
using
react,
don't
create
portal
that
actually
allows
us
to
render
any
element
outside
of
like
natural
Dom
here.
Okay,
so
that's
pretty
it
from
page
section
delegation
in
Ankara
what
I
am
doing
I'm
actually
registered
itself
this
web
part
as
a
data
source.
D
D
Datasource
manager
that
the
property
has
been
changed
so,
for
example,
when
you
are
editing
the
title,
we
are
sending
notify
property
change
event,
and
in
that
case
our
page
section
navigation
can
understand
that
the
title
has
been
changed
and
we
need
to
update
the
rendering.
So
basically
that's
it
here
are
the
links
again
to
interesting
thing
about
this
gem
about
this
sample.
D
The
first
one
is
the
usage
of
dynamic
data
data
capabilities,
not
like
connection
through
dynamic
properties,
but
you
can
communicate
between
web
parts
directly
through
events
like
it
was
an
old-school
SharePoint
and
the
other
thing
which
is
kind
of
shaky,
but
still
yes,
I
am
working
with
modern
page
dome
to
be
able
to
render
this
navigation
correctly.
So
please
feel
free
to
ask
questions
about
that
sense.
Thank
you
for
your
attention
very.
A
E
Thank
you,
hello.
My
name
is
use
Wong
English,
I'm
Portuguese
from
Porto
I'm,
a
senior
consumed
at
create
ite.
This
time
is
about
the
web.
Part
of
the
three
organization
chart
web
part.
This
web
part
is
built
based
the
one
company
component
color,
the
Fiats
portable
TV,
that
is
available
on
on
the
github.
Here
we
have
all
the
information
to
all
information
to
to
build
the
web
part.
E
E
Organization,
well,
let's
start
with
cold
to
explain.
First
I
get
the
user
profile
properties.
I
was
here,
lose
the
tooth.
The
PNP
is
library,
get
properties
for
okay
test.
If
the
piece
to
build
the
organization
company
shark
or
my
team
chart.
If
the
organ
is
a
subset,
I
read
the
extended
manners
of
property.
Here
we
have
all
the
managers
that
support
those
reports:
okay
and
get
users
far
for
that
manager.
E
First
I
get
to
dig
properties
for
the
manager,
okay,
build
the
the
personal
car
properties
test,
if
the
if
he
has
direct
supports
and
if
yes
direct
reports
get
the
dependencies
for
each
dependencies,
you
get
to
the
properties
okay
test.
If
the
dependent
user
has
direct
reports
and
called
again
the
function
get
children.
This
is
a
recursive
function
and
building
tilt
the
chart.
If
the
the
option
is
to
to
build
the
my
organization
chart,
I
get
the
manage
of
the
relevant
user.
E
A
Very
cool,
thank
you
for
that.
I
think
that's
a
great
example
of
using
react
and
using
the
various
libraries
to
get
a
really
cool
slick,
UI
presentation,
so
really
great
stuff,
and
inexplicably
with
three
demos
and
vassal
on
the
call,
we
have
finished
up
a
little
early.
So
we
will
have
time
for
some
Q
and
a
get
back
to
the
slides
here.
B
A
A
B
Think
there's
something
related
on
people
actually
getting
confused
on.
He
said
that
joke
is
it
a
not
joke
and
it's
it
might
be
confusing
for
customers,
so
we're
trying
to
avoid
that
completely
and
considering
cultural
differences
and
the
globalization
and
there's
always
some
people
who
might
not
be
aware
of
the
April
first
answer:
hey
kitty
asparagus
and.
A
D
A
So
I
think
as
a
corporation,
it's
hard
sometimes
distinguish.
You
know
those
jokes
as
jokes
awesome
glad
you
find
I'm
reading
back
up
the
comments.
Thank
you
Tyler
for
the
nice
comment.
There
I'm
glad
you're
finding
some
value
in
these.
We
do
our
best
to
provide
that
so,
hopefully,
you'll
stick
around
and
look
forward
to
you
being
part
of
the
community.
A
A
B
A
Great
yep
awesome
demos,
as
always
thank
you,
Sergey
and
so
I
learned,
I've
been
saying
ciao
because
of
my
horrible
pronunciation
and
I
just
learned
today,
I've
been
butchering
that
so
apologies
there,
so
Alex
Joe
and
Sergey
great
demos
today.
So
thank
you.
If
you
don't
want
to
do
a
demo,
please
of
course
reach
out
to
us
thank
your
scrolling.
So
fast
does
anyone
know
if
the
mega
menu
will
be
coming
to
the
team
sites
ever
can.
C
B
Designed
primarily
for
the
communication
sites
and
from
Johanna,
that's
a
good
question.
I
probably
need
to
double-check
that
I
think
it
might
be
actually
coming
for
coming
our
team
sites
as
well.
I,
don't
see
any
reasons,
but
technically
internally
in
our
SharePoint
engineering,
we
are
divided
in
a
few
different
teams
and
the
communication
sites
team
is
different
than
the
cooperation
team
site.
So
there's
always
like
small
delay,
is
mind
about
pushing
stuff
over
so.
A
B
A
A
big
push
to
get
that's
not
going
to
be
high
on
anybody's
priority
to
have
that
coming
on.
It's
true
because
we're
working
the
other
direction
right
now
anything
can
add
about
the
content
type
hub
from
Ryan
I.
Don't
have
any
updates,
I,
don't
believe!
That's
an
area
we're
investing
heavily
in
if
they're
all
right
now,
so
it
might
be.
What's
there
is,
what's
going
to
be
there
for
the
foreseeable
future
on
a
visa?
If
you
have
any
additional
insights
there,
oh.
B
For
the
content
type
hub,
so
nothing
which
we
can
actually
talk
about
too
much
at
this
point,
so
we
do
have
a
team
in
India
who
is
working
on
a
new
content
management
systems.
We
talked
about
this
one
few
times
and
actually
you
might
have
seen
a
Twitter
tweets
pretty
recently,
because
my
management
change
as
an
example
has
been
now
visiting
the
India
team
this
week,
so
we're
looking
into
making
that
happen
more
efficiently
in
the
future,
but
nothing
which
we
can
talk
about
right
now.
B
A
B
Actually,
it's
not
really
reported
I
would
be
annoyed
time.
It
actually
requests
you
to
create
a
new
issue
and
copy/paste.
The
stack
error
error
error
stack
to
that
rather
than
referencing
something
from
last
October,
because
the
diversions
which
were
using
in
in
the
provisioning
service
is
slightly
different.
So
we
need
to
get
the
stack
stack
trace,
which
you're
getting
as
an
exception,
most
likely.
If
the
office
365,
Learning,
Center
creation,
fails.
B
I
would
first
of
all
try
another
URL,
a
clean
site
collection
to
be
created,
and
then
two
things
ensure
that
you
are
an
administrator
in
the
catalog
or
sorry
alternate
administrator,
nav
catalog
does
exist,
you
have
access
on
that
catalog
and
that
works,
and
then
it
should
actually
work.
But
if
not,
we
need
to
investigate
that
closer.
We
know
for
a
fact
that
it
works
for
maturity
of
the
of
the
tenants,
but
there
are
certain
exceptions:
Johanna.
A
B
It
has
been
discussions
that
it's
coming
and
it's
public
that
it's
coming
there
will
be
a
it
will
be
actually
available
in
the
open.
Let's
say
this:
it's
gonna
be
available
as
a
partial
comment,
let's
starting
tomorrow's
release
of
the
shipment
or
non-power
sure.
But
the
comment
lead
does
not
work
within
your
turn
on
the
yet
so
the
comment
light
will
be
released
tomorrow
as
no
part
of
the
the
latest
release
of
the
sharepoint
online
powershell
commandlets,
and
see
some
out-of-the-box
ism,
including
two
api.
B
But
the
capability
is
not
yet
flighted,
so
it's
gonna
be
enabled
slightly
later
within
a
few
weeks
or
so,
but
capability
is
coming
and
that
what
it
means
is
that
you
do
not
recreate
the
site
in
your
root
of
your
tenant.
We
will
enable
the
needed
features
to
make
that
site
behave
and
look
like
a
communication
site,
even
though
technically
it
is
behind
of
the
same
still
a
classic
theme
sign.
B
A
Gal
from
asking
about
updates
on
socket
IO
for
SP
lists,
I,
don't
believe
anything
we
can
say
right
now,
I'm
a
call,
but
as
Mesa
mentioned,
the
conference
season
is
coming
up,
so
announcements
may
be
coming
on
that
fingers
cross
footers
for
team
sites
that
stuff
that's
from
Chris.
What
about
photos
for
team
sites?
Those
that's
in
the
works
right,
getting
everything
synced
up
so
the
model?
Well,
yes,.
B
So
again,
the
the
footers
are
coming
from
communicate,
communications
like
feature
crew,
and
they
will
be
first
available
in
the
communication
side.
This
is
almost
like
to
make
a
menu
is
coming
from
that
feature
crew
and
then
eventually
they
will
be
leaking
over
on
the
communication
sites.
We
are
also
looking
internally
in
engineering
now
aligning
more
in
on
the
modern
pages,
so
not
getting
that
kind
of
a
difference.
B
B
A
We
don't
like
groups
is
there
command
to
create.
There
should
be
a
command
to
undo.
Ok,
don't
disagree,
but
that's
just
not.
You
know
on
anybody's
priority
list
at
the
point
plan
to
upgrade
PvP
useable
controls,
you
have
fabric
six
I,
don't
know
the
answer.
There
puts
an
issue
in
that
repo
and
Elio
or
any
of
the
other
folks
working
on
that
might
have
some
insights
there
and
that's.
B
That
question,
that
is,
an
interesting
discussion
point
immediately
when
we
start
supporting
than
UI
fabric
six,
which
is
technically
possible,
which,
upon
framework
1.8,
that
would
mean
that
then
the
controls
are
no
longer
reusable
in
SharePoint
2019.
So
right
now
they
are.
So.
If
we
do
the
jump-off
to
the
officer
I
fabric
six,
it
means
that
it
will
actually
reduce
the
surface
where
your
controls
can
be
used,
which,
in
certain
cases,
some
people
might
not
care,
but
it
has
a
pretty
big
impact
on
on
the
community.
So.
A
Marcelle
asking
we
have
more
insight
on
the
content
side
hubs
successor
yeah,
probably
in
the
future,
not
right
now,
quartile,
we
just
don't
have
more
information
right
now,
but
we'll
see
I
mean
absolutely
we're
not
going
to
keep
it
a
secret.
When
we
do
have
more
information
once
we
can
actually
talk
about
it
publicly,
Mars,
Mars,
Mars
and
I
think
we
are
at
the
end
so
awesome.
Thank
you,
everybody
for
joining
the
call.
Thank
you.
They
saw.
Thank
you.
Alex,
Sergei
and
I
feel
bad,
saying
it
now.