Hey guys welcome to splitting hairs free salon education comms podcast we're here to discuss everything here even Brian here yeah I saw your post this weekend on Facebook you said something about what did you say oh you held up your brother's military uniform you're like yes my name is here no one ever believes me so it was sitting there and I was like oh look there's actual government proof that my name whatever anybody can sew a patch on so I was waiting for that comment right so welcome guys we're gonna discuss this our our last episode of the year so I'm excited for that and it's been really fun we're on episode 13 now and just being able to share with hairdressers things that are going on every week I think it's cool I think it's fun and people seem to be enjoying it we're trying out Fridays to see what see how that goes so let us know what you think Barrett's excited cuz she works on Friday so she's joining us today she hasn't been here since episode two so we we're 10 deep she's like wow it's a little bit more so we're going to we're gonna break down a few different things we're gonna obviously again social media questions we want to go over those we didn't have a lot this week I think people were busy the holidays will do that yeah so we have a couple questions so we'll go over that and then I want to talk about your Balian Bray class that you have coming up in a few weeks here at gratitude so I want to talk about that I have a hands-on hair cutting workshop I'm gonna be announcing them doing in Virginia coming up in February so I want to talk about that as well that'll be at heaven salon and also the school I believe so but we'll get specifics on that actually Michael the owner of the salon and school just emailed me this morning with the information so now we have that coming up we have some tools new tools from Paul Mitchell new scissors from is it Tani other stuff down there that we're gonna talk about and then also some business tips and also we got Paul Mitchell XG shines XG in the house so we're gonna talk about I want to break that down again for everyone and I want to show you the packaging actually it's at the color bar so grab that but alright so make sure that you subscribe to us we just hit 10,000 subscribers we've we've now that was a big goal of mine to make sure that I really wanted to hit 10,000 I don't know why I don't even care from this point on what happens well congratulations you know so I'm really excited we 10,000 people and in four months it's pretty cool so so thank you guys for subscribing make sure you subscribe to the podcast on iTunes subscribe to our YouTube channel follow us on Instagram free salon education changed that up yesterday I'm gonna try to work it you get to follow my life on that you know from the salon I'm gonna take pictures all day long of us doing hair and everything and then you know when we're off I'm gonna be taking pictures still so you may see some other pictures as well but I think it's cool I think it's cool that you don't just see what happens here you see what happens everywhere so Instagram free salon education will Instagram's hair style HRE style dry day 2289 dry day did you like that I wrote Dr. Dre on your paycheck class I did okay and that is an easy one to spell good luck everyone and then Twitter is at salon education and Facebook is gratitude salon education you can follow our salon and everything that we're doing on there and we'll also be asking questions Dreas got that going on right now hopefully I need it can you figure out we put up a post to see who what the favorite celebrity style was see who got the most likes I'm gonna see it was probably it looked like it was headed towards Jennifer Lawrence but we'll discuss that in a little bit um so I got over that the Mizutani scissors I want to talk about this because it just added them to the site Kyoshi from Mizutani sent them to me yesterday that's a broken scissor can you hold those up to the camera the camera but they're the type z2 acro z2 they're they're an unbelievable scissor we're gonna do a video with them today thanks we're gonna do a video with them today and we're gonna show the difference between cutting with with this type of scissor a more expensive scissor and the difference between scissors you get in beauty school and kind of on its way up so we're gonna go through different levels and types of different metals and we're gonna show a video of that which I think will be really cool I'm excited for that I'm gonna pick up these scissors that I just threw Brian I'll cut with these today there you go yeah so so check those out I think on the website they're normally 800 I think they're 720 on free salon education calm free shipping in the US so please you know pick up your scissors there help support our free education venture we also have really cool bracelets which we didn't talk about last time but the cool thing about these bracelets is that's really you know that's a good way to support what we're doing yeah so I think is one of the things where it shows that you support free salon education and and the videos that we're making so we got that going on now let's talk about free or not free let's talk about questions let's see let's answer three questions as a free question free questions free questions coming down questions and comments from social media we have one that's just asking how much my men's haircuts are so that was an easy question they are 45 so if this person is looking for that you can come get a haircut if you were just wondering how much we charge we range from $20 to $45 actually I think it's 25 25 so 25 to 45 we have different levels at the salon and which is kind of work so I think each of us have a different price right I'm 30 35 25 45 so that's our that's our men's cut prices then we had another guy on here said I'm fans of your videos I love the truth I so I guess we're truthful which is cool I love the truth I'm looking for the best wavy hair treatment please help he wants the haircuts it was a little confusing the question but he wants the haircuts that we're doing on men's cutting and stuff but he has really wavy hair and I think that was his challenge I honestly as a guy for me I don't think you have to have a treatment on it but Brian might look at a different he has wavy hair but like today he styled it and it's straighter so if you want to jump in on this and you mean treatment in like how to treat it is that what we're talking about or do I think it was a treatment to make it less curling yeah I mean I've I've done that I've been down that road just like you know lots of people now I'm at a point where I'm actually trying to find haircuts that work a little bit better with the curl right so that I can wear it curly or kind of wavy or do days like today where blow it all out and then it's straight and then it works right I think just play around you know do it go down that road get your treatment try it you'll get tired of it real quick yeah and then because I mean with short hair like this it's it's so much upkeep to keep doing that yeah I mean that yeah that's the thing we have the Kenra straightening system that we got we haven't tried it yet but it costs a hundred dollars for a little thing of it and if you're a guy I mean you're using it on short hair it's gonna go away quick unless you're Justin Timberlake with Justin Timberlake money I mean it just makes more sense to be able to blow your hair out get a brush with really tight teeth and and blow it out how do what do you do to straighten yours actually iron it you iron it cuz I don't have I keep forgetting to bring a good brush you use like a mini iron no I use the express Ion style the pole Mitchell the silver okay cuz it's got the little rubber grips in it which work with the short hair so it kind of pulls it out that's cool so I hope that helps because I mean it's one of those things where I think you can create any style and and if you have weight wavy hair or straight hair with a guy I think it's easy to easy to fix yeah all right let's get into I wanted to go over a couple business tips and there was one thing I read we got out a bunch of old VHS tapes I got a whole trash bag full of them not going in the trash but just the easy way to transport we were going over the all these old VHS's it was one of those things I was gonna throw them out and then I just couldn't I kept looking at Barrett Andrea as we were cleaning them I'm like I can't throw them away because they it's like every little thing that I learned I learned on those VHS tapes we had Tony and Guy collections that were like this big you're right which is like two foot by two foot box sets and they open up to like eight VHS tapes you know and you just can't that's where haircutting and that that's where it all came from and I felt like I had all these brand new DVDs that are all this advanced new education but the core of it is on those VHS tapes and I just couldn't couldn't get rid of them so but we I saw this one and it said 20% of stylists do 80% of business and I've heard that a lot and I think that there's a reason for that in most salons and I wanted to talk about that so I want to I want to get your guys's opinion because of the way that the salon works and I know Barrett's worked at the salon for a long time and when you look at there always is like that top producer person but there's a there's got to be there's a I believe that there's an equation to becoming a successful stylist and that's really what I want to talk about because a lot of people look at it as numbers and you got to hit certain numbers and that's gonna make you successful numbers don't make you successful at first what you have to do numbers kind of tell you how successful you're being in the salon but what I think is most important to focus on is the relationships that you're building and we were talking about guests and we're gonna go over the 10 things about guests or whatever we I found on Facebook but the reason that 20% of stylists do 80% of the business is because that 20% is the ones that have figured out the equation and they know how to treat people and they know how to cater to people and so people want to come back to them and I think that is what you have to figure out once you figured that out the relationship part of it then you figure the numbers out and the numbers will guide you the rest of the way to becoming very very successful but so what do you guys think on that I think for me what you're saying the relationships the perfect example I have for that would be Tiffany I met her when I was in beauty school we instantly clicked she liked the work that I did I mean I was still learning how to cut hair but we clicked and I mean to sit there if I went through my book it's ridiculous how many people are branched off of that relationship with her right you know she's followed me to every salon I've ever worked at she's brought me completely new people who then have brought me other people who then brought me other people and it's that's what you're I mean I say a hundred percent you're right it's the relationships that really build the success because that is what's gonna build loyalty and it just it keeps going yeah the loyalty isn't in the rebooking percentage right the rebooking percentage will change because of the loyalty that you create right with your guests and that's where a stylist needed it's not I took so many business classes throughout the years and and all of them were about how do you rebook someone how do you rebook someone you get them to love you yeah if they love you they will rebook with you if if they love you they will trust you to buy products right it's not about becoming becoming a great salesperson is becoming great at building a relationship so that's why 20% of this of stylists do 80% of the business because 20% of them just naturally have it right and then there's the other people that have to work for it I know I'm not the best at just jumping in I really have to talk to people and get to know them and unless I'm you know in front of people in this way or on a stage or something like that I'm more comfortable but in like a crowded room I'm not the life of the party you know and we've talked about that before but I am the people that are the people whether they are they think they are the people that are the life of the party are usually the ones that are really successful at this business right so that's what you got to figure out is and that's what's gonna keep the clients coming back and you know and that's that's my business tip of the day yeah you want to add anything how's Facebook going Facebook is good I just asked a question on Facebook would you ask favorite education video and why oh am I saying not yet I know I was gonna say that it's like one of those questions where I think when I was becoming an educator they're like there's certain questions that you don't ask cuz you don't want to hear the response right well and that was one of them no no one said anything all right cool moving on well I think also part of it is what our fans are kind of used to us being on Wednesday mornings yeah it's Friday morning right all five of them are usually used to us being the cool thing about this did somebody write some Matthew James likes our status okay good I like videos so the great thing about this we're not doing this to be a live radio show this is a podcast that is just be being recorded live and I'm gonna get that clear cuz there's not a lot of people watching we're recording it live to put it on YouTube so that it'll get views later and you can watch it whenever you want I love YouTube and I want to talk about this a couple times throughout the last few weeks and I keep forgetting but YouTube is first off gonna be TV soon so and if you have Apple TV or your phone whatever if you subscribe to people on YouTube it's awesome because I have all different people that I watch and I go home at night and I just look through my people that I subscribe to whether it's you know the Frono's photo guy or the salon guy or whoever it is and even hair companies you can subscribe to them and every time they put up a video you know and then you can watch it I have people that I just look forward to and there are people that are making videos in their house you know and that's what's cool about the internet it's not about live anymore it's all DVR everything I mean I don't I don't if I have to watch commercials I don't watch it anymore so and that's the truth right I mean most of us you DVR it and then you watch it when you can and that's what we're doing with this so you can listen to it in your car on your way to work you don't have to watch it just put it on and on the YouTube app and just plug it into your card and listen to it and you know get some hopefully good advice for the salon industry so the other thing I want to talk about is I am going to be putting together a video of a 30-day challenge which I got the idea from the silly sit-up challenges which I've never done and the jumping jack challenges and all the exercise 30-day challenges I want to do one for haircutting so I'm gonna do a video for 30 days and we're gonna do a little tiny video of something you can do to better your haircutting skills for 30 days and I think it'll be really cool so I'm excited for that I want to mention that one because if I mention it then I have to do it true story and then let's see let's talk about this guy we have down here you want to hold that up to the camera so this is really exciting I haven't let them open it and this is one of those things where get this stuff in the mail and until we do something on a video we can't open it really so Brian do you want to open it and yes let's just talk about what it's like so look at the packaging this is the Paul Mitchell Paul Mitchell Mitchell Paul Mitchell the neuro dry really I can't say the neuro dry which is awesome the packaging is cool we love it right I mean we were talking about the diffuser so you can actually if we can is it hard to get out of there no so I love the diffuser because of the fact that it collapses so obviously easy to travel around but then it's gonna for me I'm guessing you can use it collapsed or all the way out yeah because I think it's probably gonna deliver air a little bit different the more you smells good what does it smell like it's rubber too right it's like a yeah so it has like a really kind of rubber feel so it's easier to grip when you have product oh geez Brian's breaking it it's easier to grip when you when you're blow drying and you have product in your hand which is finally somebody decided to change that that thing looks like a monster it looks like Batman yeah and and the other cool thing about it is that the rubber kind of helps it if you drop it it won't break right it was one of those things they said they drop tested it a whole bunch that does smell good it smells like electronics yeah my big thing that I got to say that I love about it is the buttons now being flush with the handle it's silly but I can't get over that for some reason because I'm constantly accidentally shutting off the blow dryer when I'm trying to work fast and now they're kind of set back a little bit how smart is it that they're on the side too I mean because once you have your hand I mean if you're right-handed yeah it works but maybe if not if you're well I mean just so long as you're not a forceful lefty I think it'll be okay no I think it's good that you're if you're a lefty because you can hit the buttons with your fingers yeah you can push them like you're playing a flute yes that's what I was thinking exactly because that's actually what's cool about this how it works rather than having a wind and a heat dial it just has an on button okay and an up and down okay when you do up it blows harder and hotter now is the cool shot switch is that a button it's just a button it's about nice I hate when it's like when you have to actually push it in yeah or hold it yeah hold it I wouldn't even buy and the other this I like that it has the it tells you want to change the filter on it it does oh yeah all right there's a little light that lights up when it's time to change the filter it pops right off you can actually want it like running under water it's a hard filter that's ridiculously awesome that blow dryer it is I'm happy that sorry guys we we did just open this today and it is a really cool tool blow dryers are always the same it's like no matter what and everybody talks about how much they love but who's what's your favorite blow dryer on there let's see what they say there what's your favorite yeah obviously if you put up what's your favorite education video it's us so but favorite blow dryer might give a little bit more of a response but yeah all blow dryers are the same I remember when when she came out with their blow dryer it was like the coolest it was so light and it was quiet they're like you can have a conversation I'm not I'm gonna say I wonder how loud this is let's put it in I haven't said sorry we're gonna knock you out can I just say I went to my brother and sister-in-law's house this weekend and she has the she touch screen blow dryer and I went to go use it and I had to have her come show me I'm a hairdresser and I'd have her come show me to turn it on like it is not the easiest thing to figure out that doesn't say much Brian oh wait I just want to say thank you to Paul Mitchell Metro for my happiness mug because every time I see it in the morning I'm very happy about it there you go and since we're talking about all this Paul Mitchell stuff they they carry Paul Mitchell yeah that's like a rocket can you bring it over here does it light up does it have a nine-foot cord I know it has a nine foot cord all right let's see that's pretty loud you know it's funny I watched a video the other day on on YouTube yeah we can just that smells delicious though we can turn it off so I watched a video on YouTube the other day and the guy he seriously all he did for two hours was ran a blow dryer I guess it's a it's some kind of therapy or something oh Brian so I guess it's some kind of therapy like you you just run a blow dryer and maybe it helps the but with the vibration I don't know I don't know what it was it was for something interesting I didn't watch it for two hours just I don't know how it came up on my that's the other great thing about YouTube is you just keep searching and you keep finding different things so I ended up on this guy and I'm like watching it what's up Michael Taylor has commented on our favorite education video and why yeah what do you say Tony and guy future classics has all the classic cuts as well as color apps any stylist needs yeah I got to connect with those guys yeah I would like to I would really like to get them on I know that they're very into education at just like Paul Mitchell and everything and I really I would love to to somehow connect that together they also have that really cool rockaholic bus too yeah yeah I'd like to be on that bus no it's fun one of the years that I was in Orlando you could go in and like there are stylist chairs in the bus and complete stylist stations with tools and you can try out any of their products and whatnot while you're on hair salon on the go so it was the bus that went everywhere what does that mean you want what's a gratitude he's like can I have a bus yeah hey guys bus I would like a bus okay XG can we grab XG sorry bear we have so many cords you can't see them as much but we tried to stuff ourselves on this tiny little table today we're trying to find the best place in the salon if you haven't noticed and if you've been following these episodes we're trying to find the best place sometimes we're at the color bar yeah to be great so it shines XG let's talk about that Brian what do you expect about I know you're gonna use it a ton today as we get into the salon and it sounds actually gonna open soon so and we still got to get into celebrity hair so real quick I am super excited I'm excited about the different shades I really like that now we have coppers okay that now Paul color it's it's it's just a wider variety and looking forward to the conditioning my clients that don't really need permanent color because they're not that gray they've one or two I now have a good solution for something that I can get I enjoy that one level of lift for the darker with a up to a level of lift for the darker shade so really it's just all over like the whole list of things that they say is good about it I'm kind of excited to rock out with today okay so shines XG can we see that package oh it's cool again looks nice and sleek in the salon we just added to the color bar yesterday you know I it's the middleman I'm finding my place for it I definitely want to use it but when we used it in the training recently it was really cool it worked really well so um alright shines XG loving that it's in neuro dryer got that talked about scissors we're gonna do that video okay let's get into a couple things I want to talk about classic barbering I know that we're a hair salon and again we talked about this last week a little bit my goal is not to take over the barbering industry at all but it's just it's an add-on it's just like a blow-dry bar if you're gonna come up with a blow-dry bar I'm gonna try to do it in a salon I mean it's it's what our business is so this DVD I know I watched it inspired me to want to start doing men's cuts we did a cut on Brian yesterday let me see from from just watching the DVD this is you know a shot from from our iPhone so you know it's not not the greatest shot in the world but it does show the fade you know and it's not it's obviously something I just want to keep working on and getting better at and this DVD was really inspiring I know you watched it yesterday so I loved it I'm right there with you that's one of my goals this next year yeah we're ordering straight razors and I just want to learn it because I think there's just something to it and we last year we were doing the neck shaving and all that on the guys and just like everything in the salon you get comfortable and you forget about it and it just becomes just skip the little things yeah it's not skipping little things makes the experience exactly so you gotta bring up you we're gonna try to bring it back when I start doing the neck shaving again next year the hot we always do the hot towel treatment on the face but you know just getting back into what what men's cutting is all about and what makes it different and that's I think that's how I put it yesterday when I was talking about it this year I'm gonna try to evolve my men's cutting to turn it into a little bit more of a barbering kind of experience right you know the old school techniques with new school styles okay cool so um yeah let's just and then we have our Millennium contest I want to just give a shout out to that if you want to win a free year of Millennium all you have to do is like this photo on our Facebook page and the thing is about it is you want to if you want to get better chances go to Millennium's page like Millennium like the photo on there the more likes you do you can like it a hundred times and well you can't but the more I post it up the more you can like it and then you have more chances to win it's a free year of Millennium no strings attached if you don't like it after a year you don't have to use it it's just a year subscription it's worth the 1800 bucks so huge huge giveaway for next year to help you keep track of all your numbers and everything else so let's go into I want to we got to get into the top 13 hairstyles of 2013 right so dry up bring me the trending trusses all right this year this week on trending trusses we decided to go with the most 13 most popular pop yeah popular styles thank you very much do you want I can see your screen right there yeah let me see where's Jennifer Lawrence sweet not there here I'll pull her up just one second all right so we have Jennifer Lawrence is first up on the docket it's fine you can talk about it so we can talk about so we everybody knows what she did exactly we saw how she went from super long to super short in just a matter of few weeks and that appears to be our most popular hairstyle change via Facebook yeah it's really cool the one I don't have the one you know the most popular one yeah that's the one that's most popular stir right okay so so Jennifer Lawrence everybody seems to love that and everybody seems to love that then we had Miley Cyrus who just on things with her hair there she is I don't know why they we got these pictures from Bazaar magazine online and it's I don't know why they put that picture that's not that was a that was an event she went to that called for her hair to be styled like that I mean it's a crazy she had but I love her yeah that's actually I look exactly like these two things I look like the one on the left I look like during the day and then in the morning I look like the other one it's true just I don't have the lipstick okay and then we have Rihanna who constantly goes back and forth between short long every single color under the Sun that was one of the favorites for dramatic care changes of 2013 is she wearing a mullet right there I think she is yeah you know what that's a little crazy I looked at this and I was like this is stupid I guess stupid it's stupid because you know this that's not her hair on the right so I just feel like it's cheating this picture because she didn't really grow that out right but that's her thing is that yeah that's why I don't think fake but we were talking about that's not really that big of a deal because I mean she was in the top 13 as dramatic as everybody else yeah because she does it all the time and she she shows up that way but that's that's what I love I mean she was on the cover of Vogue for crying out loud with the fire engine red wig on right pull it off because it's Rihanna yeah yeah it's it's cool and this is yeah we're gonna be talking about yeah we got to talk quick yeah then we have Anna Hathaway's trip to blonde because she was always classically a brunette and I think it was cool that she made that change big move big move moving on we have our Jennifer Aniston and chop off to shorter styles that I mean she does that all the time that I know I like her with kind of both yeah but it's such a it's a great look yeah right so it's definitely a big deal this year and every celebrity did this so yeah right then we had Pamela Anderson's makeover from super short to brunette which by the way she's back to blonde so who knows in a couple weeks you might have some extensions in there as well she's like clients here that change and they make that big change yet and then they go home and everyone's like whoa and now she's going right back she's like I can't wait till this grows it's blonde again I hope the brown was semi-permanent Kim Kardashian went from super dark to blonde overnight yes which this is one of my favorite ones of her blonde yeah I like this one makes her face up weird she did get a little oompa loompahish on this one yeah it's probably the picture too much bronzer right okay and then I'm not quite sure why they have this as a dramatic makeover but it's Blake Lively she went from her more tousled look to a smoother more polished oh she did her hair she did her hair yeah she didn't wake up and that's a big change she's styled one just for like an event right and what is going grocery shopping right right cool big change sienna Miller went who's that which one she's she's she did her hair that the rose gold okay got her I like it I was gonna say like I think that one was fun kind of fun then we have Cocoa Roca she's a model who went from I don't know who any of these Barrett's guiding me to push the person okay and she dramatically cut her hair super short I think this gives her a completely different look I know yeah it's fun yeah yeah she's got really strong features too so I just think it looks it does look good I like it we have Natalie Portman who went dark and oh geez so close and with the blunt that we were talking about I hope no one says can I look like Natalie Portman today because I will not okay she chopped it off and then we have Jessica Biel who this year Brian's gonna hate this because the before it is on the wrong side but she did some nice straight across bangs oh so that's after and before picture so that is it for the and then we have the most dramatic of the year the most dramatic of the year which is not real yeah I'm at the grocery store this weekend I get a picture just a random text picture from Dre of this Jennifer Aniston shaved head and I'm holding like a shrimp in my hand and I was like oh my god this is crazy and so I went to go look it up and it turns out it's not real it's hilarious it's so funny though and it's such a it's a terrible Photoshop job but it got people talking like crazy and you know and they even built a story behind it which is even funnier I mean yeah it was like her niece or something well then there's another article that was funny role but the uh but I didn't see that one yesterday so it was her niece was sick or something yeah that's why she shaved her head the way social media works and how quickly things spread but then they get diffused so quickly too it's just funny and right cool and then Beyonce I got one look from her video but yeah so we're gonna have that later on the trending trust's blog we're gonna go into her different looks on throughout her video series yeah this is a really cool shot so definitely want to talk about that guys we're out of time we got guests that are gonna be coming and we got to do hair in the salon but we just want to say happy new year to everyone thank you so much for all the support this year um you know there'd be no point in doing this if you weren't watching us so thank you and many many more free education videos to come next year we're already planning it out we want to make them better yeah and more blogging from Drea more blogging yeah more Fridays from Barrett yeah more hair from hair I'll be here and but yeah do you guys have new year's resolutions anybody doing anything cool no no you're good with your life no I'll make it up that day okay no I'm not sure you got pretty much same every year get in shape getting too much there you go yeah become a barbara better with barbara yeah guys set goals next year is gonna be awesome I'm gonna post up an email about setting goals for next year thank you guys so much for following us again follow us on Facebook gratitude salon education subscribe to us on YouTube follow us on Twitter at salon education and on Instagram free salon education anything you want to shout out there again hair style hair style on Instagram dry day 2289 barrett still channel thank you guys again for following us and we will see you next time on splitting hairs have a great day


