Merken

Higher Order Components

Zitierlink des Filmsegments
Embed Code

Automatisierte Medienanalyse

Beta
Erkannte Entitäten
Sprachtranskript
and in the and and I I 1 and I can delay told to talk about Tiger all the components and it's also the journey that I follow when I was creating some items and I discover how to compose into together and how this active part the actually helps a lot to create Mary the eyes so what about me that's my name you can find me in you know this country's or on the and I will know that's the scandals and I have information to make I am not British and then the 2nd 1 if about this is that my last light I only have because of this disclaimer is going to be a lot of code I'm not so I decided to make it lighter this the last time and energy and only thing between you and the buyer I wanted to make it more
entertaining and decided to tell you a story said again and and and and so I want will story now at Europe and his
next but he came to his master and his mother is lying in bed receipt seek well however they allow for the the 8 something poisonous yesterday and we need to save him so you know that the bill to do that we need the ability the bigger so we can go back in time and safety the thing is his very Sagan would have time actually I is very sick and we without actually trying to build a single tracks so we need to find a way and he their beliefs and ask the full URI so far this give us a lot of Our uh his approach he says his approval now we need a reputable those existing do it on time so for the thing that really the antecedent of upon components on his sample so let's go there when it and density lots and that's the way how the or the finances and they wouldn't understand to mean the understand what higher all components are the they think this is the Commission taken away from Wikipedia being mathematics or politicize for the mother a haggle function is a function that either take some other fighters argument recursive function from it the 1st line is that controversy about 2nd 1 it's a everybody reason so this is that the canonical example of a high the other components of 3 functions and in this case this is this working that in this case the function of all it's written in the but Pretoria function that uses that in India over there so when you go they be another function we've never went for the function so where you calling with 3 is going to give you 4 and if you call it with another number is going to always to let the number to the the size of and the key thing is that this is what his way because this would what is called a cluster this number that is available within this context it's wrapped in this function so he becomes private state of this function I will get back to that to see why clusters happens to be related with the head of the components but this it's fine we have seen this kind of functions before but I don't see whether this how this thing apply to my components things components are essentially functional most of them are so they may know they can themselves at 9 the result then given the same inputs they're going to generate the same output that was being usually value x that means don't last events and regular functions our function that than other functions so higher the components of component the written and other component from me key thing is that components I can return 1st another is nothing like a return component so there's an enemy that's happening in the in of the town so we should go there think it is the mouse is such faster these people and you got there with them this see if these people has the answer it and it may have an him and the no it let's go within his they ever a master but he's since the very grandpa today so we decided I mean we all get something that you might 0 these men and everyone in this room that the same we do all in the let's go with the Mori blood along the years that year so can come whatever the values and actually the answer is yes sort of thing about the did the word think curious as a a keyword allow you to from within a component yeah the here you can perform some computations and then whatever you back to deal it becomes available in the block between the pipes only with the in the span of this block that means that is like that kind of is a temporary it's a evident that is only available within a block so using this approach that means you we do can return things from components that hold with rhetorical born in for anomaly component and these were combining cure enter the game the combining cure has been available for a long time and number 2 . 3 primary doesn't fails me and it has to use it as the 1st 1 is not that interesting but it's renderer component given the string with his name that is you pass my bet to the component you or a news going to look at the company with a name and render it in this case the enormous and YBasub if you pass up bound value you it's going to look at their the components we uh whose name it's containing this value and rendered the 2nd usages demand more more interesting 1 is the cluster combining to make the need is that when the component equally symbol in what I call and non renderable context that he's not between career races this is combining is not going to be is going to be instantiated sort of and passed to either similar combined or in this case to deal so he this components are available in this block the first one it's user about power and you are finding I red something that you Madam sites so in here when you call the comparing again and you have to have the you're going to render this component and these values are really bound because the where past when the company was initially states so we have the same happens with the next 1 Metro and is equivalent to render the company we do think that this is the sex and think if a we decided we want to override values or a complement about aware uh you can whatever you pass on invocation wins over when you pass window and a and this under happens to be social commonalities in a sharp cuts in that for these these the half were basically if you put these components inside an object server and you give it the name you win 2 things 1st of all you have given a name to the components so you of defining a pretty PI and you can use the of using components and used to have a other you can do is shorter the undue kind about with other component you because it's going to find this thing ticket that is a component of the nation and that means I have to render it and the key thing is that this approach of having components yielded from another component means it's combining retains its ability to have blocks this a key so this seems very complex creating components passes on values Gylling outside so you can render them again maybe complement than their complement government with some other arguments the but this is a very important concept for a genocide so our here now needs to be goes we hire an agonist ever priest lives in the temple of the core themes the it
but so they stay with uh at the time of the their so this is this at him I used by the process he knew that they wouldn't come and see what we want to finish our training with him you know would remove of watch a what society an the time is running out so as to the topic and this is at the a matter to me it's close to my heart AB anything is important not just because of esthetics which I agree so the matters is also because that company with the with the BIC combine that make you less prone to make mistakes somebody with a API basically make sugars matter which of the what there these are some good practices you however I have the silent pretty much everyone with arises in conclusions the list assumptions the better and this means that the semantic a number over which you don't wanna have too many options depends on the component itself but you have to find that you have lots of books and has 7 options that's that's wrong so does so 1 example another is have by means that mutation so I know the band is stopped and comedian sometimes but if you find a surface so the time this is going to be right we want to extend this component with some of values the minimize the number of monitor options that means the Commission of the cooperation to some extent you can be sensitive falls options passed components care that care about them that means when you see a lot of companies receiving properties with prefixes that these here the class and the poor for the class for the color that's as smell and and if a component has all this press it should be easy to extend the way the case so you can reuse it in many contexts before that the master the must these so these a problems you once asked to build the color component the condiments from the easiest component you can imagine is that textbooks with up the and around this is the 1st approach that there is then work here is going to follow it up OK master I can do that it's greasy so start X-tilde sick equals text we get the combined with upon value and there the format the related these male such a simple you have found out that his company with doing so you uh attributes and then you have these label that is they around saying that you can click and see if the 4 attribute matches they you will be of their technical side which is hiking and whenever you taken this you going to have all this thing which mutates the value simple the thing now the master wants us to add up to say because this check what is going to use to modify user preferences of something about the means everything to change it you need to say during is you seem that binding is the only way you have to hook into it state chains issues in of servers which can get out of hand very quickly or in a more committed example you could even have to be brevity we get the sense that there's and there's something many summer thing but if you buy sample 1 to not modify this value and you actually get a response from the server you can't so you decision for these it will not only stick a larger set that means being explicit about how the State Flow so you pass the check property and you passed the cow a cow but when change is going to be invoked whenever the double its interacting with so you decide what to those which usually would be mutated value contains here's the things the mood chains we in effect is going to call intersectional whatever that is and you that I would do which is usually listing of the but it could be safe or unsafe good states to the server maybe American Gorizia something like that and the key point is that it's up to you to decide what to do when this function invoked the next thing that they're in the highest priest wants us to do its this component should be available in 2 sizes and frequent it seems like a whim but OK we have assigned we can do that and the thing is we now bound 5 and got our proposed to happen to match uses classes what we want and now we pass them every time you want to uh change because of the core burning is we want to make this thing every time we will the components so following the rules because Our here's away aware of this then I rules we mention before we decide to pass on the full values so only when you want some different value from this you actually task or on site so you get the same API so far so it's a pretty minimal the times now want let labels thing about labels labels is not just a rewriting the label has double the tech books because that's how there are 2 courses were so for that that means that you would this they will have to be you with the of the textbooks that broadening the label should be part of the components of the has access to these unique ID we generated before there it is not in this case you would pass a label we render some extra block and that's only change during this but if we continue this spot now we have label indemnification which in not mandatory but this is still there and now we have 4 they label has to have its own good so they're all different colors see this pattern and now we want to labels is another thing in the and the thing with labels when the more than 1 is that the 1 on the left and doesn't the now it always is able to win the right all which enable is 1 has can have a different color and we ended up with these things we have off-label with you behind you buy things on click it changes to follow the value and it had all the Winkler this remains the same and then you have the own-label own-label caller on click and changes the value to true indices so this is becoming more and more complex and now we have the CPI of label of a local or on label only color and now we want images inside every tree classes on the label in the streets or you can we may want to attain labels in 1 side is really not a friend of the labels next to the low but some so I do not think that it not me I give up so waves of our and this is when we tried so far even if we try to be very good citizens we managed to Don abuse binding I minimize monitoring of cells with the assisted the falls bad but we still have too many way too many options for a select the stereophonic sound I take are um to techniques basically and options are past in always to this top level and we have labels inside so that's where you see these factors like off-label all their employer or they will only report or you see that something popping were fighting to become a 1st class citizen and as you see if you want to that images right of of the that at this point is per we should start over so really the we need to go to the place I will find answers basically by messing with the corpses of all the people that I before us that is not the vendor's place is more often than not you actually get something valuable from it so let's see if we go to the red onion and see how act I think these are the corpses of dead brother's eye on as this and use a stranger I want it within the we're looking for the secret to create reusable components the band of remote happens to have this secret but not with the view of specifically we would propose that Walter if if and led by the end end of the world and the
and and you and
that we approve also warping the of his secret and the this is basically when we have with which Croatia that have high I think it has been we should have gone to meet you that's a dinosaur amazing guy and he doesn't deserve any of the and this is a block both of them have wrote back in 2015 so is pretty all and where he explained a pattern that he found useful rate in greeting reacts components and I happened to also find this thing pretty useful for many patterns that are hard to implement with uh you want to make things registers muscle and if they think the whole block revolves around the the operas these are the bodies and content of abundance it these extremely simple With the presentation components our companies our care about how things look like on the and they really have the only state and if they do it's only about these felt pools or you will bear you I write this stuff and also considered components we are which are the companies that contain the logic in all the data and the pro usually relying on all the uh components to to the marker for them but they don't have a mark up by themselves so with this our hero has an epiphany and we thing we know how to solve this other they said the riddle so we're going to spin with a grand and renew master great 1 we found answers print them important why everything was so that we were working at the wrong level structures and this is something that he's depression by the way of the signing the API no matter in there or whether it's will work at the right level of abstraction abstract the things you want to hide and not high too much because that amazingly prevents you from modifying or untrained to before data so review let's recap where we were before we had to check property than chains section and then we have core rule of label of a cholera label or a label color you see the pattern here the labels are fighting to become first-class citizens and we fight we find ourselves in a conundrum where we can the component together because the logic is related all even the person tationally labels and success are fighting to become components in their own or we can separate them that would make style you very easy but the means we have to wire everything together self everything we want to use them and answer to the really essentially to the Novel of them for both in a sense let's see if we find this father we can get some even with a side a public company is going to be a country component that this is going to handle all the logic it generates value the same thing before but uh you have an action and change that is the 1 that is going to be given a value is going to set called intersection outside with his value and it's not giving any value is going to get the opposite of the were aligned and also called intersection the thing is you know this company has no markup at all you just call you and passes 2 components of our presentation components this switch component and a label combine their just components have been divided from the reader 1 and it passes everything you may need to change the tail section the you idiot property so the company has that has been wired already so these component prepares everything inside and they produce a components are extremely simple the city's just copy the mark up and put here that bodies because users of where actually belong size and the color and a exible label is just a dual and have to be at the combined with a pattern on additive bounds and whatever you think it is willing to call the intersection with the value component so it's relying on the bilingual voting to decide what calling section actually means and these the last officially thinkable we wanted at the right level of abstraction so in the case of In case we want to render justice in very simple straight we call the extra component the tech property intersection and we get something back the is an object the has to switch component so you we call it and we get a nice small green switch but he wanted to make it big and red you pass red as I speak and you pass this to the streets because the circuit but it actually cares about this properties and along the label you use a label you have also label component of uh available for you you got it and has a block so inside there you have it have imitation of anything you want I mean you can even have many labels each 1 which is ongoing work and we realize now there is no labeled polar we have caller the happens to be passed to the label and their size could people to pass to the label that means we are no longer making up names like altlabel core only what color we have to have a label with some value falls and now they've names have so you know the properties have names that actually makes sense is not label core you have is to pass it to the labor component and you can even put a ball from 1 side that makes sense or past history there and some classes like that italic and you have done the things we can even makes a max bootstrap mark-up sub-tables anyone because now are different entities that happens to require outside and all this may seem a bit proposed by thing is you need to use this thing happened this but in all the time because even if you compose the combining this way you may want to make this thing popped being bypassing the block and if you don't pass a block something you can always use and they have a lock a magical property you just render their x double nothing else and you end up with the exact same API you add a diving inning no extra arguments nothing else it's like having tumults Our mode understand the mold that you can switch between by passion of luck and this is a pattern enables a proposition in many ways that were not possible before I mean we briefly review f or you can allow the users to the site I want your streets it works well but it does it looks nice so can me I want to make a difference if we make that the component URIs rendering not strings bound values here sit component level components the past the same the falsity worry for but now something the user can pass to components you can create some Gracie shift the 1st with a bunch of CSS and you can pass this new component you created that is just marker because remember the logic it's outside this component so it's very easy for you to replace it and you can add some very crazy said books with very great animations and is the it just use have to have assigned next to you so in the mastery
hopping is happy with our progress we are what the of giving the components we need to build a baby care and save our beloved faulty the so let's see I we got a lot to components that I'll send what we need to build a the people we get the player base of the and then the poet calendar and the the set out to the body I created that follow the spiders I can regrets that discovering the CDs after I created the power compare select but it's not is something we can fix and this uh approach of having the drop down yielding 2 components and having no might by itself and same with a calendar it it can go a bit beyond and you can decide that the entire API is the object should yield so that means it has a state like this open actions like close double that helper functions even make sense and we I have it the right we think of my components these approach this and this is the best means that when using and they think the key thing is that if all of them follow the same should have the same shape you can the political things with it it we think about a bit bigger the bigger is nothing more than that drop a calendar inside a drop-down that's basically the and you may or may not half of input data in an input field yes where you in and allowed to modify the data and this is the BIO both of them I have the have remove you properties for for fitting the site this is there the parable for them so you have actions from both and what happens if you make them because their objects and not just can the merits and you can do things with it so How do we measure components the it's simpler than it looks Because you can render the drop down and now you have the job done here available within the scope so far no marker then you can render the public and and get the calendar year and still no marker so now we want to jail both that the so you still under but the calendar and a drop-down but we said that we want exposes the necessary components many components because we could have done this thing already in the thin plate so we are going to use they assign the helper December I created this just however that takes some of this and do it merge as always everything that's and we can pass even extra things like in this case it makes sense to have a form update helper the Wikinews yeah and how do we use now we have the power the which is the thing we before we their data and it's a section which you would remember where passed to the right thing effect so from the outside it looks like a single component it received a drop-down In the case both of drop down so has to occur and content but also the calendar so you have they and navigation and base all together we have not 2 components and create something that didn't exist before and you have the input text that executes a together there compared helper which is using some whatever because Mr. there's no such thing as context of purpose for now or you can even decide that they're the input is not something you can any that you can uh want to open the top down with a button next week so at the end you can decide whatever you want you can have the content with circles inside because remember its component is still retains is its ability to have its own blocks so that means we are not limited to their 2 blocks per component idea now we have many components that means we have 2 blocks back component I would have speeded this thing into for things if I'm if I'm right is the result them about what a bigger which by the way is something that actually exist compared go to recover so now that we have everything we want to know do that unstable fourfold
so he's not here yet so we can find that the person of rock roots and save and the where this is the performance of what else so and this is just the beginning it's there's a lot of things you can do with it there is many many patterns you go follow I going to mention 1 because I like it a lot because the components this is you need to actually they out of attention to these but you can actually when they're the same components we think that combine following like a like Lancaster you and me friend as many labels as you want and you need to pass all the options every time because you if you're in the the same component this same options you pass in the indentation use so you only modify a few things and you get the new context you things like nested menus and other things and here I mean I think of all the
family of all
Energiedichte
Mereologie
Information
Ordnung <Mathematik>
Code
Computeranimation
Resultante
Web Site
Konfiguration <Informatik>
Algebraisch abgeschlossener Körper
Zahlenbereich
Computer
Ikosaeder
Computerunterstütztes Verfahren
Lie-Gruppe
Weg <Topologie>
Regulärer Graph
Spieltheorie
Stichprobenumfang
Bildschirmfenster
Volumenvisualisierung
Ordnung <Mathematik>
Cluster <Rechnernetz>
Rippen <Informatik>
Schnitt <Graphentheorie>
Gerade
Funktion <Mathematik>
Schreib-Lese-Kopf
Leistung <Physik>
Parametersystem
Lineares Funktional
Mathematik
Volumenvisualisierung
Mathematisierung
Spieltheorie
Gasströmung
Gibbs-Verteilung
Symboltabelle
p-Block
Ein-Ausgabe
Kontextbezogenes System
Ereignishorizont
Quick-Sort
Dichte <Physik>
Objekt <Kategorie>
Lemma <Logik>
Funktion <Mathematik>
Server
Speicherabzug
Rekursive Funktion
Schlüsselverwaltung
Aggregatzustand
Zeichenkette
Punkt
Prozess <Physik>
Konfiguration <Informatik>
Familie <Mathematik>
Extrempunkt
Computeranimation
Übergang
Formale Semantik
Netzwerktopologie
Spezialrechner
Mehrrechnersystem
Charakteristisches Polynom
Hook <Programmierung>
Gruppe <Mathematik>
Mustersprache
Lineares Funktional
Sichtenkonzept
Kategorie <Mathematik>
p-Block
Konfiguration <Informatik>
Entscheidungstheorie
Arithmetisches Mittel
Verkettung <Informatik>
Menge
Rechter Winkel
Server
Dateiformat
Aggregatzustand
Web Site
Wellenpaket
Wellenlehre
Mathematisierung
Klasse <Mathematik>
Zellularer Automat
Zahlenbereich
Task
Flächentheorie
Stichprobenumfang
Endogene Variable
Virtuelle Realität
Indexberechnung
Maßerweiterung
Bildgebendes Verfahren
Attributierte Grammatik
Soundverarbeitung
Matching <Graphentheorie>
Vererbungshierarchie
Default
Mathematisierung
Schlussregel
Mailing-Liste
Objektklasse
Datenfluss
Schnelltaste
Mereologie
Farbenraum
Speicherabzug
Kantenfärbung
Beobachtungsstudie
Resultante
Bit
Abstimmung <Frequenz>
Extrempunkt
Beschreibungssprache
Bootstrap-Aggregation
Abstraktionsebene
Computeranimation
Gebundener Zustand
Übergang
Arbeit <Physik>
Prozess <Informatik>
Trennschärfe <Statistik>
Mustersprache
Tropfen
Verschiebungsoperator
ATM
Addition
Parametersystem
Lineares Funktional
Shape <Informatik>
Kategorie <Mathematik>
Abstraktionsebene
p-Block
Bitrate
Ein-Ausgabe
Kontextbezogenes System
Arithmetisches Mittel
Verkettung <Informatik>
Datenfeld
Einheit <Mathematik>
Rechter Winkel
Garbentheorie
Aggregatzustand
Zeichenkette
Web Site
Subtraktion
Mathematische Logik
Mathematisierung
Klasse <Mathematik>
Gruppenoperation
Abgeschlossene Menge
Kombinatorische Gruppentheorie
Mathematische Logik
Bildschirmmaske
Arithmetische Folge
Delisches Problem
Inhalt <Mathematik>
Datenstruktur
Leistung <Physik>
Soundverarbeitung
Kreisfläche
Spider <Programm>
Aussage <Mathematik>
Schlussregel
Visuelles System
Objekt <Kategorie>
Modallogik
Offene Menge
Digitaltechnik
Leistung <Physik>
Speicherabzug
Kantenfärbung
Steuerwerk
Modul <Datentyp>
Fahne <Mathematik>
Typentheorie
Mustersprache
Familie <Mathematik>
Hilfesystem
Wurzel <Mathematik>
Kontextbezogenes System
Computeranimation
Konfiguration <Informatik>

Metadaten

Formale Metadaten

Titel Higher Order Components
Serientitel Ember Conf 2017
Autor Camba, Miguel
Lizenz CC-Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported:
Sie dürfen das Werk bzw. den Inhalt zu jedem legalen und nicht-kommerziellen Zweck nutzen, verändern und in unveränderter oder veränderter Form vervielfältigen, verbreiten und öffentlich zugänglich machen, sofern Sie den Namen des Autors/Rechteinhabers in der von ihm festgelegten Weise nennen und das Werk bzw. diesen Inhalt auch in veränderter Form nur unter den Bedingungen dieser Lizenz weitergeben.
DOI 10.5446/33639
Herausgeber Confreaks, LLC
Erscheinungsjahr 2017
Sprache Englisch

Inhaltliche Metadaten

Fachgebiet Informatik
Abstract Since the component keyword and the hash helper were introduced to the framework, a whole new realm of APIs has become possible and yet the broader community has yet to fully embrace these powerful abstractions. With this talk I will help to spread awareness of the dormant power that developers have to hand, and how and when to use them.

Ähnliche Filme

Loading...