Hi everyone, Joe for jaspyscasebreaks.com with 2023 Bowman baseball eight box jumbo edition pick your team number 19 from jaspyscasebreaks.com full case jumbo it's been a minute since we've done this so remember all card chip except for paper vets and non-first prospects all obviously all chrome ships all first bowmans ship paper and chrome all rc rookie card paper ship everything else we're going to donate and obviously hits a numbered cards chip i'll show an example as we get going here big thanks to this group for making it happen here on wednesday and most of you won teams in bowman jumbo pack number 19 so thanks everyone for joining that filler henry you ended up with last bot mojo with the mariners officially thanks to the handful of you who bought teams straight up i think to everyone else who helped fill up the filler so it doesn't matter how we get it done i'm just glad we got it done now eric was asking earlier are am i still granting genie wishes like i did in that basketball mixer i don't know that was a special moment there eric i'm not sure if i could repeat that here but we'll see james is going to try he says roman anthony and marcello meyer numbered autos please and thanks let's see what we can do three autographs per box on average cam collier out there in the universe chad seems to be under the impression that that we're like birghting now you can just have it your way i wish it worked like that that would make life easier for for all of us right a little extra room here good luck heavily i feel like we've not seen a lot of cam collier autographs he must be short printed right i feel like i've seen more drew jones autographs than i've seen collier autographs but i don't know we'll find out this is why we play the game ladies and gentlemen nothing ventured nothing gained we're like pirates of the Caribbean sometimes you find a map an x marked the spot you get there you dig it up you find the treasure chest and it's just full of sand sometimes that happens or sometimes it's filled with a bunch of pieces of ape maybe maybe some jewel encrusted sabers you know gigantic pearls who knows this is why we do it we're modern day explorers ladies and gentlemen that's what we are here's javier sorio to 399 green paper for detroit that'll be for jimmy all right so that rookie paper is going to ship all right that julio rodriguez not going to ship oswald oh oswald paresa will ship francisco lindor will not and i know there's still some guys in the miners that have some paper but those aren't going to ship either everything else will obviously these are inserts they'll ship like oh no that'll ship that's a bowman first like anthony gutieres i think he's still a prospect right but yeah that that car's not going to ship his bowman first was in some different product jackson holidays bowman first was in a different product etc etc but everything chrome will ship though for those players this the paper won't help us a little bit shipping wise our first autograph is purple chrome to 250 louise ravello it's going to be for james and the red socks eric m is going to be wishing for a jackson kurio's sights on september autograph that's what the sights on september looks like sometimes they can be autoed so good luck justin crawford's going to the fillies that'll be for matthew drew jones paper for neil who bought the diamond back straight up so first of many i hope justin crawford paper those are going to be going to the fillies matthew chara with that one and we got colby thomas for the a is that's going to be for chris butler we'll do a autograph recap at the end of the break we'll show you all the autographs and any you know any lower numbered cards that we may stumble into there's how you lead to 125 for the fillies matthew with that one is this guy called up yet no right is he gonna get called up this this year andrew painter i feel like i would have we would have heard if he was being called up maybe he'll get a cup of coffee this year i don't know what stage he's in what level he's in right now we got purple paper o'neill cruise and we got a robert parez junior refractor autograph for the mariners that's going to be for last bot mojo henry with that one got spencer jones for the yankees that's going to be for tristan o'neill cruise purple paper for the pirates that's going to be for david we've got our three autographs out of the box any other lower numbered cards here can call your paper for chad and the reds we're on a since natty all right box one in the books box two uh while i'm ripping packs in box two let's uh let's take a let's whip around the league as they as they say i think all games are a final right no like late seattle game or anything like that no that game's already done the angels game's already done two rangers beat the pirates in pittsburgh looks like marcus simian homers perez throws oh martin perez i think right throw seven strong innings smith picks up his hundred save as the rangers top the pirates three two that's that's will smith not catcher will smith but reliever will smith in extra innings the phillies beat the diamondbacks six to five great turner has been getting some booze lately from philly fans he's not really been living up to that big contract and not living up to the big contract he signed with my fantasy baseball team there you go lbc there he is sweep the red dot red sock that's right red socks guess what i am doing well thank mr comment earlier thanks for checking in there's andrew go rangers yeah nice win for the rangers looks like things are starting to click there but tray turner hit a game time home run in the ninth and alec bomb wins it in the tenth so that's good that's good for my fan that was tray turners only hit for these one for five but the home run helps himself the phillies and my fantasy team in cleveland this is for you the white socks shut out the guardian six to nothing michael copec strikes out nine that's pretty good i think he's getting things back on track two after a rough year start of the year that's why we play the game ladies and gentlemen this is why we play the game it's why you play 162 all right we'll go through some more games after this box there's randy day sus for the halos to 499 there's josh young for the rangers he's i think he's been playing well and we got a william lugo yellow lunar you can see the the craters of the moon on there in the background they're 19 out of 75 that's for the Mets that'll be for kevin m and the Mets and our autograph is immanuel bonia for toronto that's going to be for ryan and the blue jays blue birds and you got marion boyd flying around there edward julien is another guy that we're kind of keeping an eye on to an eye on as well spencer jones and samuel zavala bowman and victa it's a slightly thicker card stock those cards are pretty cool drew jones paper you know what else i haven't i haven't seen a lot of cam collars and i was mentioning earlier i haven't seen have you seen any train whistle hits in here i feel like there was a i feel like there was maybe a printing plate that we pull but not a proper one-of-one not a superfactor let alone a superfactor autograph but just even just a regular superfactor i haven't seen so maybe that'll be there for somebody here's some speckle one karela 281 out of 299 for the yankees that's going to go to tristan who bought the yankee straight up you'll get all those spencer joneses as well tristan by the way if you're wondering if those if those lunatics are numbered they're not those ship but i'm just kind of breezing by those because they are not numbered in case you were wondering justin crawford i think most of you know carl crawford so kid there's anthony gutierrez 90 out of 150 for the rangers that's going to be for david m a little color match there blue chrome for the blue rangers the blue power ranger you do power ranger nights out there anyone know do some power ranger nights is this an auto there it is 74 out of 100 camcaller atomic auto for chad in the reds at just bees have it your way i guess it works you rule chad there's a commercial right there i don't know if i'm going to beat the first one chad that's like having like the goat conversation in like the nfl you kind of have to just take tom brady out of it and then you can have the discussion all right next box more scores around the league eric hauser continues his adrian hauser continues his serve as the brewers went for nothing shut out the astros for the second straight game the brewers improved to 27 and 22 on the season astros only managed four hits yeah we have to just take that that that card out of the conversation chat i'm never going to beat that card unless the unthinkable happens um guess what you know all those edward julians for the twins kevin i didn't realize he's uh he's been uh i guess i guess he's already with the twins in this 2023 this was 2022 draft but he's already there edward julian and the twins pound the giant 71 in series finale looks like he returned to the leadoff spot hit a home run and knocked in two and he's right and he's in this set i didn't realize he was already already putting in work we got a Juan abrito that's going to be purple paper to 250 purple paper majesty it's going to be for the rockies that's going to be for scott the rocks and we've got a dodger damon keith it's going to be for jeremy port got randomized my dodgers in the filler we got gabriel guanzales speckle to 299 that's going to be for seattle that's for henry another justin crawford and we got a diego hernandez 71 out of 499 refractor autograph for the royals and it's going to be for david zero zero hype that i've heard of but one of our uh one of our customers here one of our collectors here uh brandon i think it was who lives out in that neck of the woods apparently had gotten uh season tickets for the for the dodger single a affiliate there apparently he's making some noise out there so there's edward julian uh he was drafted in 2019 but that's his moment first but he's already doing damage in the league but hey i'll take i'll take yord on alvarez comps you know a lot a lot a lot of gms definitely do not have any regrets about the moves that they make like the bad moves that they the moves that end up not looking good there you know they're they're a pretty confident group of people they're they're always going to stand by their decisions but dodger's gm andrew freeman did say that if there was one deal i would take back that would be the yord on alvarez deal page romirez refractor to 499 i mean dodger have done fine since but there's matt walner to 499 and there's the page romirez for the cubs that'll be for matthew and we've got a shea lang lears uh out of 150 rookie of the year favorites autograph nice that's for chris butler and the a's and there's josh's brother jason for detroit all right next box oh that's that's a good topic rex let me go through the rest of the scores here first and then we'll we'll get into that drew jones super that's been pulled all right so uh reds beat the cardinals 10 to 3 lively newman stars is red pound out 18 hits can be the problem bed lively earning his first victory kevin newman driving in three raise beat the blue jays the night after uh the blue jays put 20 on the ray i should have bet that game usually home teams who get blown out like that the night before raise lost last night 20 to 1 to the blue jays at home they're usually bouncing back raise beat the blue jay seven to three mclanahan becomes first eight game winner orials beat the yankees nine to six alex call doubles in a four run second nationals doubles in a four run second in the national beat the padres five to three during a deep league alex call might be a good outfielder to have in your fantasy leagues uh ozzy albie's drove in the the walkoff run the walkoff sacrifice fly i think to be my dodgers four three and avoid the sweep tigers beat the royals six four zack short we've seen his autograph before zack short hitting a three-run homer rex's cubs beating the meds four two marcus strohman pitching eight sparkling innings marlins beat the rockies ten to two julie grielle four hits helps marlins route the rockies angels complete the sweep of the red sox otani and trout both homer beat the red sox seven to three and the mariners beating the hapless a six to one brice miller continuing his spectacular start couple b millers pitching pretty well bobby miller pitching well and brice miller only allowing two hits six shot out innings pretty nice stuff all right yeah so this was uh this was i think sometime yesterday an ohio card collector faces a weighty decision after pulling an autograph drew jones super fracture card this is according to the athletic with some with some uh some reporting on the hobby here's a pink aerial almonte to 175 pink paper so davin adams a memorabilia dealer among other things offered whoever pulled the card a 250 000 bounty up for it up front if found within 30 days of its april 26 release so it was just days away from the deadline too and i think the card was not pulled wasn't from a break it was from like a local car shop i think which is awesome you know good for good for that car shop maybe they do breaks who i have no idea but it's always good when the when the hobby shops aren't getting a little love out there so i think as most of you know there was the uh the there were two bounty options obviously the 250 000 dollars straight up or a million option if the diamond backs makes uh if the drew jones of the diamond backs makes the uh hall of fame as a position player i mean yeah you got to take the 250 now right rex is wondering does he take the bounty to try to sell it somewhere else you think he will it go for over 250 rex thinks if he got the two if he if you hit it you would take the 250 and give 50 to the car shop why is that 25 percent 20 25 percent of that that's very generous rex where does that go off to 125 there's nick moribito to 499 i mean they're they're not getting 20 percent of that from me that's for sure the government probably takes uh the government's going to take some of that money too rex so it's probably more than 20 percent you think the government's going to take their hand and keep their hands off of 250 000 dollars that you got from the sale or from cash that davin adams gets you and that's definitely being taxed i mean i i maybe i take the take the shop owner out for like a steak dinner or something like that really nice dinner best restaurant in town kind of thing maybe a nice bottle of wine or something like that we got an elijah green autograph nice 32 out of 50 number 19 on the bowman scouts top 100 that's for matthew from the nationals mm that's interesting i wonder if they would do that rex would want a hundred thousand dollars and then get get give him the rest in bowman cases or maybe this year's 2023 bowman draft cases so you can chase after those bradies i don't know if they do that you could ask though i might take i might i might see if they take cases and you would just stick them in a safety deposit box all right we are uh this is the this is box five so we're halfway through the case four boxes down another four to go about another 30 minutes to go or so and then we're going to do a recon uh half case break if i don't think takes very long and that should bring us pretty close to the end of the night if not not a little over so what would everyone else do if you if you got that drew jones superfractor autograph are you are you cashing it in for two hundred three thousand dollars are you waiting to see if you come to hall of famer what like 30 years later i guess there's aria al-monte to 199 purple lunar paper i mean that it's so hard yeah just take i mean you could take the 250 now use the law of seven to make it one million before you even change the shot yeah i feel like you can take the 250 and if you invest it pretty wisely or even you can even do it pretty conservatively get a bigger return back more more of a guarantee you could put it like you can put in something as simple as i don't know like uh you know you have to put in the stock market you might could put into like a savings account put it like an online savings account like get three percent back the year on that at minimum put it to an edit put it to a s and p 500 index stock and have it be up like 10 percent 10 15 percent in like five six seven years you can buy bowman baseball cases let that appreciate over time it's so hard to predict like hall of famer it's just ridiculous it's an interesting bounty i don't think i mean i'd be shocked if anybody takes if that person takes the the hall of fame option unless that person is like you know here's erin judge lineman unless that person's already like a millionaire doesn't care and maybe has a young child you know and says hey here you go here's here's give it to a small child and say hey you might be able to cash this in for a million dollars in 30 years yeah it's a starter house in some areas right scott not in la not in la but in some other areas yes in ohio maybe in ohio in that in that area here's a manual bonilla probable chrome for the blue jays to 250 who knows if uh who knows if david ams will be around in 30 years all right you got to think drew jones would have to have at least 15 to 20 year career right to put up hall of fame kind of numbers you know and then you got it you got to think gotta think get this bug out of my way get out of here bug you know it probably takes 10 15 20 years to even put up hall of fame numbers just the sheer counting stats alone is james wood oh peace game 250 purple ray wave and then it's like what another six seven years before your hall eligible you got to wait then got to wait during that time and what if he turns out to be an axe murderer in that time there's just too many what ifs just take that now but i get it you know a million dollar bounty out there it sounds sounds pretty uh sounds pretty awesome here's gabriel gonzales that's goal to 50 39 out of 50 for henry and the mariners right yeah how many hall of fame bowman first will ever one of one will ever be a million dollars i mean i don't know i mean who knows what the economy is going to be like in 30 years chances are it's going to be pretty strong you know if there's a kid that's born now and has that card and that that million dollar voucher in question you know then you know maybe there are cards that are going to you know with the natural rising prices that that that generally happen over three decades over 30 years it's inevitably going to happen whether without any global events maybe there will be one million dollar cards but it might not be the same million that it is today though my biggest concern i mean the even bigger concern for me is like what if what if davin adams doesn't have a million dollars and cash laying around 30 years down the road you know what if what if ownership changes and they say no we're not honoring that no way that was a quacky promo they ran in the olden days of 2023 you know here in 2053 where we don't do stupid stuff like that not the davin adams of 2053 it's like their grandchildren or something like that around yeah my grandfather was was was was wacky we don't uh we don't do crazy stuff like that samu moony this is like we're listen we're davin adams we're a fortune 500 company we need we didn't become that just giving away a million dollars drew tones what if he goes into the hall of fame in 2073 what situation would that be oh i guess if his hall of fame eligibility ends and he gets voted in by the player committee is that what is that your scenario james it's a possibility man see then look how long you're waiting here's another mariner refractor autographed robert pares jr for 99 another one for henry last bout mojo yeah that's a good scenario james yeah what if what if what would the what would a more fun way to do that if they um like what if they base it off of like all stars you know in like the first uh in the first five years you know if he has like over under two and a half all stars you know by by five years or something like that within five years over under that could be interesting maybe not a million dollars but maybe like we'll double it if he gets over two and a half all star appearances in his first five years all the things going on in this world and rex is concerned about asteroids that are heading our way there's justin crawford for the fillies there's michael harris for the braves ryan it's matt mervis to 399 lava for the cubs that's going to be for matthew i guess you didn't say you were concerned but i don't know the there there are the the possibilities of of other world-ending events are a lot more plausible and possible than than an asteroid it's like the same people who are you know the people were worried worried about not that rex is worried rex isn't worried but people were worried about asteroids are like the same blue worried about shark attacks brandon walter to 150 brandon walter is for the red sock that'll be for james yeah i feel like there should be like i don't know some sort of game attached to where you would follow his career not just a hall of fame at the end but if there is like you know if there is like something where it's just like yeah if he if he gets over two and a half like let's say you start at like 500 000 or something you know or you should start at 200 000 or something like that or even 100 000 if you said you get over two and a half all stars win this first five years then we escalated we give you another we give you another 50 000 or something like that you know if it's under we'll subtract 50 000 from like the starting point the base and then you just keep going up and down from there for at least the first five years of his career and then you just cash out you know because then you know you don't want to have to wait 30 years for that and you can have a little fun you can kind of stretch it out in a marketing sort of way you can keep stretching that keep keep the uh you can put some long legs on that one promo person still gets paid out the person will still get a minimum of something and I think everyone's happy and you can chance to get more could have been a fun game you know rookie of the year here's another you know 50 000 over two and a half all-star games in a five year in this first five years here's another 25 000 you know do all these fun little escalators there's joe stewart for the angels that'll be for chris butler you know or like guarantee a hundred thousand dollars and then the escalators could make it like six hundred thousand dollars within five years if certain events happen but at minimum the person could still we'll still get a minimum hundred thousand dollars or something like that there's edward julian for the twin that's going to be for kevin and the nelson rada for the angels that's going to be uh for chris all right two box to go almost there stay on target did i ever hear the story about nixon the nixon richard nixon the president took jackie gleason to see aliens the movie the sequel to alien or are you talking about lowercase a aliens in the desert they were friends and gulf is to show them to him and supposedly did like an act like like the the supposed aliens like an area 51 so lowercase a aliens i thought you meant they went to the movies that story is obviously not true but i didn't know that it that was even a thing well there's oswald perrera 25 out of one peraza to 125 there's an oswald pros there's an oswaldo on the yankees too right like i'm just mixing up those names jamming me up we got yafri solano to 499 for the marlin that's going to be for kevin gleason i also who's jackie gleason i feel like that's a name that i know that i couldn't tell you what what jackie gleason was in there is manwell bell tray to 299 speckle for the blue jays ryan honeymooners tv show right and roman anthony to 250 red socks that's going to be for james purple ray wave right smoking the see that's where i would i don't think i've ever seen a minute of honeymooners but smoking the bandit that's that's right we got a simon horn bowman victor atonic to 150 for kevin and we got a george valera autograph 86 out of 99 bowman scouts top 100 number 22 on that list that is for it's for james james l cleveland this is for you there you go on the board with the guardians of the galaxy you think you think the guardians have guardians of the galaxy knights that's that's it's a little on the nose but they've got to do a promo like that right join you're a cleveland guardians for guarding to the galaxy knight bring the kiddos why don't you it's ace is high with ace rothstein and we got a gabriel gonzalez speckle to 299 for henry and the mariners and we've got brail and bishop bishop to e6 going to david and the pirates yeah oh this is the we've still got a box to go eric but this was the onograph that he wanted that he wanted there all right did i show these cards i think i did save these for the autograph recap a little chilly in here now studio lights and get a little toasty in here all right eighth and final box we made it good luck everybody thank you for getting in three more autos to go some numbered cards hopefully we can get some nice hits out of here a low numbered hit something here we go here we go we got a a marion boy 38 out of 150 blue chrome autograph for matthew nelson rada magenta to 199 halos chris butler drew drones chrome and we got troy johnson troy johnson marlins kevin with the fish a stack to go we are almost there almost done it's a cool looking drew jones i like i like these inserts real clean real sharp looking i dig it and there's dian horde refractor autograph to 499 for the rock scott with the rockies won that team in the filler it's 111 out of 499 his bowman first lobster do rocky mountain high colorado got jordan lawlor sites on september atomic to 150 for neil and the diamond backs drew jones paper got some yellow paper in austin charles that's the 75 for kansas city that's going to go to david chrome cam collier chrome cam collier justin crawford paper your donnie de los santos and victor jeremy peña purple paper that's for the straws that's going to be for chris just and crawford for the fillies that'll be for matthew and done thanks everybody this is bowman jumbo pick your team 18 in the books here's a quick little recap it's nice stuff here and that alaija green real cool looking shea lang lears got some nice color got that atomic collier a lot of great stuff thanks for watching everybody i'm joe for jazzy's case breaks i'll see you next time for the next baseball break bye


