(I n\u00e4sta avsnitt kommer jag att f\u00f6lja upp \u00e4mnet humor p\u00e5 arbetsplatsen f\u00f6r att utveckla det lite mer, bara f\u00f6r att jag kan. \"Varf\u00f6r \u00e4r du s\u00e5 allvarlig?\").<\/p>\n
P\u00e5 tal om tid, 2 veckor har g\u00e5tt sedan min senaste publicering och d\u00e4rf\u00f6r \u00e4r det dags f\u00f6r det 4:e avsnittet av v\u00e5r #TheCodestReview<\/strong> serie.<\/p>\n Kommentaren om cachelagring av vyer levererad av v\u00e5r fullstack utvecklare<\/a> och teknikchefens podcast kommenterades av min \u00f6dmjuka jag.<\/p>\n Som en allm\u00e4nt k\u00e4nd Paint-app-m\u00e4stare och beundrare av GIF:ar och memes, som \u00e4r som Merci-choklad - som s\u00e4ger mer \u00e4n 1000 ord, best\u00e4mde jag mig f\u00f6r att fr\u00e5n och med nu l\u00e4gga till en smak av det h\u00e4r. Och gissa vad?<\/p>\n Darth Sidious Du tror att du kan stoppa mig GIF<\/a> fr\u00e5n Darthsidious GIFs<\/a><\/p>\n F\u00f6rra g\u00e5ngen best\u00e4mde vi oss f\u00f6r att s\u00e4tta lite fokus p\u00e5 StimulusReflex som f\u00e5r uppm\u00e4rksamhet i Ruby<\/a> som en nykomling i kvarteret, som ett alternativ till att anv\u00e4nda moderna Javascript<\/a> ramverk i Rails-projekt f\u00f6r att undvika \u00f6verdrifter.<\/p>\n Se: StimulusReflex aka ReactiveRails<\/a><\/p>\n F\u00f6r att g\u00f6ra det till en kamp p\u00e5 lika villkor ville jag l\u00e5ta React ta en sv\u00e4ng tillbaka p\u00e5 Stimulus. Eftersom jag ocks\u00e5 \u00e4r en v\u00e4lk\u00e4nd hedersman, som alltid g\u00f6r vad jag s\u00e4ger och h\u00e5ller vad jag lovar, s\u00e5 h\u00e4r kommer det:<\/p>\n I n\u00e4sta avsnitt \u00e4r det mitt n\u00f6je och jag \u00e4r glad att meddela att vi kommer att ha ett g\u00e4stinl\u00e4gg av React-ingenj\u00f6ren fr\u00e5n Vinted.com. F\u00f6r de av er som aldrig har h\u00f6rt talas om Vinted (l\u00e5ga odds, men fortfarande m\u00f6jligt) \u00e4r Vinted en modemarknadsplats med ursprung i Vilnius, Litauen som n\u00e5dde en enh\u00f6rningsv\u00e4rdering redan 2019. Plattformen \u00e4r byggd p\u00e5 solida Ruby on Rails<\/a> foundation backas upp av React p\u00e5 frontend-delen.<\/em><\/p>\n Sidnot: min fru \u00e4lskar absolut Vinted och hon slutade n\u00e4stan helt att anv\u00e4nda OLX som sin prim\u00e4ra destination f\u00f6r att rensa v\u00e5r garderob och s\u00e4lja begagnade kl\u00e4der (var ett riktigt die hard fan) = ... NI G\u00d6R DET R\u00c4TT!<\/strong><\/p>\n Det \u00e4r mitt privilegium att v\u00e4lkomna en f\u00f6rsta g\u00e4stbidragare i v\u00e5r serie:<\/p>\n Meryl Streep Ja GIF<\/a> fr\u00e5n Merylstreep GIF:ar<\/a><\/p>\n Ugn\u0117 Kry\u017eevi\u010di\u016bt\u0117 - React ingenj\u00f6r fr\u00e5n Vinted<\/a><\/p>\n N\u00e4r jag l\u00e4ste titeln p\u00e5 den senaste LadyBug-podcasten (\"Getting Hooked On React\") f\u00f6rv\u00e4ntade jag mig att den mest skulle handla om React Hooks. Men \u00e4ven om den inte djupdykte i Hooks, gav podcasten en utm\u00e4rkt introduktion till grunderna i React-biblioteket f\u00f6r JavaScript.<\/em><\/p>\n Ali och Emma fr\u00e5n LadyBug-podden diskuterar React:s f\u00f6rdelar och nackdelar - fr\u00e5n bibliotekets allm\u00e4nna layout och dess f\u00f6rdelar till livliga diskussioner om komponenter, data<\/a> hantering, eller React livscykel<\/a>allt presenterat med en nypa personlig erfarenhet. Det \u00e4r v\u00e4rt att lyssna p\u00e5 f\u00f6r alla frontend-utvecklare som inte har haft chansen att prova React:s underverk.<\/em><\/p>\n Mitt f\u00f6rsta m\u00f6te med React var f\u00f6r cirka tre \u00e5r sedan n\u00e4r jag b\u00f6rjade min resa som utvecklare. \u00c4ven om Ali och Emma f\u00f6resl\u00e5r att React kan verka f\u00f6rvirrande i b\u00f6rjan, tyckte jag av egen erfarenhet att det var relativt enkelt att b\u00f6rja med och f\u00f6rmodligen det enklaste att g\u00e5 vidare i j\u00e4mf\u00f6relse med andra front-end-ramverk. Det finns gott om tutorials, artiklar, open source-bibliotek och andra typer av l\u00e4romedel tillg\u00e4ngliga \u00f6verallt. Man b\u00f6r dock vara medveten om den aktiva utvecklingen av React n\u00e4r man g\u00e5r igenom s\u00e5dana resurser. Detta avsnitt av LadyBugs podcast \u00e4r inte ett undantag - vissa aspekter och metoder som n\u00e4mns har redan f\u00f6r\u00e5ldrats under en tid. D\u00e4rf\u00f6r \u00e4r det b\u00e4st att f\u00f6lja r\u00e5d fr\u00e5n Emma sj\u00e4lv och titta p\u00e5 den senaste dokumentationen.<\/em><\/p>\n React har utvecklats och mognat mycket, vilket g\u00f6r kod<\/a> att skriva \u00e4nnu enklare med Hooks, som l\u00e5ter dig anv\u00e4nda tillst\u00e5nds- och livscykelmetoder utan att skriva klasskomponenter. Men f\u00f6r nyb\u00f6rjare - som Ali mycket riktigt p\u00e5pekar - inneb\u00e4r de m\u00e5nga olika s\u00e4tten att skriva React (t.ex. klass-\/funktions-\/Hooks-komponenter) ytterligare komplexitet, eftersom det ibland kan vara sv\u00e5rt att visualisera vad som h\u00e4nder. Det kan ocks\u00e5 vara sv\u00e5rt att destillera vad man beh\u00f6ver och hitta relevant information om kodimplementering.<\/em><\/p>\n Som en av React:s fr\u00e4msta f\u00f6rdelar pekar Ali p\u00e5 att det \u00e4r komponentbaserat, vilket m\u00f6jligg\u00f6r kodmodularisering och g\u00f6r det l\u00e4ttare att arbeta tillsammans med andra utvecklare. Dessutom \u00e4r m\u00f6jligheten att anv\u00e4nda JSX ett bra visuellt hj\u00e4lpmedel n\u00e4r man arbetar med UI i JavaScript-kod - du beh\u00f6ver inte ha separata HTML-filer!<\/em><\/p>\n Ali och Emma sammanfattar ocks\u00e5 p\u00e5 ett bra s\u00e4tt den flexibilitet som det ger att ha ett komponentsystem. Ett utm\u00e4rkt exempel fr\u00e5n praktiken \u00e4r mitt f\u00f6retag Vinted, som har haft en snabb tillv\u00e4xt under de senaste \u00e5ren. Produkt<\/a> s\u00e5v\u00e4l som utvecklingsteam<\/a> arbetat med det under de senaste \u00e5ren. React har gett enorma f\u00f6rdelar - det har gjort det m\u00f6jligt att oss<\/a> att skriva mycket renare kod, anv\u00e4nda \u00e5teranv\u00e4ndbara UI-komponenter och har gjort v\u00e5r kod enklare att testa.<\/em><\/p>\n Sammantaget ger detta LadyBug-podcastavsnitt en livlig och charmig diskussion om React:s viktigaste aspekter. Jag rekommenderar det till alla som b\u00f6rjar sin resa med React. Avsnittet \u00e4r fullt av roliga exempel och analogier till det verkliga livet och \"f\u00e5ngar\" s\u00f6ml\u00f6st varje lyssnares uppm\u00e4rksamhet, inklusive min.<\/em><\/p>\n Vyerna i Rails blir tyv\u00e4rr l\u00e5ngsammare med tiden. Det beror p\u00e5 att m\u00e4ngden objekt som lagras i databasen v\u00e4xer. Detta orsakar l\u00e4ngre fr\u00e5getider och naturligtvis l\u00e4ngre bearbetning om du g\u00f6r n\u00e5got med vart och ett av objekten. N\u00e4r det h\u00e4nder l\u00e4mnas du inte utan n\u00e5gon chans eftersom det finns Rails vyer caching.<\/em><\/p>\n Tack vare detta kan du spara en hel del tid genom att ladda databastunga data fr\u00e5n cacheminnet (ladda en enda sparad html-liknande fil ist\u00e4llet f\u00f6r att fr\u00e5ga databasen och bearbeta objekt). Du kan ocks\u00e5 g\u00f6ra det billigare n\u00e4r det g\u00e4ller olika partialer och objekt - naturligtvis om objekten inte \u00e4ndras alltf\u00f6r ofta. Du kan ocks\u00e5 f\u00f6rs\u00f6ka h\u00e5lla de cachade objekten i en separat partials - och spara t.ex. 19 av 20 inl\u00e4gg som renderas (eventuellt med m\u00e5nga f\u00e4lt).<\/em><\/p>\n Som standard anv\u00e4nder Rails cachelagring file_store och h\u00e5ller cachade data i mapparna. Men den raderar inte gamla cacheposter (som kan ha l\u00f6pt ut f\u00f6r l\u00e4nge sedan). Detta kan leda till att film\u00e4ngden \u00f6verfl\u00f6dar eller till och med att det blir slut p\u00e5 ledigt utrymme p\u00e5 en server. Den andra metoden \u00e4r memory_store som ocks\u00e5 har vissa nackdelar (eftersom cachen f\u00f6rvaras p\u00e5 en enda server). Det kan ocks\u00e5 \u00f6verskrida m\u00e4ngden RAM som finns p\u00e5 servern (eller brist p\u00e5 cache om den kommer att raderas hela tiden). Det \u00e4r d\u00e4rf\u00f6r den b\u00e4sta h\u00f6gskaliga cachemekanismen \u00e4r Memcached\/Redis-metoden. Detta ger dig en chans att anv\u00e4nda en separat maskin som h\u00e5ller cacheminnet som kan anv\u00e4ndas av alla servrar. Tack vare det kommer det inte att finnas n\u00e5gra problem med brist p\u00e5 cache eller avslutande diskutrymme p\u00e5 en server.<\/em><\/p>\n Cachen i Rails h\u00e5lls baserad p\u00e5 en identifierare - som kan ges direkt som en str\u00e4ng eller genereras automatiskt n\u00e4r du skickar ett objekt till cache-funktionen. N\u00e4r det g\u00e4ller objekt \u00e4r det oftast attributet updated_at. Du kan ocks\u00e5 tillhandah\u00e5lla en statisk nyckel fr\u00e5n objektparametrar.<\/em><\/p>\n En annan metod f\u00f6r cachelagring \u00e4r att anv\u00e4nda Javascript f\u00f6r att uppdatera ett f\u00e4lt som \u00e4ndras en g\u00e5ng om dagen. P\u00e5 s\u00e5 s\u00e4tt kan du ha ett giltigt datum som visas hela tiden, utan att uppdatera webbplatsen - som kan vara ganska stor eller l\u00e5ngsam att k\u00f6ra.<\/em><\/p>\n Jag vill inte sk\u00e4mma bort er f\u00f6r mycket, men paneldiskussionen om teknikchefens roll i rekryteringsprocessen \u00e4r mycket v\u00e4rdefull f\u00f6r alla er som undrar n\u00e4r det \u00e4r r\u00e4tt tid f\u00f6r teknikchefen att kliva in i intervjun. P\u00e5 Kodest<\/a>Vi praktiserar det som paneldeltagarna predikar och v\u00e5ra CTO<\/a> \u00e4r den f\u00f6rsta kontaktpunkten med Ingenj\u00f6rer<\/a> som ans\u00f6ker till oss, medan intervjuerna i n\u00e4sta steg genomf\u00f6rs av Team<\/a> chefer som de potentiella nya medarbetarna kommer att arbeta n\u00e4ra med. N\u00e5gra konkreta r\u00e5d som du kan till\u00e4mpa direkt f\u00f6r att uppgradera din rekryteringsprocess som teknisk chef:<\/p>\n Se \u00f6ver din process och se till att du kommer med i fl\u00f6det s\u00e5 tidigt som m\u00f6jligt, helst som den f\u00f6rsta kontaktpunkten f\u00f6r kandidaterna eftersom f\u00f6rsta intrycket spelar en viktig roll f\u00f6r hur ditt f\u00f6retag uppfattas av topptalanger.<\/p>\n<\/li>\n Kontakta mycket effektiva rekryterande chefer i din organisation (kanske den som anst\u00e4llde dig en g\u00e5ng i tiden) och fr\u00e5ga om du f\u00e5r f\u00f6lja med p\u00e5 n\u00e5gra av deras planerade intervjuer, se hur de arbetar och be om tips. Titta och l\u00e4r. G\u00e5 in i varje intervju med en genuin nyfikenhet p\u00e5 kandidaterna.<\/p>\n<\/li>\n Leta efter potential och anst\u00e4ll f\u00f6r potential och f\u00f6rm\u00e5ga att v\u00e4xa snabbt.<\/p>\n<\/li>\n Prata igenom dina jobbannonser med alla dina ingenj\u00f6rer och fr\u00e5ga om de skulle ans\u00f6ka om jobbet. Om inte, fr\u00e5ga vad som suger och anv\u00e4nd deras feedback i den 2.0-byggda jobbannonsen som du \u00e4r p\u00e5 v\u00e4g att trycka ut p\u00e5 jobbsajter.\u00a0<\/p>\n<\/li>\n Se den f\u00f6rsta intervjun som en m\u00f6jlighet att skapa en bra relation med dina potentiella framtida kollegor.<\/p>\n<\/li>\n<\/ol>\n Jag uppmuntrar dig att titta p\u00e5 hela videopanelen, men om du gillar podcasts och gillar att lyssna medan du k\u00f6r bil, tr\u00e4nar eller diskar, h\u00e4r har du ocks\u00e5 en Spotify l\u00e4nk.<\/a>\u00a0<\/p>\n Tack s\u00e5 mycket f\u00f6r att du l\u00e4ste och om du har kommit s\u00e5 l\u00e5ngt uppskattar jag din tid och all feedback (oavsett om det \u00e4r coolt eller trashar mig) \u00e4r mer \u00e4n v\u00e4lkommen p\u00e5 LinkedIn<\/a> eller till min e-post<\/a>.\u00a0<\/p>\n Vi \u00e5terkommer med n\u00e4sta avsnitt inom kort(ish)!\u00a0<\/p>\n Yippie Vi ses snart Dansande GIF<\/a> fr\u00e5n Yippieiwillseeyousoon GIF:s<\/a><\/p>\n L\u00e4s mer om detta:<\/strong><\/p>\n TheCodestReview #3 - veckovis juice f\u00f6r mjukvaruutveckling<\/a><\/p>\n TheCodestReview #2 - veckovis juice f\u00f6r mjukvaruutveckling<\/a><\/p>\nLista \u00f6ver \u00e4mnen som vi tar upp den h\u00e4r veckan:<\/h2>\n
\n
Att bli beroende av React<\/a> av LadyBug Podcast<\/h2>\n
Cachelagring av Rails-vyer<\/a> av Jonathan Miles fr\u00e5n Honeybadger<\/h2>\n
Teknisk chef som huvudrekryterare<\/a> av Mentoring Club<\/h2>\n
\n