Hi guys, what is up? Welcome to my channel. So for today's video I have probably most likely my last haul for a while. If you watch my videos you would know I am officially on a low buy meaning I'm only purchasing products that I'm going to do individual reviews on for my channel.  So I have items from my long awaited Neiman Marcus pickups and then I have a few bits and bobs from other places. So if you would like to see what I picked up then just keep watching. So I'm going to start off with my Neiman Marcus goodies. You guys know a few weeks ago Neiman Marcus had a 25% off sale and it was just one of the most fun sales to shop because they have the best brands of the lux lux makeup. I did a bargain or bust where I went over what was on sale and what I wanted to pick up and what was just not worth it. And so I did pick up a few goodies. It took a while for the stuff to get here. I got one package really fast which was kind of the bulk of what I purchased but then there were bits and bobs that didn't come till a few weeks later. All in all for the stuff I ordered. It came in four different boxes I believe. I don't know why if they were grabbing from different places or what but definitely horrible for the environment because I would get these big boxes filled with paper for a lipstick. Like a lipstick is not going to break. This could be anyways. I digress.  I've been wanting to try the Squarlon L'Essential Natural Glow Foundation. I just have heard a lot of good things about this foundation from Michelle from Alicia and also Julia Adams.  I got mine in the shade 3N and I was researching everywhere what color to get. I'm very happy I landed on 3N. This is like the perfect shade for me right now and it is a beautiful foundation. It's not a watery consistency but it's not thick. It's like the perfect right in between. It applies very easily to the skin and the finish is very natural. I would say it has a medium coverage with a natural finish. It looks very healthy and very skin like. So basically what I like in a foundation. So so far I've only been wearing this for about an hour but I am very very happy with it. I'm excited to see how this wears throughout the day. I always love a good Luxe Foundation Purchase Luxury Foundations for me. A lot of the times are worth it. I can really tell a difference so so far I really like this. It's very very pretty. I also picked up two Shantikai blushes. I really like Shantikai now and that is a thing that I didn't want to ever say because but Shantikai I have learned is a beautiful brand with beautiful products. So I purchased two of the blushes because they're so cute and beautiful looking. So here are the boxes like I don't want to get rid of these boxes because they're so cute. I wish they would have done something a little cuter with the packaging itself. I got the bee and the butterfly and they are so cute. I picked up Bliss which is the butterfly. Now when you get these on the actual animal there is an overspray so I have a little bit of extra sheen to my face that I won't get when I actually wear it but see how beautiful this blush is and I love this color. It's a very pale pink. If you like those really pale pinks you will enjoy this. It's so natural especially on light skin tones. This is going to be my new favorite everyday kind of blush. I think it's beautiful. The formula is beautiful. It's so tiny, so overpriced but totally worth it for me especially because I got it for 25% off. It was still $30 which look at this little thing but it's just so beautiful and lux and it's about that experience that you pay for a lot of times with luxury makeup and for me I'm very very happy I picked this up and you guys seem to love it as well. A lot of you recommended that I do pick these up. And then the second one that I got is Emotion which is the bee one. This one is a little bit more peachy coral that is on this cheek right here so this one's a lot more fun for the summer I would say. It had a golden overspray on the bee so I have some gold on this cheek that won't be there when I actually apply it the next time because the overspray came right off and it does make the compact look more pretty but I'm against oversprays personally. I mean I think it would have been nice if it was actually embedded into the blush so that you could always get that golden shift to it but also I prefer it without the golden shift anyways. By the way I love these blushes. I love the formula. I'm so happy I picked these up and now it's a problem because I want more colors. I also picked up a few lip shades. So I picked up one from Shantikai because like I said all of a sudden I think I love Shantikai. I do have a lipstick that I really love from Shantikai so I wanted to get another one and I had to get a nude because I love nudes. So it's a typical Shantikai very simple packaging and I got the shade Mirage and this looks beautiful. This is made in Italy and oh my gosh you guys this just looks like a beautiful nude. The color that personally I would wear all the time. A pinky nude. Really pretty. A little bit of brown in there and I love the Shantikai lipstick formula from what I've experienced so I'm excited to see what this guy looks on me. While they were 25% off because this is the best deal that you can get I refreshed on some of my Bobbi Brown Artsticks. I don't talk about these items a lot but they're staples in my collection. I keep them in my purse. I know they're always going to look good. They wear really pretty and these are definitely an underrated product. These have been my favorite for a long time and mine were just starting to get old. They were starting to smell old. So I refreshed on a few colors. So the one that I'm wearing now is Dusty Pink. This is a new color for me. I didn't have it in my collection previously and I've been wanting to get into pinks. I saw a photo of a beautiful model wearing this beautiful pink lip. So now I'm on the hunt for the perfect pink lip especially for spring and summer. So this is what Dusty Pink looks like. And I don't necessarily love it with the makeup that I'm wearing but I think this with just some really plain eyes is going to be really pretty for the spring. So I do like this pink shade and I've stayed away from pinks for a long time. I don't know why. I just haven't been attracted to pink lipsticks but for whatever reason I'm trying to get into them. So we're going to start right here. And the formula for these are really beautiful. They're not too drying on the lips but they are dry enough to where you know they're going to stay. They're this giant pencil form so you don't need to wear a lip liner. This is like a hybrid between a lip liner and a lipstick. Just that perfect in between because it's going to last but it's not super duper hydrating. So definitely hydrate your lips beforehand but it is a lipstick lip liner duo and they're so easy to apply. Every single one comes with a sharpener. I have like 10 of them at this point but I love these so much. So here are the two colors that I restocked on. I picked up brown berry it's kind of a classic brown nude for me. I really love it. So here's brown berry on top and then the other color that I picked up was rose brown and rose brown is my mauve nude shade that I wear all the time. Rose brown I'll be honest I think this is one of my most used lipsticks in my entire collection. It's just so good. The perfect purse lipstick. So if you like mauve colors definitely go with rose brown and then brown berry is also a beautiful nude. Very happy that I got to restock on these because mine were getting so disgustingly old and the fact that I'm repurchasing these all of these years later should say a lot. Also kind of during this pandemic and while all these sales are happening I've been restocking here and there some items in my bridal makeup kit though it doesn't look like I'm going to be doing a bridal makeup anytime soon but I have been wanting to restock, refresh, make my kit just look a little bit cleaner nicer, newer. So I made an order off of ABH I believe it was buy one get 150% off so I purchased a new fresh soft glam palette the one in my kit is looking beat up so I'm going to retire that one and put it into my own personal collection and then I have a new fresh soft glam for my collection. This is definitely a staple in my bridal kit. Mine doesn't look bad in my makeup kit but I just kind of wanted to recycle through just keep everything as fresh as possible so this is my new one for my own personal self and these are just perfect bridal colors most of the time when a bride requests to look I can pretty much fulfill it with this palette so really good great staple item in my kit also I've just been itching to pick this up because it's been all in my collection and for the longest time in college I was in love with the Nicole Guerrero glow kit like this is almost sentimental to me because girl I went so overboard with the highlight in college because that is when it was really really trending to just the shinier and more obnoxious your highlight was the better your makeup was so I wanted to pick up a fresh one and also kind of see if the formula was different so I don't know yet if I'm going to put this in my kit or not I am actually strongly thinking about putting this in my kit because for my clients that do want a really glowing complexion this one's really really good I like the colors in here a lot so I do need to disinfect it because I wanted to see today if these were the same formula as the old one and from what I can tell I kind of need to do side-by-side comparisons but just from what I can tell they took the glitter completely out of this one it's virtually almost not there which is a good thing but personally I don't mind a little bit of glitter in my highlight that's fine I just loved the old one two years ago so much I had to get a fresh one regardless and I'm happy that this is out so I can start using my older one in the videos I did use Forever Young today as my highlight and oh my gosh you guys I forgot how glowing and shiny this highlight was it's too much for me at this point the older I've gotten as the years have gone on the softer the highlight the better and then I also got a little sample of the eye primer just as a gift with purchase which is really good because you use so little of this primer honestly this is like probably the size I needed to begin with not a full size so I did kind of break my lo-bi a little bit I went to Target the other day and I that's the first time besides the grocery store that I've left my house to go to another store it was my dad's birthday and I had to just pick up some essentials of course and I needed to get something for my dad's birthday and I've been wanting to buy more of these little elf bite size eyeshadows to see myself using these in future videos so these are $3 each I did break my lo-bi for them but these have been on my list to actually purchase for a while and while I was in store I picked them up they're $3 each so I don't really feel guilty about this because I said when I actually go out and see these I was going to purchase them so the thought of buying these was pre-lo-bi I'm not buying any more I swear but I picked up three shades cream and sugar which looks like a really great everyday shadow palette and for these by the way I'm thinking of doing like drugstore videos best makeup under $5 even like duping some bigger shadows with these is what I had in mind and then I have very bad and I feel like these shadows might be a little bit inconsistent because I have one called truffles in my collection the mattes were very very pigmented in that one for this one it wasn't like they worked fine they blended fine I didn't have any issues but this did not show up as dark on my lid as the other shadows would have in my truffles so I'm seeing that these do have inconsistencies which is fine that's why I wanted to purchase these to really dive in and then this one I've just been wanting for a long time rose water I think Jessica Braun has been wearing this like crazy and talking about it so I had to pick this one up and see what all the hype's about but I need to play with these from what I can tell it does seem that there's some inconsistencies but I will keep you updated because how can three dollars like how can you not? the last item that I have for this haul I purchased it before the low buy like right before I thought of doing it and it's from Nomad Cosmetics you guys know I've been wanting to experiment more with indie brands obviously that's to a halt now I'm gonna use what I have but this was kind of my last hurrah of trying a new indie brand I really wanted the Tokyo palette from Nomad Cosmetics unfortunately it was sold out I got this from their Studio 54 collection it also came with two duo chrome highlighters I passed on those and just picked up the iQuad some percentage of the proceeds when I bought this went to some type of COVID thing I don't know but I really wanted it and so basically it's just four lid toppers and I was a little bit worried when I swatched these because I did seem a bit sheer but definitely on the lid is when it really is its moment to shine I think these may benefit from a glitter glue I need to try it out but I have I'm coming out which is right here all over my lid it is such a really pretty pink blue duo chrome kind of topper it looks like I have glitter on my eyelid but I don't I just have this lip topper I also have left freak on my inner corner which is a very strong yellow pink duo chrome shift and these are really beautiful they definitely require a little bit more work to apply like I had to dig in with my finger a lot to build this up on my lid but once it's on there really really pretty this is going to be fun if you like go out or if you go out in the day when the sun can really hit it really nice I need to continue playing with this but it is really gorgeous but it does require a little bit of work that is all they have for today's haul and that is all I will have probably for a haul for a while unless I am bad and break my low buy but I don't see myself doing that anytime soon so thank you guys so much for watching this video I hope you enjoyed it if you aren't subscribed to my channel already I hope you take the time to do so thank you for watching I hope you all are continuing to stay safe and healthy your family and friends as well so far we are doing pretty good here fingers crossed anyways I will see you guys in my next video bye guys have a good one