Alexander Stepanovich Popov, one of the world pioneers of radio communications, was born in Russia in 1859. In 1894 he was able to generate radio waves, but could only detect them over a few metres. Popov improved the Kohira for receiving waves, and by attaching an antenna to one end of it and grounding the other, he could detect lightning many kilometres away, giving advance warning of dangerous storms. It was the first time that such an antenna had received electromagnetic waves. Popov demonstrated his invention to the Russian Physical and Chemical Society in 1895, and it was later set up at a weather observatory. At a meeting of the Society at St. Petersburg University in 1896, Popov sent radio signals between buildings some 245 metres apart. By January 1900, a 47 kilometre radio link had been established between the town of Kotka on the Gulf of Finland and Hogland Island, where teams were working to release a ship that had run aground. That winter, Hogland received a distress call from 50 men stranded on an ice flow. A vessel was immediately sent to the rescue. It was probably the first time that radio communications were used to save lives. The main conference hall at ITU's headquarters has been named the Popov Room in his honour.


Right now we're proving a capability that through our readiness we can bring a mechanized force up to a German training center and work hand-in-hand with our allies ready to execute an operation. For the first time we're finding out that if we have to cross the river in the future the gap crossing capabilities are there. It may not be there with the US forces, but any of our multinationals can step up and provide that capability to get us into the fight.


