Transcript

00:00 hey guys this is Isaiah from your head
00:03 software today we're talking about
00:05 stacks 4 and the 5 new features we've
00:07 added to it this is feature number 5 and
00:10 it's all about externals well it will be
00:14 about externals but let's do a micro
00:17 review of partials first to understand
00:22 externals you need to understand
00:23 partials and partials got added back in
00:27 stacks 3 so let's just take a quick
00:30 review of how a partial works so a
00:35 partial is actually a partial page it's
00:38 a part of your page that you've
00:40 encapsulated into a reusable component
00:44 that way you can use it as many times as
00:47 you want on your page and in fact
00:50 anywhere in your whole document let's
00:54 take a look at how that works I'm gonna
00:57 select this 2 column stack I have it has
01:00 inside of it a markdown stack and an
01:02 image I'll click the partial button and
01:06 I'll give it a name
01:13 and when I click the back button here
01:18 you can see that those three three
01:21 stacks are now encapsulated into a
01:23 single component and that component
01:28 behaves a lot like a regular stack in
01:30 fact it's over here in our Stax library
01:33 under the partials group and there it is
01:36 it's called my partial the name that we
01:38 gave it and if I drag that into my
01:42 layout sure enough I get another copy of
01:45 that partial and that's great because
01:49 websites are built up of a lot of
01:52 repetitive content so we can build that
01:55 content one time and then reuse it all
01:58 over our website better than that we can
02:02 make changes in that one place like say
02:07 you've made a typo you fix that typo
02:09 inside the partial gets fixed everywhere
02:12 in the whole document so it really
02:16 reduces your workload we added that
02:19 feature three years ago in stacks three
02:22 and it's been great except there's been
02:26 this one huge limitation not limitation
02:29 is that partials really only exist
02:33 inside of one document they're they're
02:35 saved in that document in fact
02:39 so let's take a look at that limitation
02:43 I'm gonna show my projects here and I
02:46 have another project called to
02:47 conveniently and here's to it's an empty
02:52 project and if I look inside the
02:56 partials group but sure enough it's
03:00 empty even though back here in my one
03:04 project Marshall still exists so
03:09 partials are kind of stuck in one
03:13 document insects for we decided we
03:19 needed to break that limitation and we
03:22 did that by creating something called
03:24 externals and then external is well you
03:28 guessed it it's an encapsulated
03:30 component but it lives external to your
03:33 website external to all of your projects
03:36 in fact so let's take a look at how that
03:40 works I'm going to unpackage this
03:44 partial so it's three separate
03:45 components again this time I'm going to
03:48 package it as an external
03:54 and so now I have this external I'm
03:57 gonna give it a name just like I did
03:59 before
04:02 this time let's call it flower since
04:05 there's a big flower image here so
04:10 there's our flower and we'll click the
04:13 back button again and just like last
04:16 time we have an encapsulated component
04:19 this time it appears in the stack group
04:22 called externals and there it is flower
04:26 and we can reuse that in our document
04:29 here of course but this time I'm gonna
04:32 make I'm gonna save those changes inside
04:35 of this document called one I don't even
04:37 close the document so that nothing is
04:39 open we'll open up this project called 2
04:43 and again we don't have access to the
04:48 partials that were in the other document
04:50 but and our externals there is the one
04:54 that we just created so if we use it
04:59 here we get all those same components
05:02 that we had back in the other document
05:07 even more powerful we can still make
05:10 changes so let's do that I'm gonna open
05:13 up this partial by double-clicking so
05:17 now we have those components back this
05:21 time I'm gonna swap that flower image
05:23 for this shus image I'll put the image
05:29 on the left side and the mark down on
05:31 the right and let's add one thing let's
05:35 see how about a button we'll put a
05:37 button underneath the text and I guess
05:43 flower is probably not a good name so
05:46 let's call it shoes this time so we'll
05:52 click back and there's our newly
05:55 encapsulated content of course it's here
05:59 in our externals folder our externals
06:02 group and it has our new name to choose
06:08 right so let's make let's save these
06:11 changes to this document called - and
06:15 I'll open up the other document called
06:16 one
06:21 now this document we had two copies and
06:28 there's our new name that we gave it
06:30 shoes reflected here as well but better
06:35 than that it has all the new changes
06:37 that we made the image is on the left
06:41 and it has the new new button that we
06:45 added so you can see that externals are
06:51 really powerful it gives us the ability
06:54 to have these encapsulated reusable
06:57 components that are completely
07:00 independent of our projects we can do
07:06 that work once for all of our projects
07:10 and reuse it everywhere fix a typo make
07:15 a change even a big change and it will
07:19 be reflected in all of our sites now I
07:25 know if you're like me you're pretty
07:27 cautious person and you hear about all
07:30 that power it's sort of a superpower and
07:34 if you're or a kid and and a fan of
07:38 superheroes you probably know the old
07:40 spider-man saying with great power comes
07:42 great responsibility and boy we have
07:45 that here we've added a superpower to
07:48 Stax we can make changes to all our
07:51 documents in one fell swoop and while
07:54 that's great it's also a little bit
07:56 scary so we need to be very responsible
08:00 and use those externals use that
08:02 superpower only where we need it we can
08:06 use partials still for all of our other
08:08 content that we reuse inside of a single
08:10 project but if we know we're going to to
08:14 reuse something everywhere and we want
08:17 that power to change it everywhere
08:19 we can use an external but if you're
08:24 like me and a little bit cautious you
08:26 want a way to lock that down too and so
08:30 we added that as well and so one last
08:35 time let's take a look at how that works
08:38 I'm going to unpackage this again and so
08:43 now we have four stacks we have this
08:47 button stack as well and instead of
08:52 packaging as a partial or an external
08:54 I'm going to click the templates button
08:59 again this packages up our content and
09:03 this time I'm going to call it shoes
09:05 final because templates once you've
09:11 created them are unchangeable it's sort
09:16 of a one-shot deal you package it up
09:19 when you're all done and you know you
09:22 don't want to make any further changes
09:24 so I'm gonna click the back button here
09:26 and now we have our final shoes template
09:33 of course they have their own group in
09:35 the library there's shoes final
09:42 but better than that let's open them up
09:45 in the other document and I'll show you
09:48 how that works we're in our to document
09:54 here and I'll get rid of all of the
09:56 content and here is shus final we'll add
10:03 it to our document so templates work
10:10 across multiple documents as well and
10:13 it's encapsulated component but you
10:17 can't make changes to it so if I double
10:20 click on it to try Stax gives me a
10:23 warning and it says you can't edit
10:25 templates now I can convert it to an
10:29 external or to a partial and then I
10:32 could make changes to that copy but
10:38 shoes final will exist still that is
10:45 something that you can't make changes to
10:51 right so today we've learned about two
10:55 new features externals and templates and
10:58 we did a microwave you of partials we've
11:02 covered all the types of encapsulated
11:05 components within stacks and there's
11:10 some real powerful stuff there now you
11:13 can use components across all of your
11:16 projects and you can even create
11:19 components that won't change after
11:25 you've created them so there's some
11:28 powerful new features there for you to
11:31 use for building all of your projects
11:38 now that's a quick look at feature
11:41 number five I've hope that you've looked
11:43 at all five of the feature videos that
11:46 we've created
11:47 it's been fun making these videos and
11:50 yeah building up this little set of
11:54 features for everyone come back to this
11:58 channel this I'll post these all on
12:01 YouTube and I'll also post some
12:06 superuser features so that you can see
12:09 some of the even more powerful stuff
12:11 that you can do with stacks that's all
12:15 for now I hope you enjoy stacks for and
12:18 thanks for watching"}]