A modification in the Defense Enrollment Eligibility Reporting System, or DEERS, is expected to streamline personnel records to make it quicker and easier for members to make updates. Rather than go to the ID card site and ask to have your name changed, your SSN, your date of birth, whatever, you need changed, is that we want you to go to your personnel office, make that change, it automatically is fed daily to DEERS so that when you go to the ID card site that information is already there. To verify your records for accuracy, and for more information, you can go to dmdc.osd.mil slash milconnect. From the Defense Media Activity, I'm Petty Officer Andrew Johnson.


Good afternoon everyone. Welcome to work camp. My name is Vivian. I'll be introducing your speakers I first would like to acknowledge that we are on the unseated and ancestral territory of the Musqueam the Squamish and the Slewa Thaw Nation on behalf of us all I give thanks to our Indigenous brothers and sisters for use of their land this afternoon's talk is being given by Ryan Welcher And it is extending WordPress with slot fill. Please give a hand to Ryan Thank you, and thanks for hanging out. Well figured out all of the issues Okay, I think this is gonna work. If it doesn't work. We're just gonna talk about other WordPress stuff for the next half an hour So I just thank you for coming. I really appreciate you all taking time to come listen to me ramble on about slot fill Which is something that I'm very passionate about and I've done a bunch of talks on it And I've written some of the slot fills. Anyways, let's get into it So the first question you might have is what is slot fill? So at a high level slot fill is an extension paradigm that allows developers to add elements to existing UIs in WordPress specifically the post edit screen and the site edit screen You register plugins containing content or fills and they will be displayed in a specific location Or what I refer to as slots in the UI wherever that is Items are rendered outside of their element tree So if you're familiar with react portals, it works very similar where you put something over here and it actually renders out over here somewhere This is this is the imaginary website in my head Currently there are 13 locations or slots available and we're always trying to get more in there, so oh Speaking to the mic sorry Okay, I'm gonna be married to the podium here slots or location base So if you want to compare them to to something that most WordPress developers know You could you could compare them to an action in the hooks API in the sense of They don't work in any at all the same way, but but hook or sorry actions are I'm sorry Yes actions are location based and they usually render in the order in which things are registered So let's look at a a slotful system overview So a slotful system at its core in the context of WordPress anyways Consists of three components. We have what's called the slot component and it's wherever this component is rendered Any fills with the same name which will have their content rendered in that location So it accepts three props with the name prop the fill props object So if you wanted to have information that you want to pass to the fills that are getting their content rendered here You do that by it by a fill props and there's a third one called bubbles virtually and that just handles Event bubbling behavior depending on what you're doing. You may want to have it bubble virtually through react or through the regular dog So here is a an example code example of what a slot looks like. It's a very very simple component So the second part is the fill component So the contents of this fill component basically the items wrapped in the fill component Will be rendered in the slot location of the same name Regardless of where this fill is rendered so it only accepts a single prop which is the name of the slot this fills targeting So if we see what a an example of that would look like it looks like this So it only has a single property, you know everything is this why it does everything inside of here is what will be rendered inside the fill So the third one is the thought the slot fill provider component this whole talk is full of Really hard things to say many times in a row, so you'll know I'm sure I'll stop So this is the magical glue that connects fills with their slots So both the slot and the fill components need to be wrapped by this component at some level Doesn't have to be immediately wrapped it can search its children and its children's children all the way down the tree To find these slots and fills and then it can it connects them at runtime if you will And it accepts no no props and there's nothing to really see because it's just a named component so for me so basic slotful system We're going to take our application or component and we're going to wrap it inside of the slot fill provider then a named slot is rendered or exposed somewhere inside that application a fill with the same name is rendered somewhere else and then that that fill its content will be rendered it inside this Slots or sorry in the slots location So if we look at some sort of this is my very simple application here Just to get a sense of how this works slot fill provider wraps everything My awesome app is an app of stuff and then I have a slot and then below it have other components Then I've been filled at the very bottom This is not going to be very impressive because it'll just move it up one line But basically what happens if we had sort of a graphical representation of this We have our slot for the slot fill provider wrapping our app UI on the left side. We have a slot on the right side We have two fills when this renders Press the wrong button all of the fill contents get moved over into the slot location So that's kind of how it does it sort of so How does WordPress do it? Well, we're pressed does it with those three components But there's another level here because everything that we've just seen is sort of a closed system And we need as extenders to be able to get our code inside of Gutenberg or inside of the block editor and We can't recompile JavaScript for the for the Gutenberg Plug-in or for the core for core every single time. So we need to add two more pieces Excuse me The first sorry, so we have two new pieces to the puzzle the first piece is a function called register plug-in So this function provides an entry point to the slot the system by accessing this global array that contains all of the plug-ins And you'll see what a plug-in is in a second, and then the the the next piece is a plug-in area component So this piece is a hidden component that's buried deep in the bowels of the block editor And it accesses that same global array and renders those fills inside of it And we'll see so that's how we get it into the system So register plug-in is part of the WordPress plug-ins package It takes number of params or parameters the first one is the name which is the string identifying what this plug-in is called The next one is a settings object with Scott currently. There's three properties that it supports The most important one is render so render will be the component It expects to be a functional component and whatever you pass there is what's rendered inside the like that's how you build your fills You can pass an icon which can be either like a string to a dash a con or like a Basically a react like JSX Icon so I'm saying and the the last one is scope. So scope is new ish and When you do if you define the scope here, it will only render in the plug-in area that has that same scope now currently The plug-in areas in the site editor and the post editor are not scoped So if you add a scope there it won't render and where you're where you're thinking it's supposed to this was added after that was The those two screens were sort of made. It's really great for custom plug-in areas with sorry custom slot fill systems, which I'll show you So this is This is an example of how you would use it So we have our example plug-in is the the name of our plug-in and then we have an object This is a component that I've built out somewhere else You just have to put the name of the point in there and then whatever icon we want So the plug-in area component is the next piece and it renders all registered all the registered plug-ins inside a hidden div element It it has a scope prop like we just talked about so if you define a scope here Your plug-in must target that same scope when rendering and then and on and on error function Which just handles errors? Unless you're building something custom. You're probably not going to use this component But anyway, so this is what it looks like plug-in area. It's got two props pretty pretty straightforward stuff so Here's an overview of kind of how the wordpress like the actual wordpress system doesn't so slot fill provider wraps an editor provider component The editor provider component just creates a block editor and then that is sitting inside the post-edit screen and the site edit screen Various slots are exposed inside of a layout component Fills are registered using the API Fills are rendered inside the plug-in area and then fill content is rendered in the associated slot So this is sort of just a pseudo representation. This is kind of how it looks. There's a lot more going on in there In 6-4 this is going to change because I believe they're going to nest slot fill provider inside of the editor provider functionally It won't matter matter, but this I'll have to update this slide when 6-4 comes out So and here's a visual representation of what that looks like over here. We register a plug-in It's in this sort of global list the plug-in area component grabs Everything out of there renders it in here. We have our two slots in here and then when it runs all that stuff Goes in there. It's pretty pretty straightforward I guess so So far we've seen really basic Slot fill examples and the actual slot fills that are available to us are more complicated than that They're named components and they usually contain some other functionality or they have Intercomponents some of them respond to fill props some of them do all all kinds of stuff So and this is this is an example of the plug-in post status info slot And this is actually how it's how it's working. So you can see what we're doing here is Taking the fill And then we're putting a panel row in there and then any any children that sit that are wrapped inside this component Get rendered here, and then we're exposed it We're exposing the slot on a dot slot property And so the the slot and the fill are in the same component and that's where we get the name slot fill And so to expose that slot This is this is again a kind of a cut-down version of the post status panel on the left hand side of the block editor What we do is we just we import the plug-in post status info component and then we expose the dot slot property and then If you want to register a fill for that we would import register plug-in from WordPress plug-in Import plug-in post status info from the WordPress edit post package We and then we I love this point It's awesome, and then we have the name or plug-in and then our render function It can be like an inline sort of functional component like this or it can be an external Component that you use somewhere else and then we wrap the content that we want to render in the name of the Slot bill and that's that's it and then what that looks like is this so this is the this is literally where that would go And how that would look so it's a very I'm sure there's lots of plugins that that that puts stuff in there, so Currently there is nine slots available in the edit post screen I'm gonna show you an example of each one And one of them this main dashboard plug-in is still sorry This main dashboard button is still experimental, so use it with with caution, but the first one that we're gonna talk about is Plug-in pre-published panel, so this one appears in the pre-published sidebar So when you hit publish for the first time you get that little sidebar that says are you sure maybe want to add some categories that stuff So that's where that sits It has a couple of props a class name so you can add Classes the title to display at the top of the panel and whether or not it's open initially So we were to register a slot for that We would again import the register plug-in function and then we pull in the slot that we're looking for and then It's all sort of the same I'm probably not gonna walk through each one But we'll just we'll show an example and then when that renders it looks like this down here at the bottom So and in this one I I've added a custom icon here Because I'm a developer advocate so avocados my thing I guess and yeah And so the next one we'll talk about is the post-published panel. It's exactly the same thing, but it shows up after you said Yes, I actually do want to publish It's got the same properties basically class name title and initial open Code looks very similar. You're gonna sense the theme the code is very similar The thing that changes is this name and the stuff that's rendered in here. So it's very very very The the code is very similar across the bore here And I'll leave this up for a little like just long enough for it to be awkward so people can actually read it and So this would be what that looks like in In production The plug-in more menu item So this renders a menu item in the plug-ins group in the more menu drop-down. Yep These descriptions are hard. They're hard to say with words off to show you the example here It can be used as a button or link depending on the props Provided so yeah, so it accepts the hre an href. So this is When href is provided then the menu item is represented as an anchor rather than a button Again, we have icon we have on click so you can tell it what you want it to do when this is clicked And then there's down here There's just like the spread operator and what this means is basically any other props that you pass will be Pass down to the underlying button that our menu item component So yeah, so you can style that appropriately or you can add the the props that that component takes And this is an example of that so this one we're just going to be linking out to the slot fill reference guide on the developer.wordpress.org and That'll render in here. You click that and it'll take you to that page Plug-in block settings menu item They're all mouthfuls. It doesn't get better It adds a new item in the block settings menu on any allowed block So when you're when you have the toolbar above a block or if you if you pinned it to the top of the page That's where that would appear So you can you can specify what blocks should disappear on again? We have icon we have a label which is the menu and a text and then the on click again What do you want to do when you click on this? This is the example here. So we're only allowing this on the core paragraph block This is the label which I should be escaping but I didn't and then when I click it I just alerts click so when that renders it renders in here So I clicked this three button menu disappears I click on that and it doesn't alert. It's the most useless slot on the plan Well, this implementation is the most useless not the slot itself the plug-in sidebar one This is probably the one that most people would be the probably the most familiar with because this was one of the first ones That really got heavy usage. I think Yoast was the first one Yoaster Anyways, it's so it's this renders a sidebar when activated sits in the top right-hand corner And when you click it it opens a panel and there's stuff in that pin So it takes a name which is identifying the sidebar, which is good so you can open it and close it a Class name the title is pinnable, which is whether or not you can in the top right There's there's a button that will sit there and you can if it pinnable is false It won't show up in there and you have to get out of the different way and then again the icon So the example here looks like this So what I what I'm doing here is I'm making this a bit more complicated So I have a plug-in sidebar, but then the contents will appear in the flyout And so so it doesn't sit right against the edges. I wrap this inside of a panel body So it looks a little bit nicer and then when that's I'll sleep it up for a second actually And then when that is rendered it looks like this So I clicked on the avocado and it pops open and then the fill contents is in here That's the title that I've set and this button makes it pinnable basically. So if I turn that off this disappears One thing that this does now that it didn't used to do and there's I'll I'll talk about it in the next slide So this this is the menu item that's associated with that particular Plugin so it used to be that you had to do the sidebar and the menu item separately And now they've they've changed that so you may not always be needing to use this particular one But it so this targets the sidebar So if we look at back here, we have a name in this this one And so to target that we would need to pass that as the target to this particular slot fill Does that make sense? I feel like Okay And then the icon again and so here is so this is an example of doing both So down here we're registering the sidebar and I give it a sidebar name or sorry The name is sidebar name and then I have my more menu item that is going to target that This is the text and I absolutely left that in there on purpose and So when that is clicked it will basically toggle the sidebar or sorry They plug in sidebar with the same name open and close so clicking this button basically opens this Plug in document setting panel. This is my favorite because I wrote it but So this renders items below the status and event and availability panel This was in direct Relation to the lack of meta boxes that you could register inside of the post edit screen when Gutenberg first came out All the meta boxes were done at the bottom you had to do with PHP So this was added so people could insert stuff in there It takes a name which is identifying this panel. That's really useful if you want to programmatically open and close panels a Class name a title to be shown at the top and then again an icon So this is example of that We've got our name title or our class name. Oh, I should mention and I don't think I have yet But the icon down here Can be inherited sometimes and sometimes it it doesn't so not all slots have icons In fact, I think this one's been updated to no longer support the icon because the rest of them don't have icon So just ignore that out. Oh So this is basically creating a panel in here so you can add as many or as many as you want The main dashboard button this is experimental Please use it with with caution as everything in WordPress is experimental Everything that is experimental in in WordPress You need to be aware of using it in production because things can change it could break and so on so but this allows replacing the Default button in the when you're in the block editor and it's full screen and that little WordPress icon in the top left corner This allows you to replace that with whatever you want and So I'm doing bad things and experiment importing experimental stuff So I've got a the main dashboard button and then I'm using this full screen close mode icon Sorry full screen mode close component with my icon of avocado It looks like that. So if you were to click that it would take you out of the out of the edit experience into back to the WPM Okay, so the site editor has four component our slot fills currently We just got a new one in 6.3, which is plug-in template sanity a setting panel The they are All exactly the same. They are just Washington said the first three are exactly the same just imported from a different package So they they look the same they appear in the same place and they work the same they're just in a different location in inside the admin and So this the last one is the template plug-in settings panel And so this one appears it's very similar to the document setting panel in the post-edit screen There and so and I got I got to pick up the base here But it just appears in here, but this is in the template editor of the site edit screen Okay, so you're probably saying that's it. I want more. Well, you can't have more. We just need some help So go to go there open PRs Talk open issues talk about your use cases This is going to be very very similar to the way that like hooks and filters and actions and all that were added Sort of in WordPress core enough people Complaint about something being missing and it gets added enough people add some hacks to get something in and people started saying Oh, that's something that that we should add so let's do that Okay, let's talk about creating slot fills custom slot fills and I'm trying to go really fast because I'm gonna show a fun demo Yeah, so to create a slot fill you you import a function called a Called create slot fill from the wordpress Components what that's going to do is allow you it'll give you a fill in a slot component and we all know how those work now So once we have those we're going to create a Component a named Component that is going to be the same name as this parameter So this parameter is the name property for the slot and the fill that's how they get connected So best practice is to name the slot the component the same as this parameter And then we're going to return our fill with wrapped in the children We're going to create a dot slot property and sign it the slot component and then we're gonna export that oh And I realized I just kind of went through all that that's like so in our fake settings screen We've got a panel body a panel a panel body. We've got a panel row, and then I'm exposing this slot here So if I wanted to just render something inside of that We we use render plug-in or sorry register plug-in. We pass the render component again This code looks very similar. It's just the names have changed and then that would render something like this So if we want to use fill props We would we would expose our slot normally and then we would add a fill props object and then put whatever Information we we wanted in there. This is really handy if you want to get like the current user or the context of the page that you're on and so Yep, so once that's been exposed We're going to register plug-in in the same fashion that that we have now this gets a little bit more complicated Because this is actually a function that receives the props and then we're just This is a render. This is like an implicit return in JavaScript So this will just return this and it's going to do a p-tag and it says I was past fill props And it's going to say the props dot message which is that what I put in there Yeah, and then when that renders we see I was past fill props and then it sends me the message So you can also customize your fill structure so this is an example of The the structure around the Yes, the structure around the fill is is customized so in this case, I'm going to build a button and I'm going to expose the slot like we do normally Then I'm going to say customize fill structure and I'm going to put some text in there I'm doing three of them but one two three when this renders It's going to render a button for me and it's going to take the fill contents and make it the text that's in the button the very contrived example but Yeah, and then there's a custom slot structure, so To do that we're We're customizing our our slot component here, so we're wrapping slot This is a function again It takes all the fills and I'm just gonna say if it's got fills then I'm going to wrap them inside of a code Tag, otherwise, I'm not going to return anything and then I expose the slot again And then I say this will be rendered in a code tag And so when I when this is rendered it looks like it's rendered inside of code tag So you can customize both as well. So in this example, I'm basically building an unordered list So on each each fill will we'll have an li each slot or the slot I should say well will be wrapped wrapped in the unordered list tag and Again exposing so I'm going fast. So if you have questions, I'd be happy to answer And then this is the first item. This is the second item and then when that renders we we get a list So how much time do I? Five perfect. Okay. I'll slow down a little bit because this is the fun part so we could do a slot fill outside of the editor and So I have an example where I have a dashboard widget that supports slot fill and so this is just the boilerplate code that I'm using to Register a dashboard widget. All I'm doing is outputting a div with an ID so I can target that And now what I'm doing here is I've created my slot fill So I have a fill with a section and the div and the children in there This is just creating the slot fill The dashboard widget is wrapped inside of a slot fill provider because we need that to make this work I have an H4 that's saying this widget so there's no purpose I'm exposing my slot here, and then I'm adding my Plugin area down at the bottom with a scope for dashboard, and then I'm just using react to render the dashboard widget Into the div that I defined So now I'm going to register a plug-in So I import the register plug-in from the plug-ins API and then I use my widget I put in a component called bearded wonder and then I'm targeting my dashboard scope So this becomes important because if there was multiple so say say I had three different dashboard widgets And each one had its own scope because I don't I want to target widget one with some stuff and widget two with something else If these weren't scoped Anything that's registered will be placed in all all of them. So that's where the scope comes in It just you know makes it it it creates a context for your particular information. And so that's what this would look like This is the best gift on the internet Yeah, and it serves no it serves no purpose, but they get a really Ridiculous giggle anyways Okay, and so if all else fails you can still use portals so react portals is everyone show hands who's from familiar with react portals Sort of okay, so react portals is kind of what this is based off But what you can do is you can in your react application You can say this random piece of HTML is now part of my app, and I want you to put something in there It's like a magical portal that you can send something to and so George mom-a-dash really who is a Sponsored contributor for go daddy. I believe wrote this really cool example To basically add this little smiley button to a place that there is no slot So if you need to you can do this use it, you know with great power comes great responsibility So be careful, but That's that's that's that example Okay, so that is it for me you can steal all the code that you've seen including George's example is available at this link or this QR code. Please feel free to grab it steal it fork it use it as your own And it's got all the examples that you saw today and some other examples as well So there's a lot going on there So thank you You can find me on twitch youtube and discord as Ryan Vulture codes, so come hang out Ryan Vulture on X Twitter whatever it's called now and either welcher Ryan Welcher or some variation of that on most slack channels So any questions? I know I went really fast, so I'm happy to explain anything in further detail every show slides question Just curious. I'm not super familiar with all the components involved But is it possible when you're using slot fill to have it provide context based on content in The editor so the use case I'm thinking of is in the pre published slot fill component You had if someone has imaged in their content Yes, have something say hey Did you put in all text for accessibility as a reminder before they get published you can absolutely do that? Actually wrote something that did that Is I it's a pre-published checklist So one of the cool things about slot fill is that you don't just need to put components in there You can put any other Sort of JavaScript you want so if you have like so my initial iteration of this pre-published checklist did that exactly it checked It did a word count it did this check to see if you had anything that was like any categories that weren't Uncategorized and whether or not you added a featured image So when this is a bit more advanced when you get in there You have access to all of the the WordPress data stores that are in there So any information that that Gutenberg that like the API's that basically the Redux stores have available You can get access to so you can absolutely do that and I would recommend not doing it inside of the pre-published panel Because it's a setting that can be turned off So you but you can still you can still do it in the slot fill Because the plugin area is rendered somewhere in the bowel so that code is running even though that particular slot is not rendered So that's a that's a hack that I've done a few times just to get my code in there and then I deal with the UI elements later The later it iteration of that plug it's it's on it's on my github. So go on go and take a look It doesn't do anything with the pre-published panel In fact it runs entirely and it disables being able to press the publish button until those things are Whatever you've defined are Sort of are satisfied. So thank you. Yeah time. I can show you the repo after this too Yeah Questions anyone Does anyone want to see anything again? I went really quick. So feel free to say Brian just show me something because you'd talk too fast Yes, absolutely So I'm trying to understand where where you put this in the code okay, so That's it. You know, you know in So the way I have done for example custom Blocks is that you specify the what goes into the various fields inside this edit function that it's Is it and I find this very annoying because it shouldn't be there, right? It should be separate and is I Are we moving away from this kind of? Firing the actual render where does the render happen so that it's available and interacts with the block or other Okay, so I think there's two questions in there, so To answer your quite I to answer your question the Register plug-in calls that we've been looking at that should be in cute in a separate file The same with you would in cue regular JavaScript. So but just on the block editor assets And I don't know if I actually showed that so that's a really good point that I'll update Does that answer your first question about how to get it in Or How do you initiate any changes to this as a result of input or the fact that the block has been activated, etc You would have to do that inside of the component that you're that you're rendering so The render the redner property takes the the component and essentially renders that as its own JSX Component hidden inside that plug-in area. So it's a standard react Component so you don't just need to output JSX in there You can have calls to use state use effect You can do all that stuff in there and respond to anything that's happening in inside of Gutenberg So if you want to say say I know what you just say you you have a document setting sidebar panel and you want to Have some kind of indicator that let's use word count So you need to have a thousand words on this page So you can render that slot and then you would use like to use select the the data stores that are available to access The word count that's that that Gutenberg is keeping track of or at least being able to pull the word count out And then you can respond to those changes and update your UI accordingly. Does that? Does that sort of help okay, so it is actually rendered inside of the plug-in component Or sorry the plug-in area component. So your render happens there. You just can't see it But all that code is running regardless of the fact that you can't see it. I feel like I'm not quite answering your question, but Well, we can talk after if you want to yeah, that's easier anybody else have a question Yep Sure, you just want to see the GIF again, don't you? Can I just you just show the code? Thank you sure So there's a couple pieces for it There is registered. Sorry This this is standard registering a dashboard stuff that we're like if you wanted to register dashboard widget That's the function that you would call Which which code do you want to see or just all of it? Yeah, yeah for sure. So this is just creating a custom slot fill. So maybe is And this is the dashboard widget. This is probably what you're more concerned with right so again up here We have to make sure we're wrapping everything inside of the slot go provider if you don't do that none of this will work And then you need to just put the plug-in area somewhere because it gets rendered literally inside of the div That's hidden so it's displaying on or hidden. I can't remember. So and then Explode your slot wherever you need to be now This can be way more complicated markup You can do really complicated stuff in here and just put the slot in without where you want and then at this point The only thing that you have to do is you're going to register your plug-in and you're going to make sure to enqueue the javascript that contains this On to the dashboard's page like the dashboard widget page. So there's a it's not it's not the block editor a six hood It's like WP admin scripts hook I think but then you have to do like a check to see which actual page it's on In the code example repo. This is all in there. So you can like I said, you can steal it And I'll just leave that up. That's helpful way the back I'm wondering if is it possible to Kind of if I wanted to build a plug-in that shows like a tomato in front of the avocado Like is it possible to do it? Like is there like ordering? That's you can kind of do you brought that up didn't you? Okay, I don't know. There is no Okay, it is based on essentially source order and the or in a queue order at this point I Have a PR that adds ordering so go there and say I want this and maybe we'll get it in but basically you're at the whim of The order in which JavaScript is loaded So if you wanted to specify like if you don't have access to my code There's no guarantees that your your slot will render before mine. In fact, I Have a variation a block variation plug-in for the query loop block that adds a bunch of stuff and Depending on settings the UI bounces around because it's all slot fill-based. So it's a little bit Unfortunate so there is no Ordering right now. The best thing that you can do is register all of your plug-ins in one call Because I'm not sure if I mentioned it, but sorry in here You don't have to just have one slot you could literally have all 13 in here And and they will all be plunked in at the same time because they're all part of one render function So that's a problem about as close as you're gonna get to be able to really control the fine-grained detail So does that answer? Yeah, that's really cool. Thank you. No problem Anyone else questions? Kind of to this other comment. Are you able to contextualize like on your slot check on your plug-in check if another plug-in is loaded and Then oh, that's good. That's to it So there is a way to get so that the plug-ins API actually has more Functions available than just registering you can actually get a list of all the ones that have been registered But again, you're that that runs so late that Everything will be registered by then So it's hard. It's hard to know I mean you could you could do some checks to see if like you know is You know you can check to see if a plug-in is enabled like an actual WordPress plug-in But there's not there's not a ton that you can really do to There's some there's some limitations in the API right now like for example if I register a plug-in that's got 10 slots I could not through the API Get an act get actually I can get access to the plug-in that's been registered But I don't have access to the internal slots I I can I can unregister someone else's plug-in, but it'll de-register everything so all of their slots will just go Away it'd be great if you could say I want this plug-in and I want to get access to all the slots because I don't need this one I want everyone everything else to stay. We were just not there yet I don't know if we'll ever get there, but because that's kind of hard to do in react Performantly I guess it's a word Yeah, yeah it is today Questions Okay, cool. Well if anyone does have questions or whatever I'm around Please feel free to come up and tell me how crappy I did or whatever Thank you


