(Seuraavassa jaksossa k\u00e4sittelen huumoria ty\u00f6paikoilla hieman tarkemmin, ihan vain siksi, ett\u00e4 voin tehd\u00e4 niin.) \"Miksi niin vakavasti?\").<\/p>\n
Ajasta puheen ollen, 2 viikkoa on kulunut viimeisimm\u00e4st\u00e4 julkaisustani, joten on aika julkaista 4. jakso meid\u00e4n #TheCodestReviewReview<\/strong> sarja.<\/p>\n Kommentti n\u00e4kymien v\u00e4limuistitallennuksesta, jonka toimitti fullstack-ohjelmistomme kehitt\u00e4j\u00e4<\/a> ja teknisen johtajan podcastin kommentoi n\u00f6yr\u00e4 min\u00e4ni.<\/p>\n Tunnettuna Paint-sovelluksen mestarina ja GIF:ien ja meemien ihailijana, jotka sanovat enemm\u00e4n kuin 1000 sanaa, kuten Merci-suklaa, p\u00e4\u00e4tin, ett\u00e4 t\u00e4st\u00e4 l\u00e4htien lis\u00e4\u00e4n t\u00e4nne makua niist\u00e4. Ja arvaa mit\u00e4?<\/p>\n Darth Sidious Luuletko voivasi pys\u00e4ytt\u00e4\u00e4 minut GIF<\/a> osoitteesta Darthsidious GIFit<\/a><\/p>\n Viime kerralla olemme p\u00e4\u00e4tt\u00e4neet laittaa valokeilaan StimulusReflexin, joka on saamassa huomiota Ruby<\/a> yhteis\u00f6n uusi lapsi korttelissa, joka on vaihtoehto k\u00e4ytt\u00e4\u00e4 nykyaikaisia Javascript<\/a> kehyksi\u00e4 Rails-projekteissa, jotta v\u00e4ltet\u00e4\u00e4n liiallista k\u00e4ytt\u00f6\u00e4.<\/p>\n Katso: StimulusReflex alias ReactiveRails<\/a><\/p>\n Jotta taistelu olisi tasav\u00e4kinen, halusin antaa React:n iske\u00e4 takaisin Stimulukseen. Koska olen my\u00f6s tunnettu kunniamies, joka tekee aina, mit\u00e4 sanoo ja pit\u00e4\u00e4 lupauksensa, t\u00e4ss\u00e4 se tulee:<\/p>\n Seuraavassa jaksossa minulla on ilo ja ilo ilmoittaa, ett\u00e4 meill\u00e4 on vieraana Vinted.comin React-insin\u00f6\u00f6ri. Niille teist\u00e4, jotka eiv\u00e4t ole koskaan kuulleet Vintedist\u00e4 (pieni todenn\u00e4k\u00f6isyys, mutta silti mahdollista), Vinted on Liettuan Vilnasta per\u00e4isin oleva muotimarkkinapaikka, joka on saavuttanut yksisarvisen arvostuksen vuonna 2019. Alusta on rakennettu vankan Ruby on Rails<\/a> perustuksen tukena on React etup\u00e4\u00e4ss\u00e4.<\/em><\/p>\n Sivuhuomautus: vaimoni on aivan rakastava Vinted ja h\u00e4n melkein kokonaan lopettanut k\u00e4ytt\u00e4m\u00e4ll\u00e4 OLX h\u00e4nen ensisijainen m\u00e4\u00e4r\u00e4np\u00e4\u00e4 siivoaminen meid\u00e4n vaatekaappi ja myyd\u00e4 k\u00e4ytettyj\u00e4 vaatteita (oli todellinen die hard fani) = TE TEETTE SEN OIKEIN!<\/strong><\/p>\n Minulla on kunnia toivottaa tervetulleeksi ensimm\u00e4inen vieraileva kirjoittaja sarjaamme:<\/p>\n Meryl Streep Kyll\u00e4 GIF<\/a> osoitteesta Merylstreep GIFs<\/a><\/p>\n Ugn\u0117 Kry\u017eevi\u010di\u016bt\u0117 - React-insin\u00f6\u00f6ri Vintedilt\u00e4<\/a><\/p>\n Kun luin hiljattain julkaistun LadyBug-podcastin otsikon (\"Getting Hooked On React\"), odotin sen k\u00e4sittelev\u00e4n l\u00e4hinn\u00e4 React-koukkuja. Vaikka podcastissa ei syvennytty koukkuihin, se tarjosi kuitenkin erinomaisen johdannon React-kirjaston perusasioihin JavaScript:lle.<\/em><\/p>\n LadyBug-podcastin Ali ja Emma keskustelevat React:n yksityiskohdista - kirjaston yleisest\u00e4 ulkoasusta ja sen eduista aina komponentteja koskeviin vilkkaisiin keskusteluihin, tiedot<\/a> k\u00e4sittely tai React:n elinkaari<\/a>, ja kaikki ne on esitetty ripauksella henkil\u00f6kohtaista kokemusta. Se on kuuntelemisen arvoinen juttu jokaiselle front-end-kehitt\u00e4j\u00e4lle, joka ei ole viel\u00e4 p\u00e4\u00e4ssyt kokeilemaan React:n ihmeit\u00e4.<\/em><\/p>\n Ensimm\u00e4isen kerran kohtasin React:n noin kolme vuotta sitten, kun aloitin matkani kehitt\u00e4j\u00e4n\u00e4. Vaikka Ali ja Emma viittaavat siihen, ett\u00e4 React saattaa vaikuttaa aluksi h\u00e4mment\u00e4v\u00e4lt\u00e4, oman kokemukseni perusteella pidin sit\u00e4 suhteellisen helppona aloittaa ja luultavasti helpoimpana edet\u00e4 muihin front-end-kehyksiin verrattuna. Tutoriaaleja, artikkeleita, avoimen l\u00e4hdekoodin kirjastoja ja muunlaista oppimateriaalia on saatavilla kaikkialla. T\u00e4llaisia resursseja selatessa on kuitenkin syyt\u00e4 olla tietoinen React:n aktiivisesta kehityksest\u00e4. T\u00e4m\u00e4 LadyBugin podcastin jakso ei ole poikkeus - jotkin mainituista n\u00e4k\u00f6kohdista ja menetelmist\u00e4 on poistettu k\u00e4yt\u00f6st\u00e4 jo jonkin aikaa. N\u00e4in ollen on parasta noudattaa Emman itsens\u00e4 antamia neuvoja ja tutustua uusimpaan dokumentaatioon.<\/em><\/p>\n React on kehittynyt ja kypsynyt paljon, mik\u00e4 on tehnyt koodi<\/a> kirjoittaminen on viel\u00e4 helpompaa Hooksin avulla, jonka avulla voit k\u00e4ytt\u00e4\u00e4 tila- ja elinkaarimenetelmi\u00e4 kirjoittamatta luokkakomponentteja. Mutta aloittelijoille - kuten Ali osuvasti huomauttaa - React:n kirjoitustapojen moninaisuus (kuten luokka\/toiminnalliset\/koukut-komponentit) lis\u00e4\u00e4 monimutkaisuutta, sill\u00e4 joskus voi olla vaikea hahmottaa, mist\u00e4 on kyse. Lis\u00e4ksi voi olla haastavaa, ett\u00e4 t\u00e4ytyy tislata se, mit\u00e4 tarvitsee, ja l\u00f6yt\u00e4\u00e4 asiaankuuluvaa tietoa koodin toteutuksesta.<\/em><\/p>\n Yhten\u00e4 React:n t\u00e4rkeimmist\u00e4 eduista Ali mainitsee sen komponenttipohjaisuuden, joka mahdollistaa koodin modulaarisuuden ja helpottaa yhteisty\u00f6t\u00e4 muiden kehitt\u00e4jien kanssa. Lis\u00e4ksi JSX:n k\u00e4ytt\u00f6mahdollisuus on erinomainen visuaalinen apuv\u00e4line, kun JavaScript-koodissa ty\u00f6skennell\u00e4\u00e4n k\u00e4ytt\u00f6liittym\u00e4n kanssa - erillisi\u00e4 HTML-tiedostoja ei tarvita!<\/em><\/p>\n Ali ja Emma kiteytt\u00e4v\u00e4t my\u00f6s hienosti sen joustavuuden, jonka komponenttij\u00e4rjestelm\u00e4 antaa. Erinomainen k\u00e4yt\u00e4nn\u00f6n esimerkki on yritykseni Vinted, joka on kokenut nopeaa kasvua koskien tuote<\/a> sek\u00e4 kehitystiimit<\/a> ty\u00f6skennellyt sen parissa viime vuosina. React on tarjonnut valtavia etuja - se on mahdollistanut seuraavat asiat us<\/a> kirjoittamaan paljon siistimp\u00e4\u00e4 koodia, k\u00e4ytt\u00e4m\u00e4\u00e4n uudelleenk\u00e4ytett\u00e4vi\u00e4 k\u00e4ytt\u00f6liittym\u00e4komponentteja ja helpottamaan koodin testaamista.<\/em><\/p>\n Kaiken kaikkiaan t\u00e4m\u00e4 LadyBug-podcast-jakso tarjoaa vilkkaan ja vieh\u00e4tt\u00e4v\u00e4n keskustelun React:n t\u00e4rkeimmist\u00e4 n\u00e4k\u00f6kohdista. Suosittelen sit\u00e4 kaikille, jotka aloittavat matkansa React:n kanssa. Jakso on t\u00e4ynn\u00e4 hauskoja esimerkkej\u00e4 ja analogioita tosiel\u00e4m\u00e4\u00e4n, ja se \"koukuttaa\" saumattomasti jokaisen kuulijan huomion, my\u00f6s minun.<\/em><\/p>\n Railsin n\u00e4kym\u00e4t valitettavasti hidastuvat ajan my\u00f6t\u00e4. T\u00e4m\u00e4 johtuu siit\u00e4, ett\u00e4 tietokantaan tallennettujen objektien m\u00e4\u00e4r\u00e4 kasvaa. T\u00e4m\u00e4 aiheuttaa pidempi\u00e4 kyselyaikoja ja tietysti pidemp\u00e4\u00e4 k\u00e4sittely\u00e4, jos teet jotain jokaisella objektilla. Kun n\u00e4in tapahtuu, et j\u00e4\u00e4 ilman mit\u00e4\u00e4n mahdollisuuksia, sill\u00e4 on olemassa Rails-n\u00e4kymien v\u00e4limuistitallennus.<\/em><\/p>\n T\u00e4m\u00e4n ansiosta voit s\u00e4\u00e4st\u00e4\u00e4 paljon aikaa lataamalla tietokantapainotteisia tietoja v\u00e4limuistista (lataamalla yhden tallennetun html-muotoisen tiedoston sen sijaan, ett\u00e4 kysyisit tietokannasta ja k\u00e4sittelisit objekteja). Voit my\u00f6s v\u00e4hent\u00e4\u00e4 kustannuksia, kun kyseess\u00e4 ovat erilaiset osat ja objektit - tietenkin jos objektit eiv\u00e4t muutu liian usein. Voit my\u00f6s yritt\u00e4\u00e4 pit\u00e4\u00e4 v\u00e4limuistiin tallennetut objektit erillisiss\u00e4 osissa - ja s\u00e4\u00e4st\u00e4\u00e4 esim. 19:n 20:st\u00e4 render\u00f6it\u00e4v\u00e4n viestin (jossa on mahdollisesti paljon kentti\u00e4).<\/em><\/p>\n Oletusarvoisesti Railsin v\u00e4limuistitallennus k\u00e4ytt\u00e4\u00e4 file_storea ja pit\u00e4\u00e4 v\u00e4limuistitiedot kansioissa. Se ei kuitenkaan poista vanhoja v\u00e4limuistimerkint\u00f6j\u00e4 (jotka ovat saattaneet vanhentua jo kauan sitten). T\u00e4m\u00e4 voi johtaa tiedostojen m\u00e4\u00e4r\u00e4n ylivuotoon tai jopa vapaan tilan loppumiseen palvelimelta. Toinen menetelm\u00e4 on memory_store, jolla on my\u00f6s joitakin haittoja (koska v\u00e4limuisti s\u00e4ilytet\u00e4\u00e4n yhdell\u00e4 palvelimella). Se voi my\u00f6s ylitt\u00e4\u00e4 palvelimella s\u00e4ilytett\u00e4v\u00e4n RAM-muistin m\u00e4\u00e4r\u00e4n (tai v\u00e4limuistin puutteen, jos sit\u00e4 poistetaan koko ajan). Siksi paras suuren mittakaavan v\u00e4limuistimekanismi on Memcached\/Redis -menetelm\u00e4. T\u00e4m\u00e4 antaa sinulle mahdollisuuden k\u00e4ytt\u00e4\u00e4 erillist\u00e4 konetta, joka pit\u00e4\u00e4 v\u00e4limuistia, jota kaikki palvelimet voivat k\u00e4ytt\u00e4\u00e4. T\u00e4m\u00e4n ansiosta palvelimella ei ole ongelmaa v\u00e4limuistin puutteesta tai levytilan viimeistelyst\u00e4.<\/em><\/p>\n Railsin v\u00e4limuisti s\u00e4ilytet\u00e4\u00e4n tunnisteen perusteella, joka voidaan antaa suoraan merkkijonona tai luoda automaattisesti, kun v\u00e4lit\u00e4t objektin v\u00e4limuistifunktiolle. Objektien tapauksessa se on useimmiten updated_at-attribuutti. Voit my\u00f6s antaa staattisen avaimen objektin parametreista.<\/em><\/p>\n Erilainen v\u00e4limuistitallennusmenetelm\u00e4 on Javascriptin k\u00e4ytt\u00e4minen kent\u00e4n p\u00e4ivitt\u00e4miseen, joka muuttuu kerran p\u00e4iv\u00e4ss\u00e4. T\u00e4ll\u00e4 tavoin saat n\u00e4kyviin koko ajan voimassa olevan p\u00e4iv\u00e4m\u00e4\u00e4r\u00e4n ilman verkkosivuston p\u00e4ivitt\u00e4mist\u00e4 - joka saattaa olla melko suuri tai hidas.<\/em><\/p>\n Paneelikeskustelu, jossa k\u00e4sitell\u00e4\u00e4n teknisen johtajan roolia palkkauksessa, on eritt\u00e4in arvokas kaikille niille, jotka miettiv\u00e4t, milloin on oikea aika teknisen johtajan astua haastatteluprosessiin. Osoitteessa Codest<\/a>, me tavallaan harjoitamme sit\u00e4, mit\u00e4 panelistit saarnaavat ja meid\u00e4n - CTO<\/a> on ensimm\u00e4inen yhteyspiste insin\u00f6\u00f6rit<\/a> hakemuksen meille, kun taas seuraavassa vaiheessa haastattelut ovat sit by joukkue<\/a> johtajat, joiden kanssa mahdolliset uudet ty\u00f6ntekij\u00e4t tekev\u00e4t tiivist\u00e4 yhteisty\u00f6t\u00e4. Muutamia toimivia neuvoja, joita voit soveltaa heti ja parantaa palkkauspeli\u00e4si insin\u00f6\u00f6rijohtajana:<\/p>\n Tarkista prosessisi ja varmista, ett\u00e4 p\u00e4\u00e4set mukaan virtaan mahdollisimman varhaisessa vaiheessa, mieluiten ehdokkaiden ensimm\u00e4isen\u00e4 kosketuspisteen\u00e4, sill\u00e4 ensivaikutelma on avainasemassa siin\u00e4, miten huippuosaajat n\u00e4kev\u00e4t yrityksesi.<\/p>\n<\/li>\n Ota yhteytt\u00e4 organisaatiosi eritt\u00e4in tehokkaisiin rekrytointip\u00e4\u00e4llik\u00f6ihin (ehk\u00e4 siihen, joka palkkasi sinut aikoinaan) ja kysy, voisitko seurata joitakin heid\u00e4n suunniteltuja haastattelujaan, tarkistaa heid\u00e4n tekniikkansa ja kysy\u00e4 vinkkej\u00e4. Katso ja opi. L\u00e4hde jokaiseen haastatteluun aidosti uteliaana ehdokkaita kohtaan.<\/p>\n<\/li>\n Etsik\u00e4\u00e4 potentiaalia ja palkatkaa potentiaalin ja nopean kasvukyvyn perusteella.<\/p>\n<\/li>\n K\u00e4y ty\u00f6paikkailmoitukset l\u00e4pi kaikkien insin\u00f6\u00f6rien kanssa ja kysy, haluaisivatko he hakea ty\u00f6paikkaa. Jos eiv\u00e4t, kysy, mik\u00e4 on huono juttu, ja ota heid\u00e4n palautteensa huomioon 2.0-rakentamisen ty\u00f6paikkailmoituksessa, jota aiot ty\u00f6nt\u00e4\u00e4 ty\u00f6paikkatauluihin.\u00a0<\/p>\n<\/li>\n Pid\u00e4 ensimm\u00e4ist\u00e4 haastattelua tilaisuutena luoda hyv\u00e4 suhde mahdollisiin tuleviin kollegoihisi.<\/p>\n<\/li>\n<\/ol>\n Kannustan sinua katsomaan koko videopaneelin, mutta jos pid\u00e4t podcasteista ja haluat kuunnella ajon aikana, treenatessasi tai tiskatessasi, t\u00e4ss\u00e4 on my\u00f6s Spotify. linkki.<\/a>\u00a0<\/p>\n Kiitos paljon lukemisesta ja jos olet tullut niin pitk\u00e4lle, arvostan aikaasi ja kaikki palaute (oli se sitten siisti\u00e4 tai haukkua minua) on enemm\u00e4n kuin tervetullutta. LinkedIn<\/a> tai minun s\u00e4hk\u00f6postiosoite<\/a>.\u00a0<\/p>\n Seuraava jakso tulee pian (suurin piirtein)!\u00a0<\/p>\n Yippie N\u00e4hd\u00e4\u00e4n pian tanssimassa GIF-tiedosto<\/a> osoitteesta Yippieiwillseeyeyousoon GIFit<\/a><\/p>\n Lue lis\u00e4\u00e4:<\/strong><\/p>\n TheCodestReview #3 - viikoittainen ohjelmistotekniikan mehu<\/a><\/p>\n TheCodestReview #2 - viikoittainen ohjelmistotekniikan mehu<\/a><\/p>\nLuettelo aiheista, joita k\u00e4sittelemme t\u00e4ll\u00e4 viikolla:<\/h2>\n
\n
Koukkuun j\u00e4\u00e4minen React:hen<\/a> LadyBug Podcast<\/h2>\n
Rails-n\u00e4kymien v\u00e4limuistitallennus<\/a> jonka Jonathan Miles alkaen Honeybadger<\/h2>\n
Insin\u00f6\u00f6rip\u00e4\u00e4llikk\u00f6 p\u00e4\u00e4rekrytoijana<\/a> Mentorointiklubi<\/h2>\n
\n