tillbaka till startsidan

47. För väldigt länge sedan

Lyssna på Spotify lyssna! Lyssna på iTunes

Efter att Anton för en gångs skull är den som levererar dagens skämt så snackar vi lite om frontendutvecklingens historia med utgångspunkt i en intressant youtubevideo. Det blir en hel del om magin i att använda ett ramverk, backendare som kan lite frontend, resan från tvåvägsdatabindning till den virtuella DOMen och att hamna på React utan att välja det själv. Dessutom lite smått och gott om att lära sig under press, Facebooks kontroll av React och lite framtidsspaningar om meta-ramverk.

Om du gillar podden blir vi väldigt glada för en liten recension i iTunes eller en prenumeration på Spotify. Följ oss och säg hej på @asdfpodden på Instagram eller Twitter (Anton, Therése) <3

Länkar

Avsnittets skämt:

Vilka skidåkare är bäst på agil utveckling?
De som tävlar i Sprint
Skrapa här!!
Transkribering
Transkriberingen är gjord av nån "AI-grej". Du kan förbättra den genom att klicka precis här :)
00:00:00
Okej, plötsligt händer det. Idag har jag ett skämt.
00:00:05
Och här kommer det.
00:00:08
Är du beredd?
00:00:10
Jag är beredd.
00:00:12
Vilka skidåkare är bäst på agil utveckling?
00:00:17
Jag vet inte.
00:00:20
De som tävlar i sprint.
00:00:22
Ja.
00:00:24
Det här är bäst skämtet hittills i poddens historia.
00:00:29
Och det är inte alls bara för att det är mitt.
00:00:33
- Nej, okej. Det kan vara så att jag har varit och viftat i samma område i mitt huvud.
00:00:42
- Ja, jag förstår. Jag hade något möte där någon frågade typ, eller jag sa typ "Vi tog guld i sprinten" eller något.
00:00:51
- Guld och silver faktiskt. - Ja, exakt.
00:00:53
Och då frågade någon "Guld? Vadå, vad gör guld?"
00:00:57
För de trodde att jag pratade om den agila sprintern i vår planering.
00:01:03
Så det var lite förvirring där ett tag och då insåg jag att här finns det ett skämt.
00:01:07
- Ja, samma sak hände mig faktiskt. Min produktägare sa "Har du koll på sprintern?"
00:01:13
Då trodde jag verkligen att han menade girabården men det gjorde han inte denna gång.
00:01:18
Men det känns ändå, jag är nöjd. Nu kan jag ta ett uppehåll på att leverera skämt i en 40-avsnitt till eller vad det var.
00:01:24
Sen jag drog ett skämt.
00:01:26
- Ja, toppen.
00:01:28
- Ingen press.
00:01:30
Jo, vart är vi? Välkommen till ett nytt avsnitt av ASTF.
00:01:34
Jag har jävligt bra energi idag känner jag.
00:01:36
Det är högt tempo så jag ska försöka hålla ner det. Jag pratar inte lika fort som jag kanske brukar göra.
00:01:42
Ja men vad bra då kanske jag kan levelas lite med mitt extremt låga tempo.
00:01:47
Så toppen.
00:01:49
Absolut, det matchar nog.
00:01:51
Ja men jag funderade lite på, du delade faktiskt en video som jag kollade på i tio minuter.
00:01:58
Vad heter den? History of React eller något sånt.
00:02:01
Exakt, ja det är från, ja vad heter sidan? UI.dev eller något sånt där.
00:02:09
Som jag vet inte exakt vad sidan gör faktiskt. Jag vet bara att de har det överlägset bästa nyhetsbrevet inom frontend utveckling.
00:02:18
Alltså det är magiskt bra. Så det kan jag verkligen rekommendera alla att faktiskt prenumerera på.
00:02:23
Det är liksom typ humor blandat med nyheter, blandat med dissar av det som är absurt med hela frontend utvecklingen.
00:02:31
Så det är mycket dissar om att alla frontend ramverk tar in, investerar pengar nuförtiden och sådana saker.
00:02:37
Det är väldigt roligt faktiskt.
00:02:39
Så det är lite salt.
00:02:41
Det är ganska mycket salt.
00:02:43
Ja, vi säger det mitt i.
00:02:45
Blandat med faktiskt vettiga saker som de delar.
00:02:49
Vi lägger väl en länk dit i beskrivningen.
00:02:51
Men de har också någon hemsida där de lägger upp massa...
00:02:55
Jag vet inte exakt vad det är. Man kan typ betala för att göra någonting på den hemsidan.
00:02:59
Jag har inte tagit upp min och kollat.
00:03:01
Låt oss säga också att vi...
00:03:03
Ja, förlåt.
00:03:05
Nej, kör på.
00:03:07
- Det är sponsrade. - Nej, not sponsored. Tyvärr, men vill ni sponsra oss då? Hör av er.
00:03:15
Nej, men de har också börjat producera massa videos och den senaste var den jag kollade på som heter "State of React" eller "The History of React" heter det väl kanske.
00:03:23
Och gick då igenom lite grann om historien. Varför? Det är typ så här, "Thumbnailen" tror jag var "Why React Won" eller något sånt. Vilket kan vara en hot take.
00:03:35
Ja precis, den var ju liksom bara tio minuter, så den är ju inte en sån långkörare.
00:03:41
Så den var ju väldigt snabbt att kolla igenom och jag tyckte det var väldigt kul.
00:03:45
För att, jag menar åren för min del stämmer ju inte riktigt överens.
00:03:49
Utan det var ju mycket där de pratade om kom tidigare innan jag började med webbutveckling liksom.
00:03:54
Men eftersom saker ändå ligger lite efter, alltså allting byts ju inte direkt på företag och sådana grejer.
00:04:01
så kände jag väl ändå att jag kom in någonstans i bytet.
00:04:05
Så att jag kunde verkligen nu, några år senare,
00:04:09
kunde jag se det de beskriver.
00:04:11
Det kunde jag inte mitt i det, jag var alldeles för grön.
00:04:14
Men jag fann det väldigt intressant att tänka tillbaka på
00:04:19
vart vi har kommit ifrån och hur långt vi har kommit.
00:04:22
- Ja, exakt. För de pratar liksom, även om videon heter "The History of React"
00:04:26
så pratar de ju om väldigt mycket andra ramverk och bibliotek som har funnits.
00:04:30
från jQuery till Backbone, Angular och så vidare.
00:04:35
Så jag tycker att den gav en extremt bra överblick på ett väldigt kort tidsspann.
00:04:42
Ja, men...
00:04:44
Ja, precis. Jag tänker så här, jag vet inte exakt vart...
00:04:48
Vi kanske har glidit in på det någon gång förut, men vart i tidslinjen började du?
00:04:56
- Ja, det där är lite intressant. Jag började väl i, så att säga,
00:05:02
typ aldrig med native JavaScript, vanilla JavaScript, liksom.
00:05:06
Där satte inte ens jag min fot, utan jag tror att...
00:05:11
Kanske att det var någon labb på universitetet,
00:05:14
men jag tror att det första mötet egentligen var JQuery.
00:05:18
För det var ju det stora, liksom, då.
00:05:21
När började jag koda och däbla med webb så att säga, det kan väl ha varit 2013-2014 var första gångerna egentligen.
00:05:31
Då var ju jQuery jättestort och det var det som förenklade att göra alla wowiga saker, fräscha saker i browsern som var logik.
00:05:42
Så det kändes som att det fanns inget annat alternativ.
00:05:47
Nej, exakt. JQuery kom väl redan 2005-2006, denna gång kanske.
00:05:52
Sen blev det väl inte superstort direkt.
00:05:55
Men det här är ju också långt före min tid.
00:05:59
Eller kanske inte. Det beror på hur man definierar det.
00:06:02
Säg 2006, då var jag 15.
00:06:04
Och då hade man ju ändå så här...
00:06:08
Jag gamade mycket, spelade typ CS.
00:06:10
Då hade man ju så här clan-hemsidor som man skulle bygga.
00:06:13
Det var mycket typ copy-paste på templates som folk hade gjort.
00:06:17
Och sen så försökte man lägga in lite egna saker med JavaScript eller jQuery.
00:06:21
Så det kanske var där någonstans man själv också.
00:06:24
Men det var ett helt annat landskap jämfört med vad det är idag.
00:06:29
Alltså det är så fundamentalt skilt både vad man bygger på webben.
00:06:34
Men också vad som faktiskt man kan göra, eller hur man skriver koden.
00:06:41
Ja, för det är ju speciellt. Jag kommer ihåg när jag byggde på Labrador, med gränssnitt med Java Swing.
00:06:51
Mm, redan där är det ju extremt långt bort idag.
00:06:57
Ja, verkligen. Men det var ju på något sätt väldigt häftigt att "ja, det är såhär jag kan bygga någonting att klicka på som funkar".
00:07:06
Jag menar med jQuery och grejer i början var också så här, okej jag bygger en inputruta, en alert, som säger mig någonting så att jag kan klicka på.
00:07:14
Jag tyckte det var häftigt. Och nu känner jag mig så mycket äldre, eller jag känner mig mycket efter, för jag upptäckte de här sakerna väldigt sent när Sakerverket hade börjat bygga system och grejer i JavaScript och så.
00:07:30
Jag var ju väldigt sent på den bollen, men för min del så hade jag nog ingen relation någonsin till att jag kunde bygga saker som kunde användas och existera.
00:07:42
Så jag var rätt sent på den bollen.
00:07:44
Ja, exakt. Första gången jag kommer i kontakt med lite mer moderna ramverk, om vi ska klassa dem som Angular, kanske jag var tidigt ute och reakt och sen Vue så småningom.
00:07:58
Det är nog första steget in i det moderna för mig. Men sen fanns det väl massa grejer innan. Jag kommer inte ihåg vart typ backbone, vilken plats i tidslinjen den har.
00:08:08
Det måste ha kommit innan Angular antar jag.
00:08:13
Ja för Backbone var ju liksom, och det satt jag i, det var väl som någon typ av Model View modell.
00:08:21
Som förlitade sig på att använda HTML templates och sedan trycka in logik i det som uppdaterades.
00:08:30
När modellen uppdaterades.
00:08:32
Men det var ju också mycket jQuery.
00:08:35
Det var mycket muteringen av templaten gjort med hjälp av jQuery.
00:08:42
Ja exakt, jag godlade nu. Det kom 2010 till en backbone.
00:08:47
Då är det ju ändå ganska tätt in på, alltså visst fyra år efter jQuery.
00:08:52
Men jQuery blev ju inte superstort på en dag direkt.
00:08:56
Var det en sån här MVVC eller? Model View View Container.
00:09:01
Ja det skulle kunna vara något sånt. Jag funderar också på vilken av alla de här det är.
00:09:06
Men det var väl lite grann också så här. För då var ju också MVC och MVVC, alltså Model View Controller och Model View Container eller Controller.
00:09:16
Control säkert.
00:09:18
Var ju väldigt poppis alltså redan då.
00:09:23
För det vet jag att 2010 började jag vilja plugga på universitetet och det var ju typ det som lärdes ut.
00:09:31
Då var det ASP.net och allting sånt kring det.
00:09:35
Som hade funnits väldigt länge vid det laget och ändå var liksom, det är så man gör.
00:09:38
Och då var väl backbone, om jag inte minns fel nu, någon typ av liksom,
00:09:42
"ja men vi vet att man kan, model view controller funkar väldigt bra på backenden så vi försöker ta den till fronten också" typ.
00:09:49
Ja, alltså jag kämpade så mycket med det där. Så mycket, så mycket, så mycket.
00:09:57
För det pratade de om i videon också, att brytet kom.
00:10:01
Folk var hela tiden så här, om modellen uppdateras, då uppdaterar vi alla vyer som beror på den modellen.
00:10:06
Och då menar vi verkligen alla vyer som beror på den modellen.
00:10:09
Det var ju en massa vyer som berodde på samma modell.
00:10:11
Så det gick jag sönder saker jättelätt.
00:10:13
Utan att ha koll på det.
00:10:15
Ja, verkligen. Jag klev väl kanske in i det här när Angular kom, eller det var det jag började med när jag gjorde lite mer frontend-grejer än backends som jag gjorde först.
00:10:23
Och där och då kändes det som att den här two-way data binding som Angular populariserade, om inte annat, var liksom "fy fan vad smart det här är".
00:10:35
Alltså det är det bästa som jag har varit med om. Att Angular ska till att lyssna på alla ändringar som sker i domen och uppdatera data beroende på det.
00:10:42
Och om datan ändras så uppdaterar den motsvarande plats i domen.
00:10:46
Och det var ju magiskt för mig som inte hade gjort så mycket annat innan, men bara suttit med typ jQuery.
00:10:52
Att det är jQuery, då synkar man. Man skriver ut saker i domen, bla bla bla.
00:10:55
Och man sitter och lyssnar på saker i domen och sen uppdaterar man datan manuellt.
00:10:58
Att bara kunna slänga på en, jag kan inte vet vad det heter, model direktiv på en element i domen.
00:11:06
Och så helt plötsligt synkar den datan.
00:11:08
Alltså det var ju magi.
00:11:10
Ja, det kan jag fast en förstå.
00:11:13
Men jag tror att jag missar lite av den här magibiten för att jag inte kunde javaskrift.
00:11:21
Eller programmera i en browser överhuvudtaget.
00:11:27
Jag kommer ihåg att det var någon gång jag fick skit för att jag hade ju i Backbone,
00:11:34
för att jag skulle behöva lyssna på förändringar så hade jag väl skapat en hel del lyssnare.
00:11:39
Men glömt att ta bort dem också.
00:11:45
Jag fick rätt mycket skit för det, kommer jag ihåg.
00:11:50
Jag fattade inte ens vad de sa när de förklarade vad jag hade gjort.
00:11:53
För jag hade ingen koppling riktigt till events och domen.
00:11:58
För jag kom ju ändå från backendsidan i plugget.
00:12:04
Isolerade små funktioner i sandboxade ytor för labbar.
00:12:08
Logiker, dubbellänkade listor och sådana saker.
00:12:11
Jag hade noll koppling egentligen till domen.
00:12:13
Så jag var sjukt förvirrad.
00:12:15
Jag tror inte jag fattade magin.
00:12:17
Jag bara visste att allt var trasigt hela tiden.
00:12:19
Ja, för det blev ju så här.
00:12:21
Man märkte ju det, eller i alla fall jag märkte det, att
00:12:25
den här tvåvägs-synken var ju nice.
00:12:30
Men sen som sagt, helt plötsligt så betyder det att den är uppdaterad på jättemånga olika ställen samtidigt.
00:12:34
Så vet man inte riktigt vad som händer.
00:12:36
Och samma sak att när man helt plötsligt har samma data på flera olika platser i domen
00:12:40
så tog det liksom, i och med att Angular var tvungen att lyssna på
00:12:44
alla element som man hade bindat till, eller bundit någon typ av data till
00:12:50
så tog det också en liten performanceskada av det.
00:12:56
Ja.
00:12:58
Så jag vet inte, till slut så blev det liksom litegrann
00:13:02
Jag tyckte att Angular gjorde det ganska lätt att skriva spagettikod.
00:13:05
Det kan ju också vara att jag var hyfsat oerfaren när jag skrev ganska mycket Angular.
00:13:11
Men jag vet inte, jag tycker det var den känslan jag har fortfarande idag.
00:13:20
I alla fall om AngularJS och inte Angular 2.
00:13:26
Jag hängde bara lite med AngularJS och så kikade jag bara på Angular 2 när det kom.
00:13:32
Men sen var det nog alltid React för hela slanten för mig ifrån dess.
00:13:40
Så det är där jag har rört mig.
00:13:43
Och det blev ju...
00:13:44
Alltså för att jag tror...
00:13:45
Och nu...
00:13:47
Nu kanske det kommer...
00:13:51
Jag kanske inte producerar.
00:13:52
Jag kanske ändrar mig.
00:13:54
Jag är så oerhört nyfiken på vad som är på väg här nu.
00:13:59
Jag tror att hela den här biten att vi slänger bort allting
00:14:05
och renderar nytt som var det som React kom med.
00:14:09
Och inte uppdaterar modeller via eventlyssnare på samma sätt
00:14:13
att vi bara ändrar data överallt.
00:14:17
Jag tror att det gör det lättare för människor som inte är intresserade
00:14:21
programmera browser nära.
00:14:23
Att kanske göra det.
00:14:25
För att jag tror att ett stort problem som vi hade när vi satt i backbone och så
00:14:30
var nog att det var människor som inte var nödvändigtvis intresserade av frontend-programmering
00:14:37
som programmerade mycket av det.
00:14:39
Och som du säger, MVC var ett jättegött pattern i backend.
00:14:44
Och så försökte man applicera det på frontend.
00:14:46
Men det fick större problem i frontend.
00:14:49
Men det hade man inte riktigt koll på.
00:14:51
Eller ville, typ orkade veta varför.
00:14:55
Nej, men exakt. Jag tror vi var in lite grann på tänker också som är relaterat till det här när vi pratade typ fullstack-titeln.
00:15:02
Alltså så här, förr i tiden tror jag mycket oftare så var det att fullstackare det var lite back-endare som hade lärt sig lite javascript.
00:15:10
Och då blir det ju väldigt lätt att, om man hamnar på backbone till exempel, då vill vi ju ha saker i browsen som är nära det vi kan på backend för att då blir det lättare att bli en fullstärkt utvecklare.
00:15:21
Så jag tror definitivt du har en poäng.
00:15:26
Det där känner jag också. När jag ska ner i backen, jag tycker det är mycket skönare att köra backen i Node.
00:15:35
Än C# som jag inte har någon relation till. Node känner jag fortfarande hyfsat hemma. Det funkar bättre så jag förstår absolut den grejen.
00:15:44
Ja, exakt. Det blir ju väldigt mycket i den här, man vill ju känna igen sig.
00:15:49
Och då blir tröskeln lite mindre att ta steget mellan olika miljöer eller back-end-fronten, eller vad man nu ska ta.
00:15:56
Men sen, jag tror att för min del så var det liksom, jag tyckte det var intressant att du gick all in på React direkt.
00:16:04
För jag försökte ju ändå lära mig React efter Angular när jag började tröttna lite på det, eller AngularJS.
00:16:09
Men jag började trötta lite på det och gav upp för att jag liksom fattade inte.
00:16:14
Jag vet inte vad det var, om det var JSX som gjorde mig så jävla förvirrad.
00:16:18
Efter att jag kom från en Angular-bakgrund som det var vid den tiden.
00:16:23
Man skriver sin html och lägger på lite saker på dem.
00:16:28
Och sen synker man sin data.
00:16:31
Och så försökte jag lära mig React, det var JSX och allt JavaScript.
00:16:35
"Vad fan är det som händer? Det ser så jävla fult ut med en massa HTM-er blandade i dina returns och det är kaos överallt."
00:16:41
Så det var ju en ganska stor steg.
00:16:45
Också att React idag är också mycket, mycket bättre än React då, vill jag våga påstå.
00:16:50
I att då var det klassikomponenter och det var lifecycle-metoder och det var hur mycket som helst som var lite mäckigt att hålla reda på, kan jag tycka.
00:16:59
Men då hamnade jag i Vue istället.
00:17:01
Som kanske då är liksom samma håll.
00:17:05
Men det var ju istället då att det var väldigt mycket närmare AngularJS i det att du skrev din HTML separat.
00:17:11
Och sen la du på attribut på den för att matcha den med ditt state som du skrev separat från allting annat och sånt där.
00:17:18
Och det tyckte jag ju var sjukt nice.
00:17:21
Så det var en ganska naturlig steg för mig att ta det här.
00:17:23
Det var Angular, Sneak and Devue och deras single file components som de fortfarande kör på är att du kunde skriva HTML, CSS och JavaScript i samma fil.
00:17:34
Bara att det var olika sektioner i den filen.
00:17:37
Det i sin tur gjorde säkert att det blev ett mindre steg när jag började med React också.
00:17:43
Allting ligger i samma fil, det är inte så konstigt.
00:17:46
Så länge jag lär mig att JSX är inte djävulens påfund så funkar det.
00:17:55
- Ja, du har en sån där fin, den känns organisk vägen.
00:18:03
Lite mindre trappsteg.
00:18:06
- Ja, exakt. Jag vet inte riktigt varför jag lämnade Vue.
00:18:11
Kanske att det var lite såhär, ja men React är det coola, hippa grejen.
00:18:16
Det är där det är mycket, särskilt i Sverige i alla fall då, för det var väldigt tidigt också för Vues del när jag höll på med Vue.
00:18:23
Särskilt då var det väldigt få i alla fall i Sverige som körde Vue överhuvudtaget, alltså live.
00:18:31
- En grupptrycksgrej. - Ja men verkligen.
00:18:35
Och lite såhär, jag tror att vi började köra React på jobbet när jag jobbade och sånt där.
00:18:39
och då blir det så här, då ska man ju faktiskt kanske lära sig det ordentligt.
00:18:45
Ja, jag fick väl lite mer, alltså jag valde ju inte React.
00:18:51
React valde du?
00:18:53
Jag hade ju hört, ja, nej verkligen inte.
00:18:58
Ja, men jag brukar väl ändå säga så att jag har haft otroligt tur i min karriär, eller vad jag ska säga, för att jag har haft fördelen att hamna på väldigt bra tekniker och projekt och liksom överlag lärt mig, för att jag har ju lärt mig saker via jobbet och det är ju typ jobben som har gett mig riktningen, så att säga.
00:19:24
Så att jag hamnade på React var verkligen inte ett eget val.
00:19:29
Utan det var så här, okej, folk bestämde att nu har vi Backbone.
00:19:34
Vi tycker inte det funkar. Vi borde refakterera om allting i React.
00:19:38
Och det som hände då var att vi försökte integrera React i Backbone-applikationen.
00:19:45
Och det är ju rätt speciellt också, att vi byggde React-komponenter som renderades ut istället för V-templates.
00:19:53
Så vi hade ju inte en root egentligen där vi renderade ut React, utan vi renderade ut React-komponenter lite här och var, där det passade.
00:20:02
Och sen så hade vi liksom att vi försökte köra "create React-backbone class" tror jag, och vi försökte återanvända våra mixins vi hade också, så att det var verkligen stökigt, eller vad man ska säga.
00:20:17
Och sen någonstans där så fanns det väl behov av att någon faktiskt kanske lade tid på att lära sig det.
00:20:25
Så jag vet att jag satte mig ner där på jobbet liksom och började läsa Reacts dokumentation och verkligen förstå vad fasen var jag höll på med.
00:20:34
Och jag förstod ju verkligen inte allt för jag hade alldeles för dålig grund liksom gällande webbkodning överlag.
00:20:43
men det la ju ändå väldigt tydlig grund till vad jag höll på med och vad jag skulle fortsätta med på något sätt.
00:20:50
Ja, just det. Det har vi ändå pratat om lite grann innan, att du lär dig väldigt mycket saker genom jobbet typ.
00:20:57
Och jag kanske lite mer har en utforskande hobbyverksamhet så att säga.
00:21:04
Ja, jag måste ha viss press för att orka göra någonting alls.
00:21:08
Och så kanske den mest vettiga approachen. Man vill ju gärna bli pressad för att göra saker innan man gör dem.
00:21:16
Alltid ha en deadline så man mår lite dåligt hela tiden.
00:21:20
Exakt. Jag förstår verkligen det. Jag tror ju också att jag hade förmodligen lärt mig React bättre, eller Vue bättre, eller AngularJS bättre.
00:21:32
Om det hade, eller Angular kanske är ett dåligt exempel, men de andra som jag körde lite mer på fritiden
00:21:36
hade ju förmodligen lärt mig dem bättre om jag hade suttit i något riktigt projekt med andra som också kodade det.
00:21:43
Och att man kunde diskutera saker och sådana saker mer än att man bara,
00:21:47
"Ja, nu ska jag hitta på någonting här som jag ska bygga och så bygger jag det med det här och så får det bli som det blir."
00:21:52
Även om den friheten är ganska skön.
00:21:57
- Ja, men jag tycker också att det blir en väldigt speciell sak som jag funderat mycket på på sistone.
00:22:02
Att om jag sitter med andra personer som kan mycket så kan de lära mig saker som jag inte kan.
00:22:08
Men det kan också bli så, har jag märkt, att jag inte lär mig någonting.
00:22:14
Eller jag lär mig inte tillräckligt istället för att jag kanske skulle behöva sätta mig ner
00:22:17
och verkligen förstå i grunden vad vi håller på med.
00:22:20
Men eftersom andra personer vet vad vi håller på med så kan de bara köra och producera.
00:22:26
Och det var ett sidospår, men var någonting jag tänkt mycket på på sistone.
00:22:33
- Ja, jag tror att det krävs någon typ av balans.
00:22:39
Och sen beror det lite på vad man är för typ av person eller hur man lär sig.
00:22:43
Vill man grotta ner sig lite mer så är det kanske svårare att göra det på arbetstid
00:22:49
om man inte är dedikerad till att "nu ska jag sätta mig här och lära mig den här saken"
00:22:53
Jämfört med att man ska producera någonting och så ska man få ut den här saken och inte göra det på det mest optimala sättet med just det här omverket.
00:23:02
Ja. Men alltså, om man funderar på vart vi är nu då, liksom.
00:23:12
Man har alltid, alltid pratat om att fronten, det rör sig så himla fort och imorgon så kommer det något nytt och så här.
00:23:19
React har ju varit stort så himla länge nu och jag tänker ju ändå lite så, eller jag kanske är naiv och hoppas att React kommer finnas länge nu.
00:23:31
Länge nu att det inte kommer något som kanske trövar på det sättet för jag kan ju också tycka att.
00:23:35
Det har tidigare så har någonting alltid skaffat väldigt mycket det var väldigt svårt att bygga saker och jag upplever ju.
00:23:45
Kanske inte att vi är där nu och det kanske att jag är naiv igen men just att.
00:23:51
Reakt känns som att det funkar men jag är ju också extremt bajest.
00:23:57
Ja, om jag ska filosofera kan jag säga, men om jag ska gissa lite hur det kommer bli i framtiden så tror jag att vi kommer ha ett par stora ramverk.
00:24:08
Typ Vue kommer inte försvinna, Svelte kommer inte försvinna förmodligen, React kommer absolut inte försvinna såvitt jag vet.
00:24:15
Det har blivit så pass stort.
00:24:18
Jag skulle tro att det inte är allt för lång tid till exempel innan Facebook släpper kontrollen över React.
00:24:26
Vilket jag tänker att folk inte tror att de kommer att göra men jag är hyfsat säker på att det kommer att ske.
00:24:32
Alltså jag tror att det kommer att ske mer, det kommer att bli en, liksom som andra open source ramverksförare, jag tappar ordet för just nu, men liksom en styrelse eller en styrgrupp mer som är oberoende av vilket förr
00:24:46
Ja exakt, en React working group som kommer styra mer över React. Vi såg det till exempel när Sebastian Markbåge som har varit med jättelänge i Reacts core team på Facebook.
00:24:58
Han bytte jobb nu till Vercel och han kommer fortsätta vara med i Reacts core team fast han jobbar på Vercel.
00:25:08
Så redan där är det lite uppbrytning av Facebooks kontroll över React.
00:25:17
Och jag tror att det kommer att ta, kanske inte i år, men kanske nästa år, ännu ett steg.
00:25:22
Att de säger att nu är det inte Facebook som äger det, så repot kommer att flytta från Facebooks GitHub-pont.
00:25:28
Så det tror jag kommer att hända. Och sen tror jag också att vi är precis i början på, jag vet inte vad man ska kalla det,
00:25:34
Meta-ramverkens tidsålder eller något.
00:25:38
Och med det menar jag då inte meta som i Facebook utan meta som i att de är ramverk som byggs ovanpå andra ramverk.
00:25:44
Och det tycker jag vi ser skittydligt med till exempel Next Remix för React till exempel som är de nya.
00:25:50
Och typ Nuxt för Vue och så vidare. Och typ Svelte Kit för Svelte.
00:25:54
Jag tror att det kommer bli standarden i framtiden. Att det kommer inte vara jättemånga som istället kör
00:26:00
ren React, utan det kommer mer bli att jag väljer mellan Next, Remix, Nuxt, Threadkit och så vidare.
00:26:07
Så det tror jag är framtiden, om jag får spekulera fritt.
00:26:12
- Ja.
00:26:14
Ja, även det... Vilka jävla spekulationer här uppe.
00:26:20
- Ja, men jag har funderat lite grann på det här ändå.
00:26:24
Frågan har dykt upp och jag har tänkt på vart vi är och vart vi är på väg.
00:26:29
Vad tänker du kring så här, för att du försöker återgå mycket till att använda eller återgå mycket till native web, web components och sen så pratar, och under många år vill jag säga har man pratat mycket om WebAssembler.
00:26:46
WebAssembly känns som att det kommer säkert komma mycket mer men jag tycker att det är extremt tidigt än.
00:26:54
Sen finns det ju kanske vissa som är typ early adopters. Jag tror väl att Figma till exempel är byggt i WebAssembly.
00:27:00
Eller i alla fall vissa delar av Figma. Just för att de kräver så extremt bra prestanda på grafiska saker.
00:27:06
Och där kan jag förstå att man kanske behöver gå en nivå djupare.
00:27:12
Sen går det ju säkert att göra det med JavaScript också.
00:27:16
Men det är förmodligen lite lättare när man kan kompilera det till en lägre nivå.
00:27:21
- Ja, verkligen sådana prestandatunga saker.
00:27:24
Mycket kanske om du har jättemycket data du ska visa upp i grafik.
00:27:28
Och kanske även om du kör spel och bygger det.
00:27:31
Så det är logiskt att det är de som är tidiga.
00:27:34
Men ibland så tänker jag att det är lite som 3D.
00:27:38
Alltså, i alla fall 3D-TV hemma.
00:27:40
Det kom, hypades lite, sen försvann det.
00:27:43
Jo, absolut.
00:27:44
Jag tror inte alls att det kommer bli lika stort som folk som förespråkade säger.
00:27:49
Att javaskriptet kommer att försvinna.
00:27:51
Alltså, det tror jag aldrig kommer att hända.
00:27:53
Det är liksom ett för stort monster nu för att man ska kunna ta koll på det.
00:27:59
Men sen tror jag definitivt att Web Components finns till lite initiativ som är extremt intressanta.
00:28:04
Det finns ett som heter Block Protocol, och då är det inte någon jävla blockchain-skit.
00:28:08
Utan det är, jag kommer inte ihåg vad han heter nu, men det är en prominent webbutvecklare som ligger bakom det.
00:28:19
Och det handlar om att de vill skapa ett protokoll, alltså en standard för hur man ska kunna definiera olika...
00:28:28
Det blir väl web-components liksom.
00:28:31
Men som är för typ, om du tänker dig appar som Notion eller OneNote eller vad det nu kan vara.
00:28:36
Så att man ska kunna återanvända såna här block som finns där i.
00:28:40
Så att vill du ha ett kalenderblock så ska du kunna hitta det på protokollets repo eller vad man ska säga.
00:28:46
Och så ska man återanvända det och då ska man också kunna använda samma block över flera olika typer av appar.
00:28:51
Så det är ju skitambitiöst och det har gjorts extremt många försök tidigare att få det att funka.
00:28:56
Men det är ändå intressant att det är någonting som är på g. Eller som folk jobbar på.
00:29:02
- Ja, jag tycker det är lite spännande att det är så svårt att förutspå vad jag kommer sitta och jobba med om några år.
00:29:13
- Ja, absolut.
00:29:15
För att saker ändras så fort också. En väldigt trivialt exempel är ju typ Prickier. Det fanns en tid då jag sa "Vadå Prickier? Ska den formatera min kod fult?"
00:29:27
Det tycker jag inte om. Och nu är det så här, ska jag formatera koden själv? Det kommer ju aldrig hända.
00:29:33
Så det vände ju så väldigt fort. Webpack var det stora när jag började och nu vill vi bort från det.
00:29:41
Ja, exakt. Jag tror att det kom ganska många små idéer.
00:29:47
De är inte små i sig, men formaterar koden automatiskt.
00:29:50
Det låter inte som en superstor grej, men det får en stor påverkan.
00:29:54
Samma sak tror jag till exempel att Remix, som jag kommer ihåg om tidigare,
00:29:58
det är det här nya ramverket från React Router, upphovsmakarna,
00:30:02
som tar en alternativ approach mot det Next har gjort tidigare.
00:30:07
Då är det ju att allting är serverrenderat i stort sett.
00:30:12
Och så försöker de använda så mycket av webbens inbyggda saker som möjligt.
00:30:16
Det ser superintressant ut.
00:30:18
Och där finns det garanterat idéer som kommer att sprida sig till andra ramverk.
00:30:23
Och den konkurrensen är ju extremt nyttig att den finns.
00:30:28
- Ja, absolut.
00:30:31
Sen vet man inte om browsers kommer att utvecklas heller.
00:30:35
- Fan vad jobbigt om någon bara slängde ut allting och bara "nu är det här".
00:30:39
- Ja, exakt. Browsers slutar utvecklas.
00:30:42
Jag såg någon tweet häromdagen, ska se om jag kan hitta den igen och länka den.
00:30:45
Men det var någon som skrev något i stil med att man glömmer lätt att browsers är en 60 frames per second renderingsmotor.
00:30:57
Jag tror att de skrev att det var en 60 fps...
00:31:01
Vad fan sa de?
00:31:02
"First person scroller" eller nåt sånt där.
00:31:04
Istället för en 60 fps shooter.
00:31:07
Men det är definitivt en sak man glömmer ganska lätt, tycker jag.
00:31:12
Ja.
00:31:14
Ja, men...
00:31:17
Vi kanske ska sluta sitta och spekulera och återgå till jobb.
00:31:20
Jag kan slänga ut en sista spekulation.
00:31:22
Så kan jag bara för att när det väl händer så tänker jag att då kan jag säga att det här sa jag för länge sedan.
00:31:27
- Alltså har du ju ljudbevis. - Exakt.
00:31:30
Och det är ju då att jag tror att Create React App kommer dö inom de närmsta åren.
00:31:37
- Ja, jag kommer ju inte säga emot dig.
00:31:40
- Nej, jag tror att den kommer dö bland annat för att alla de här meta, de verkligen kommer ta över den rollen.
00:31:47
- Ja, de senaste projekten jag har skapat på hobbynivå har jag ju kört på Create Next App.
00:31:52
Ja, men exakt. Så jag trodde. Det var min sista spekulation i det här.
00:31:56
Det är ett långt avsnitt idag.
00:31:58
Men det får det vara ibland.
00:32:02
Ja, men det är också oklart för det har kantats av tekniska problem på min sida.
00:32:07
Så vi får se.
00:32:07
Men det är ingen som har märkt när jag har klippt ihop det här sömnlöst.
00:32:13
Vi får se.
00:32:14
Går det åt helvete så kommer det ligga en liten pling när vi klipper och bara
00:32:19
"Ja, ja, här gick det fel".
00:32:21
Tack så mycket för idag. Vi finns på Twitter och iTunes.
00:32:31
Ha det bra så hörs vi om två veckor.
00:32:35
Det gör vi. Vi ses då. Bye bye.
00:32:37
[Outromusik]
Tillbaka upp