Okay, so we're here because Representative Jim Himes embodies everything that is wrong with Congress today. Derivatives, the financial instrument that was primarily responsible for the 2008 financial meltdown. Now, this bill was written by Citibank lobbyists. 70-85 lines were written by Citibank lobbyists and go figure Citibank is his number one financial donor. So we're going to let Jim Himes know what this kind of corruption looks like to the people he's supposed to represent. Representative Himes, hi, I just wanted to thank you for your leadership on HR992. I really appreciate it. I love you on behalf of Citibank.   Oh, God, thank you. Here, why don't you just take Kerry, Kerry, whatever you can. That's fine, yeah, we'll just get it to his pack, actually. It's all good, it's totally illegal, so thank you for your help. No, this is good, just leave this like maybe with his code check. Take that to Citibank. That's great, yeah, are you going to give it to him? Okay, try Jim, call me.


Skip pass Marshall three. Yes. Good, but there's the rebound Marshall another three Here comes Simon Najee Marshall rocks the rim with the left hand Getting it done with the defense by Marshall picks the pocket Throwing it down Five on the shot clock Marshall The three and gets the roll Back to Marshall jumpers good Marquette, there's a three by Marshall from deep Marshall thought about the three step back Najee Marshall Najee Marshall scoring from everywhere, but man it looks pretty doing it from deep We talked to Travis steel before the game The thing that he pointed out immediately. He said he does it on both sides You can look at the numbers he's been putting up offensively and you know what he's done You mentioned it BC during this win streak over 20 points per game seven rebounds four and a half assists But it's also the way in which he's able to defend so many positions and do some work on defense a new career Hot 31 for Najee Marshall