Hi Today I'm going to talk about ember power select ember power select is an add-on I built recently and Was a source of inspiration for many patterns I discovered It's also a talk about composing components because it's the pattern I Use for building this and the pattern I wanted to enable with this add-on This is going to be a light coding talk most of it, but I have a few slides and besides I have no Plan B. So if I don't I mean everything is going to be done by scratch from scratch I'm going to create a new component within 10 minutes. It has to work My you can find me on Twitter or github under these nicknames And the first question is why why I wanted to build yet another select component and the reason is I look at the Existing at the landscape of existing components for ember set components for ember and I found these problems Most of them if not all were wrappers around jQuery libraries jQuery libraries has been there forever and They have a lot of acquired knowledge So it's valuable to reuse this knowledge But they still you have been limited by the equities the jQuery API surface Which is not very friendly for our for to the declarative way of building UI's and ember So there's they are not idiomatic to use They are tricky when you want to use them with ember data collections because they are not playing a race the mind the ember data collections can mutate and The amount of glue code you need to put in your add-on to wrap your jQuery library happens to be Usually bigger than the amount of code you need to write to build something from scratch and Also, if you want to customize and what's my need? I don't want it to use it needed to customize my selects quite a lot It's just not possible to usually they are what I call monolithic black boxes your add-on. I mean them The jQuery jQuery library is a black box and you need to take take it or leave it pattern I call the large monolithic with an army of options This is a the kind of components where you Have a huge API with a lot of information to move things around or tweak every single detail And you need a 20 pages manual to know how to use something that makes me very sad and We know better when it comes to create components. We have very very good API C number and very with Surface for using the template to compose your UI That's why I build ember power select you can find it on ember power select dot com and I built this add-on with composition So my idea with you for building components is you should take a small fine-grained focus components and build them or put them play level with them So you can build your complex UI from very small and very focused Components so if this is a real example the ember power select with multiple selection is basically a particular case of the power select Power select is built over another add-on of myself called ember basic drop down That is just a trigger that opens a floating box and know who to position this box absolutely over below the trigger And this thing this Automatic positioning is done with ember wormhole. So you can render part of your UI in another Tom element usually on the root of the page And it's also built for composition because I want to allow people to use my add-ons and Compose their own specific version of my add-on for fulfill their needs Because you assume it you cannot fail you cannot prevent or For seeing all the needs of your users. So you need to enable them to modify your component That's an example of how the company is organized if you look at any pie any piece of UI This is an example. You can see that it is chunks of the UI with different Needs and different behaviors in A set component basically you have as the main Areas the trigger which is the box on the top and the list of options and apart from that You also may consider the content of the trigger another component the Theme you may have another Slot before the list because you may want to add a search box there Another below the list in this case is empty, but you could add something there and Each option of the list is also a component or a block you can pass Let's see or I want to demonstrate how to build a Select that allows you to with drag and drop sort the options Within 10 minutes. I have no backup plan. Let's see what how it goes That's it. So let's go into create a new member project. So it's going to be an add-on.  I have local npm. Let's see if it works Less, okay There we are installing yet I'm going to do here. This is the application is vs of my add-on because I want to try to use it and And show how I evolve the code the add-on into the final result This is taking a while because it's you know npm Stalling it's big enough Okay, that's the biggest npm chunk.  Oh something went wrong Is Yeah, but let me see less less no What is going on? There Okay, the speaker either it is Get there Let's see, but I don't know is this thing trying to push to get it's just Okay So Uh No, because I was everything was guys in theory, so it should be equally slow Well, yeah me I say 25 minutes probably appear let's try sl that's it That's fantastic I'm going to do that right now Are these people look at this You know npm is the new i it's compiling of the modern era About power that's good. Yes. We have this unless so let's see the Into the folder split the string again First of all, this is going to be an add-on over an add-on. So I need to install the original one Ember install sorry install Ember power Select and I want to install the latest beta. So 0.8 0.0 That's a little seven. I think I like betas. It's good for people not yelling at you because you break things Okay, and now yes embarrass This should be quick localhost Please work There we are. So first of all, I want to use the component. Uh The basic one so I going to do Uh, it's this going well, obviously if you want to sort options, it has to be a multiple select for having more than one So, uh Power select multiple options equals Options why not? selected equals selected And on change, which is the only actions We care about We are going to Do an action That is going only to mutate the selected value. So mute selected This is going to yield each option of the Of the collection. I'm going to call it number or num multiple And in here, we are going to just put the num because it's going to be a string and I don't need to do anything with that Uh, I also want to Ember g controller Uh application because I want to define this data application controller and Options is going to be an array with one two three four and Yeah, seven seven Why not? And Let's see. Okay. We have a multiple select working. That's nothing fancy. Oh, yes. It's very important. Um Oh much better Let's go. Um Oops, you know nobody And so we want to do is basically drag and drop this thing and reorder the options and This component as I show in the presentation has some slots you can personal Customize this one the trigger is the one I customize to add some kind of drag and drop functionality in there So, uh, I'm going to Keep sorry. Um, I'm going to Add that here, uh an option. I'm going to call the trigger component is power select sortable Trigger I'm going to render this component in the slot prepared for that And it's going to replace the default behavior So let's generate this handle this controller this component ember g component Sorry Copy paste there install and Trigger hbs Are you going to do blah and see if it works? No, what's going on? I know what's going on Happens with when you have an addon that has to compile templates. You need to move a hand a html bars To that runtime dependencies Sorry and Package.json So html bar has to be Here There probably need to restart There it's working. Basically it's rendering my component that has some blur test Text text so now I want to Give some functionality to this the first the first thing I can do is check how Ember CLI itself is built. Sorry, Ember CLI itself ember power select is built Because I'm using duck footing. So my component is built on top of my component The bow the multiple version. So if I go to the Templates of the multiple component You see that there is a trigger a custom trigger which is this mark up I want to copy it because mostly of most of it is fine for me I copy it and paste it. That's the markup. I want This fails because there is an action search is not found In the Addon itself if I look for trigger J s the code of the component Not this this You see that there is some logic in this component. So I'm going to inherit from This in Trigger.js Instead of create an editing from ember component. I'm going to import. I'm going to call it ember power select a multiple Trigger from I'm sorry Thanks I'm going to use how to complete. So This run, but it's fine And import different ember power select Addon components power select multiple trigger without the js. I think Let's see if it works From the addon Yes, addon is not needed And see if it works. Yes So for now we have the same thing we did but with our custom component on top So now is when we want to use something else to allow drag and drop There is a very good addon for that by jamie And allows you to allows us to do this kind of drag and nice drag and drop thing and That's I'm going just to copy text to copy the example in the very read me And paste it and see if I can modify things a little So we have a ul. I don't want any any list for it for this. So empty tag name.  I want to keep the markup model it in group, uh, I don't really need a handle. I want to drag the thing with the entire element And The rest of the component is something I can copy. Let's put it here Uh indent Let's comment out the rest And see if it works Sortable group Oh, because I I never installed the addon. So ember install Ember Sortable There restart and see if this works Okay, let's select one element another element and drag it Oh, I can drag only vertically. That's fine. That's fine Uh, there is an option for that in here because I don't know how this works, but jamie you do and Direction equals X I'm all right See Lex one two seven And drag it. Oh, we're dragging Okay, and if I drop nothing happens because I have no actions for this drop event Let's do it. I don't have a reorder items, but I can add it Action reorder items and if I go to the trigger, uh, I close it trigger.js I'm going to add an action for this action actions reorder item Uh, if I'm right this receive the items in the new order And I just want to call the default behavior. So this I nested component receives An object that contains the public api of the parent component. So I do this dot get The select and action and then I call actions dot Choose this thing Choose and the items So now Sort the other items not There Okay, if I now I select Three items and I drag and drop Whoa, something went wrong You know This thing happens as I said, I have no backup plan. So if you see something fishy, tell me please And if I reorder And items and the fine and the fine. Okay, something is wrong in the template A item is option And I'm pretty confident this is going to work now. So remove this thing reload One two seven and it works It's not done Let's add Another let me go and now I can I'm confident I can remove this thing and In the application sbs. I'm going to add a copy of this thing for reference here here And I don't want to make this one The one below is the new one Sorry They are both bound to the same value Okay, that's working This took like five minutes ten minutes if it wasn't for a for npm So this is still not ideal because if you look in the template if we look in the template There You have this Wide thing because in every single call where you want to call this component You need to specify I want the trigger component to be that this specific component. I have So let's create a new component That wraps this usage and call it sortable And basically I don't want this. I want to be automatic when I use this component. I always use the sortable behavior And Let's create this component mber g component Power select Sortable there I don't think I need this anymore Need this uh Sortable hbs And in here I want From this component render a multiple select With my options. So I want to compose this component On top of mber power select multiple as I did before So I'm going to sorry Here I copy this thing let me undo I want this No, I want This I want here But uh There is more options. So probably I should enumerate every option in that the Original component allows so I can have the very same interface The best way to do that is I go to the original one. I check in the template of the component How I did it select add on templates This one I'm basically copy all of this It's just a list deal with it Where you want to Handle everything this is probably On focus sorry On focus. I don't I bypass everything On open And the only difference is that the trigger component Will be trigger component. That's fine. And I want the trigger component to be this one here so I'm going to copy this thing delete this thing and in the J s I'm just going to specify that The trigger component is always the same value and Tachname. I don't want this to be a hover wrapper tag So if everything is working this should be here. Sorry. Um, I think I did some yes power select multiple this thing Dash and Reload I can drag and drop. Yes, I can drag and drop. So now we have this nice interface That is exactly the same as the original component Except from the name of the component and we have built within a few minutes a component that with a quite complicated behavior Because there is there is in the wild components that they are very good on a specific task meaning being a select or being a Drop drop and drop sortable thing so we are Taking advantage of this for our Our benefit so Let's recap what we did. Why I think composition is awesome First of all We are standing on the shoulders of giants meaning this case jamie because jamie built A very big component for sorting things. I have no idea who he works and I don't care I know that has a very nice declarative api in the template I drag and drop things and my component is very good at being a select that has no idea how to sort things We mix both and we have the desired behavior We don't need to reinvent the wheel because jamie jamie did I did someone else did ember one hole and I'm think I'm very Thank you. Thank you for for that Another advantage of this approach for having very focused components Composed to create big good experiences Is that apart from not reinventing the wheel you don't shift the wheel twice If you are using by example, I think it's ember model You are already using ember one hole So your component is using ember one hole. This other component is using ember one hole You're using the exact same code. So you don't pay the pay the price in the site of the application Saying if you're using any sufficiency sufficiently big application, you're going to have a lot of components being used And some of them may depend on the same package So you don't want this functionality to to be repeated and they go to be twice in your payload And you get more reliable reliable results faster. We made this thing within a few minutes Is as rocket is as Rock solid as ember power select and ember saltable is on a standalone thing combined This is the current structure power select sortable depends on ember power select multiple that depends on Power select that depends on ratio drop down that depends on one hole and also uses ember saltable And I we did this with a few lines But a little effort for very good for very good results within the time So compose start right now create. It's what I call building blocks start creating addons that are very good at something And when you want to create something A complex Mix and match As long as the your addons the addons you are using keep the public api consistent You have Free upgrades with no break it no breaking changes You have the good part every book fix everything for free on your own on your own addon And you need to care about H cases that someone else already covered And that's it Thanks If we are on time if we are on time I like to first of all get at everything DCI Life run ember London Let's see if I can get push Yes GitHub I'm going to deploy the I release this thing live So why not? New repo power select there is a few addons already So a sortable There great repo Copy this thing Oops push this thing Works Reload and ember release Yes, why not? An mpm publish See No, but let me kill This It's my local mpm. I want to set the registry to the original one And publish again cross fingers Deploy