Tarzan and Darno, in passing through an unfamiliar section of jungle, come upon the remnant of the Burton Ashley expedition. The four, Major Burton Ashley, Jeanette Burton, Dr. Wong Tai, and Terence O'Rourke are lost. Tarzan offers to lead them to safety. In defense of the party, the ape man kills an enormous, yellow-skinned, half-human creature and then conceals Jeanette and the others high in the branches of a tree. Leaving them in the care of Darno, he goes to Reconoiter Returning, he leads the group out of immediate danger to the bank of a distant river. Proceeding cautiously downstream, they hear the sound of strange, guttural voices coming from behind a thick tangle of underbrush. Noiselessly, Tarzan parts the bushes and appears through the opening into a clearing beside the rushing stream. Jeanette, close behind him, stares terrified over the ape man's shoulder. Good heavens! Tarzan, there! Be quiet, Darno. Oh, Tarzan, what is it? Look there. Métonne de presse, yellow men. May they all see and protect us. There are at least 30 of them. I do. We're in for it, Tarzan. Big Harry, we stepped out of the frying pan straight into the fire. You're right, Major. We're in a bad spot. Could this be the group we heard last night? Those drums? No, we left them behind. This must be another party. Look there, on the river bank. Isn't that a dugout? I hate if we could get to that boat. That's what we're going to try for. It is a long way from here. They will see us before we have half covered the distance. We'll take the chance. Suckly blue, we must. It is the only one we have. Right, Lieutenant, with the boat under us, we can paddle out to the middle. Make faces at the yellow here, then, and maybe reach the Congo. Providing this beam empties into the Congo, what do you think, Tarzan? O'Rourke may be right. We'll work down to the edge of the river, to that bail-bab-tree with a screen of bushes. Come on. We have the advantage with our rifles. They're armed only with spears and clubs. Even so, we couldn't kill more than a few of them before the others got to us. Here. Now, when we leave these bushes, we'll be in the open. They'll see us. If we can take them by surprise, maybe we can make it. Yes, it will be a sweet race, and the devil take the heim most. Make straight for the boat. Don't stop until you're in it. Dono, you go first. I'll bring up the rear. Ready? Ready. Then, go. With his rifle ready, Dono bounds from behind the concealing screen of underbrush. Straight toward the dugout, he sprints along the open river bank. Close behind him, the others follow in a desperate attempt to reach the canoe. Before they have covered a third of the distance, a piercing, weird cry of warning resounds through the jungle. Faster, Dono. They've seen us. We'll never make it. Keep going, Jeanette. Ashley. Wong, faster. At the cry, the yellow giants squatting around the fire in the center of the clearing spring to their feet. For an instant, they stare in silent surprise at the fleeing whites. Then, yelling savagely, they leap into action. With uncanny speed, they bound forward toward the dugout in an effort to intercept the fugitives. Gaging the distance between himself and the boat, Dono realizes that he and his companions can never reach it before they are caught by the yellow demons. We cannot make it, Tarzan. They run like antelope. We'll have to give them a fight. Then, devils are closer to the boat now than we are. Tarzan, gather on, Jeanette. Do the best you can. Here they come, the heathen devils. Let them have it. Shrieking, bellowing, many now spouting blood from gunshot wounds, the yellow men rush close and surround the little group of whites as they stand fighting desperately for their lives. The challenging cry of the great apes rings out piercingly above the sounds of battle. One great yellow savage, his shoulder wet and red with blood, charges Tarzan, hurls his heavy spear. The eight man leaps aside, then in close. His night flashes once, twice. With a weird death scream, the yellow hulk lurches forward, calls on Tarzan, burying him to the ground by sheer weight. Before the eight man can toss the dead savage aside, he is smothered by a swarm of yellow bodies. Gradually, the shrill yells, the shots, the sounds of battle die out. Tarzan is jerked roughly to his feet. He looks around to see his companions minus their weapons, captives of the yellow savages. Hello Tarzan, by the chance, the luck is against us. Never mind. Heathen, we thinned out the devils anyway. There is pride of them dead and half a dozen wounded. Are any of you hurt? I have two or three scratches from spears, no more. How are you, Jeanette? Oh, I guess I'm all right. What will they do to us, Uncle Jim? I wish I knew, my dear. Keep us stiff up a little. We can only guess at that memoiselle. It looks very much looked in as if our doom were already sealed. Be fire. Be girly. Come in. Throw us in. They're leading us straight to it, my friend. Moundier Tarzan, do you suppose they are cannibal? It may be. Look, they are tying Ashley and look Dr. Wong together, back to back.  Our turn now. Double up your hands when they bind your wrists. They're bleeding out. Well, they decide our fate, oh God. At least we've escaped being roasted. For the time being, I say, I believe Luton and Darno guessed rightly. These creatures are cannibals. Why, they are throwing their dead into the river. They wouldn't do that if they were cannibals. They are feeding those dead bodies to the crocodiles. Good heavens. The water is alive with them. By Joe, it sounds as if they were calling them. Well, they are stacking our weapons down there near the boat. Thank heaven they're not throwing them in the river. They might just as well for all the good they are to us now. Oh, if we could just get out of these bonds. We would only be caught and tied up again, my child. There are too many. We could not escape. Your bow and arrows and the rope Tarzan. Parla, there. Close to Jeanette and Aurora. Yes, I know. The talking drama. That savage pounding on a hollow log with a club. The talking drama is right. Listen. Communicating with the party we escaped from last night. I'll wait her. That means we shall have visitors shortly. I could, Tarzan. Yes. If you were free, could you reach your bow and arrows and get away into the trees? Yes, but I can't leave you on the others. But Tarzan, you could help us. These drips of hide were tied with her strong. Take me a long time to work loose. Move your arms a little. Your hands. Can you? Not much. Tied so close together, I'll hurt your arms if I move mine. Never mind that. I can feel the knot under my fingers. A very clumsy one. I think I can work it loose. Now, move your arms again. So, bonk, bonk. Now, sit still. While Darno works feverishly at the knot binding his arms with those of Tarzan, several yellow men pile wood on the fire until it becomes a roaring blaze. Two huge brutes squat on the ground beside a hollowed out log. With sticks, they commence to beat slowly, rhythmically on the improvised drum. The remaining yellow men, grasping spears and clubs and chanting monotonously, circle the fire in an awkward shuffling dance. As each savage passes the little group of captives, he shakes his spear and glares at them from cruel, bloodshot eyes. Hey, it's a bushler. Them devils don't mean us any good. Terry, I... I'm scared. God, he saw my... A rook! One! Jeanette! Where is... Where is Tarzan? I'm Darno. Got it. Both of them gone. They must have managed it while we were watching these savages. But... but why didn't they free us, too? That means they've left us to our fate. Live, be a major. Tarzan ain't the fellow to desert. Neither is the lieutenant. You didn't let me finish, Terry. Either they've left us to our fate, or they'll try to rescue us. That's more like it. Them two act like they've been through this sort of thing before. Oh, but good heavens. What can they hope to do alone against so many? Keep your eyes open, a bushler. They'll be giving us a chance to escape. When they do, be ready to take it. If they don't let taken Jeanette with them one. I don't like to think what might happen to her when they've finished with us. Brace yourselves. Here they come. That yellow gang knows Tarzan and Darneau gone. Yelling and gesticulating savagely, the yellow-skinned mob crowds around the four captives. One huge brute, apparently the leader, jerks O'Rourke and Jeanette to their feet. Shaking them fiercely and pointing to the ground where Tarzan and Darneau lay, he growls words at them. O'Rourke glares back at the yellow giant defiantly. Ripping along, bronze knife from the sheaf of his belt, the savage presents the razor sharp point at the Irishman's throat. Oh, gumbo, mumbo, gumbo! Say something, man, before he cuts your throat. If you can't talk, make sign. How the devil can I, with my hands tied? Well, do something if you want to live. Oh, gumbo, mumbo, gumbo! I don't know what the devil you're talking about in yellow-hathen, but if it's the lieutenant and Tarzan you're asking for, Dave's gone. Gone! Gone! Yes, gone, if you know what I mean. The savage guttural growl, the yellow giant hurled O'Rourke and Jeanette to the ground, bends down and cuts the thongs, binding them together. Once more, he jerks the Irishman to his feet and thrusts him into the crowd of yellow men. Jeanette, Wong, and Ashley watch fearfully as the savages drag O'Rourke across the clearing to the river's edge. He should not advise you to watch this, Jeanette, my child. But what are they going to do? What things? They're calling the crocodile. Exactly. And you see, they are coming. Irish shore. Oh! Oh, how awful! They're going to throw Terry in the water!