(W nast\u0119pnym odcinku b\u0119d\u0119 kontynuowa\u0142 temat humoru w miejscu pracy, aby rozwin\u0105\u0107 go nieco bardziej, tylko dlatego, \u017ce mog\u0119. \"Dlaczego tak powa\u017cnie?\").<\/p>\n
M\u00f3wi\u0105c o czasie, min\u0119\u0142y 2 tygodnie od mojej ostatniej publikacji, wi\u0119c najwy\u017cszy czas na 4 odcinek naszego #TheCodestReview<\/strong> seria.<\/p>\n Komentarz na temat buforowania widoku dostarczony przez nasz fullstack deweloper<\/a> i podcast kierownika in\u017cynierii skomentowany przez moj\u0105 skromn\u0105 osob\u0119.<\/p>\n Jako powszechnie znany mistrz aplikacji Paint oraz wielbiciel GIF-\u00f3w i mem\u00f3w, kt\u00f3re s\u0105 jak czekoladki Merci - m\u00f3wi\u0105 wi\u0119cej ni\u017c 1000 s\u0142\u00f3w, postanowi\u0142em, \u017ce od teraz b\u0119d\u0119 dodawa\u0142 tutaj ich smaczek. I zgadnijcie co?<\/p>\n Darth Sidious My\u015blisz, \u017ce mo\u017cesz mnie powstrzyma\u0107 GIF<\/a> z Darthsidious GIFs<\/a><\/p>\n Ostatnim razem zdecydowali\u015bmy si\u0119 po\u015bwi\u0119ci\u0107 troch\u0119 uwagi StimulusReflex, kt\u00f3ry przyci\u0105ga uwag\u0119 w Ruby<\/a> spo\u0142eczno\u015b\u0107 jako nowy dzieciak w bloku, b\u0119d\u0105cy alternatyw\u0105 dla korzystania z nowoczesnych Javascript<\/a> framework\u00f3w w projektach Rails, aby unikn\u0105\u0107 przesady.<\/p>\n Zobacz: StimulusReflex aka ReactiveRails<\/a><\/p>\n Aby by\u0142a to walka na r\u00f3wnych warunkach, chcia\u0142em pozwoli\u0107 React odegra\u0107 si\u0119 na Stimulusie. Poniewa\u017c jestem r\u00f3wnie\u017c dobrze znanym cz\u0142owiekiem honoru, zawsze robi\u0119 to, co m\u00f3wi\u0119 i dotrzymuj\u0119 obietnic, oto on:<\/p>\n W nast\u0119pnym odcinku mam przyjemno\u015b\u0107 og\u0142osi\u0107, \u017ce b\u0119dziemy mieli go\u015bcinny wpis in\u017cyniera React z Vinted.com. Dla tych z Was, kt\u00f3rzy nigdy nie s\u0142yszeli o Vinted (ma\u0142e szanse, ale wci\u0105\u017c mo\u017cliwe), Vinted to rynek mody pochodz\u0105cy z Wilna na Litwie, kt\u00f3ry osi\u0105gn\u0105\u0142 wycen\u0119 jednoro\u017cca w 2019 roku. Platforma jest zbudowana na solidnych Ruby on Rails<\/a> fundacja wspierana przez React w cz\u0119\u015bci frontendowej.<\/em><\/p>\n Na marginesie: moja \u017cona absolutnie uwielbia Vinted i prawie ca\u0142kowicie przesta\u0142a u\u017cywa\u0107 OLX jako g\u0142\u00f3wnego miejsca docelowego do porz\u0105dkowania naszej garderoby i sprzeda\u017cy u\u017cywanych ubra\u0144 (by\u0142a prawdziw\u0105 zagorza\u0142\u0105 fank\u0105) =. ROBICIE TO DOBRZE!<\/strong><\/p>\n Mam zaszczyt powita\u0107 pierwszego go\u015bcia w naszej serii:<\/p>\n Meryl Streep Tak GIF<\/a> z GIF-y Merylstreep<\/a><\/p>\n Ugn\u0117 Kry\u017eevi\u010di\u016bt\u0117 - in\u017cynier React z Vinted<\/a><\/p>\n Czytaj\u0105c tytu\u0142 ostatniego podcastu LadyBug (\"Getting Hooked On React\"), spodziewa\u0142em si\u0119, \u017ce b\u0119dzie on g\u0142\u00f3wnie o React Haki<\/a>. Mimo \u017ce nie zag\u0142\u0119biono si\u0119 w Hooks, podcast stanowi\u0142 doskona\u0142e wprowadzenie do podstaw biblioteki React dla JavaScript.<\/em><\/p>\n Ali i Emma z podcastu LadyBug omawiaj\u0105 tajniki React - od og\u00f3lnego uk\u0142adu biblioteki i jej zalet po o\u017cywione dyskusje na temat komponent\u00f3w, dane<\/a> obs\u0142uga lub Cykl \u017cycia React<\/a>a wszystko to przedstawione ze szczypt\u0105 osobistego do\u015bwiadczenia. Warto pos\u0142ucha\u0107 ka\u017cdego programisty front-end, kt\u00f3ry nie mia\u0142 jeszcze okazji wypr\u00f3bowa\u0107 cud\u00f3w React.<\/em><\/p>\n Moje pierwsze spotkanie z React mia\u0142o miejsce oko\u0142o trzy lata temu, kiedy rozpocz\u0105\u0142em swoj\u0105 podr\u00f3\u017c jako programista. Chocia\u017c Ali i Emma sugeruj\u0105, \u017ce React mo\u017ce pocz\u0105tkowo wydawa\u0107 si\u0119 myl\u0105cy, z w\u0142asnego do\u015bwiadczenia uwa\u017cam, \u017ce jest stosunkowo \u0142atwy do rozpocz\u0119cia i prawdopodobnie naj\u0142atwiejszy do zaawansowania w por\u00f3wnaniu z innymi frameworkami front-endowymi. Wsz\u0119dzie dost\u0119pnych jest mn\u00f3stwo samouczk\u00f3w, artyku\u0142\u00f3w, bibliotek open-source i innego rodzaju materia\u0142\u00f3w edukacyjnych. Nale\u017cy jednak pami\u0119ta\u0107 o aktywnym rozwoju React podczas przegl\u0105dania takich zasob\u00f3w. Ten odcinek podcastu LadyBug nie jest wyj\u0105tkiem - niekt\u00f3re aspekty i metody, o kt\u00f3rych mowa, s\u0105 ju\u017c od jakiego\u015b czasu przestarza\u0142e. Najlepiej wi\u0119c zastosowa\u0107 si\u0119 do rad samej Emmy i zapozna\u0107 si\u0119 z najnowsz\u0105 dokumentacj\u0105.<\/em><\/p>\n React bardzo ewoluowa\u0142 i dojrza\u0142, dzi\u0119ki czemu kod<\/a> pisanie jest jeszcze \u0142atwiejsze dzi\u0119ki Hooks, kt\u00f3re pozwalaj\u0105 u\u017cywa\u0107 metod stanu i cyklu \u017cycia bez pisania komponent\u00f3w klas. Ale dla pocz\u0105tkuj\u0105cych - jak trafnie zauwa\u017ca Ali - r\u00f3\u017cnorodno\u015b\u0107 sposob\u00f3w pisania React (takich jak komponenty klasowe \/ funkcjonalne \/ haki) dodaje dodatkowej z\u0142o\u017cono\u015bci, poniewa\u017c czasami mo\u017ce by\u0107 trudno zwizualizowa\u0107, co si\u0119 dzieje. Ponadto, konieczno\u015b\u0107 destylacji tego, czego potrzebujesz i znalezienie odpowiednich informacji dotycz\u0105cych implementacji kodu mo\u017ce by\u0107 wyzwaniem.<\/em><\/p>\n Jako jedn\u0105 z g\u0142\u00f3wnych zalet React Ali wskazuje fakt, \u017ce jest on oparty na komponentach, co umo\u017cliwia modularyzacj\u0119 kodu i u\u0142atwia wsp\u00f3\u0142prac\u0119 z innymi programistami. Poza tym, mo\u017cliwo\u015b\u0107 korzystania z JSX jest \u015bwietn\u0105 pomoc\u0105 wizualn\u0105 podczas pracy z interfejsem u\u017cytkownika w kodzie JavaScript - nie musisz mie\u0107 oddzielnych plik\u00f3w HTML!<\/em><\/p>\n Ali i Emma r\u00f3wnie\u017c \u0142adnie podsumowuj\u0105 elastyczno\u015b\u0107, jak\u0105 daje posiadanie systemu komponent\u00f3w. Doskona\u0142ym przyk\u0142adem z praktyki jest moja firma Vinted, kt\u00f3ra do\u015bwiadczy\u0142a szybkiego wzrostu w odniesieniu do produkt<\/a> jak r\u00f3wnie\u017c zespo\u0142y deweloperskie<\/a> pracuj\u0105c nad nim przez ostatnie kilka lat. React zapewni\u0142 ogromne korzy\u015bci - umo\u017cliwi\u0142 my<\/a> do pisania znacznie czystszego kodu, korzystania z komponent\u00f3w UI wielokrotnego u\u017cytku i u\u0142atwi\u0142o testowanie naszego kodu.<\/em><\/p>\n Og\u00f3lnie rzecz bior\u0105c, ten odcinek podcastu LadyBug zapewnia \u017cyw\u0105 i czaruj\u0105c\u0105 dyskusj\u0119 na temat g\u0142\u00f3wnych aspekt\u00f3w React. Polecam go ka\u017cdemu, kto rozpoczyna swoj\u0105 podr\u00f3\u017c z React. Pe\u0142en zabawnych przyk\u0142ad\u00f3w i analogii do prawdziwego \u017cycia, odcinek p\u0142ynnie \"przyci\u0105ga\" uwag\u0119 ka\u017cdego s\u0142uchacza, w tym moj\u0105.<\/em><\/p>\n Widoki w Railsach niestety z czasem staj\u0105 si\u0119 coraz wolniejsze. Dzieje si\u0119 tak, poniewa\u017c ilo\u015b\u0107 obiekt\u00f3w przechowywanych w bazie danych ro\u015bnie. Powoduje to d\u0142u\u017csze czasy zapyta\u0144 i oczywi\u015bcie d\u0142u\u017csze przetwarzanie, je\u015bli robisz co\u015b z ka\u017cdym z obiekt\u00f3w. Kiedy tak si\u0119 dzieje, nie jeste\u015b bez szans, poniewa\u017c istnieje buforowanie widok\u00f3w Rails.<\/em><\/p>\n Dzi\u0119ki temu mo\u017cna zaoszcz\u0119dzi\u0107 sporo czasu, \u0142aduj\u0105c ci\u0119\u017ckie dane z bazy danych z pami\u0119ci podr\u0119cznej (\u0142adowanie pojedynczego zapisanego pliku html zamiast odpytywania bazy danych i przetwarzania obiekt\u00f3w). Mo\u017cna to r\u00f3wnie\u017c uczyni\u0107 mniej kosztownym w przypadku r\u00f3\u017cnych cz\u0119\u015bci i obiekt\u00f3w - oczywi\u015bcie je\u015bli obiekty nie zmieniaj\u0105 si\u0119 zbyt cz\u0119sto. Mo\u017cna r\u00f3wnie\u017c spr\u00f3bowa\u0107 przechowywa\u0107 buforowane obiekty w oddzielnych partialach - i zaoszcz\u0119dzi\u0107 np. 19 z 20 renderowanych post\u00f3w (by\u0107 mo\u017ce z du\u017c\u0105 ilo\u015bci\u0105 p\u00f3l).<\/em><\/p>\n Domy\u015blnie buforowanie Rails\u00f3w u\u017cywa file_store i przechowuje buforowane dane w folderach. Nie usuwa jednak starych wpis\u00f3w w pami\u0119ci podr\u0119cznej (kt\u00f3re mog\u0142y wygasn\u0105\u0107 dawno temu). Mo\u017ce to prowadzi\u0107 do przepe\u0142nienia ilo\u015bci plik\u00f3w lub nawet wyczerpania wolnego miejsca na serwerze. Inn\u0105 metod\u0105 jest memory_store, kt\u00f3ra r\u00f3wnie\u017c ma pewne wady (poniewa\u017c pami\u0119\u0107 podr\u0119czna jest przechowywana na jednym serwerze). Mo\u017ce r\u00f3wnie\u017c przekroczy\u0107 ilo\u015b\u0107 pami\u0119ci RAM przechowywanej na serwerze (lub brak pami\u0119ci podr\u0119cznej, je\u015bli b\u0119dzie ona ca\u0142y czas usuwana). Dlatego najlepszym mechanizmem buforowania na du\u017c\u0105 skal\u0119 jest metoda Memcached\/Redis. Daje to mo\u017cliwo\u015b\u0107 korzystania z oddzielnej maszyny przechowuj\u0105cej pami\u0119\u0107 podr\u0119czn\u0105, kt\u00f3ra mo\u017ce by\u0107 u\u017cywana przez wszystkie serwery. Dzi\u0119ki temu nie b\u0119dzie problemu z brakiem cache lub ko\u0144cz\u0105cym si\u0119 miejscem na dysku na serwerze.<\/em><\/p>\n Pami\u0119\u0107 podr\u0119czna w Railsach jest przechowywana na podstawie identyfikatora - kt\u00f3ry mo\u017ce by\u0107 podany od razu jako ci\u0105g znak\u00f3w lub wygenerowany automatycznie po przekazaniu obiektu do funkcji pami\u0119ci podr\u0119cznej. W przypadku obiekt\u00f3w jest to najcz\u0119\u015bciej atrybut updated_at. Mo\u017cna r\u00f3wnie\u017c poda\u0107 klucz statyczny z parametr\u00f3w obiektu.<\/em><\/p>\n Inn\u0105 metod\u0105 buforowania jest u\u017cycie Javascript do aktualizacji pola, kt\u00f3re jest zmieniane raz dziennie. W ten spos\u00f3b mo\u017cna mie\u0107 aktualn\u0105 dat\u0119 wy\u015bwietlan\u0105 przez ca\u0142y czas, bez od\u015bwie\u017cania strony internetowej - co mo\u017ce by\u0107 do\u015b\u0107 du\u017ce lub powolne.<\/em><\/p>\n Aby nie zepsu\u0107 zbyt wiele, dyskusja panelowa obejmuj\u0105ca temat roli kierownika in\u017cynierii w procesie rekrutacji jest bardzo cenna dla wszystkich, kt\u00f3rzy zastanawiaj\u0105 si\u0119, kiedy jest odpowiedni czas, aby lider technologiczny wkroczy\u0142 w cykl rozm\u00f3w kwalifikacyjnych. Na Codest<\/a>W pewnym sensie praktykujemy to, co g\u0142osz\u0105 paneli\u015bci i nasze CTO<\/a> jest pierwszym punktem kontaktu z in\u017cynierowie<\/a> aplikuj\u0105c do nas, podczas gdy na kolejnym etapie rozmowy kwalifikacyjne s\u0105 przeprowadzane przez zesp\u00f3\u0142<\/a> mened\u017cer\u00f3w, z kt\u00f3rymi potencjalni nowi pracownicy b\u0119d\u0105 \u015bci\u015ble wsp\u00f3\u0142pracowa\u0107. Kilka praktycznych rad, kt\u00f3re mo\u017cesz zastosowa\u0107 od razu, aby ulepszy\u0107 swoj\u0105 gr\u0119 rekrutacyjn\u0105 jako kierownik ds. in\u017cynierii:<\/p>\n Przeanalizuj sw\u00f3j proces i upewnij si\u0119, \u017ce do\u0142\u0105czy\u0142e\u015b do niego tak wcze\u015bnie, jak to mo\u017cliwe, najlepiej b\u0119d\u0105c pierwszym punktem kontaktowym dla kandydat\u00f3w, poniewa\u017c pierwsze wra\u017cenie odgrywa kluczow\u0105 rol\u0119 w tym, jak Twoja firma jest postrzegana przez najwi\u0119ksze talenty.<\/p>\n<\/li>\n Skontaktuj si\u0119 z wysoce skutecznymi mened\u017cerami ds. rekrutacji w swojej organizacji (by\u0107 mo\u017ce z tymi, kt\u00f3rzy zatrudnili Ci\u0119 w przesz\u0142o\u015bci) i zapytaj, czy m\u00f3g\u0142by\u015b obserwowa\u0107 niekt\u00f3re z ich planowanych rozm\u00f3w kwalifikacyjnych, sprawdzi\u0107 ich techniki, zapyta\u0107 o wskaz\u00f3wki. Obserwuj i ucz si\u0119. Przyst\u0119puj do ka\u017cdej rozmowy z prawdziw\u0105 ciekawo\u015bci\u0105 wobec kandydat\u00f3w.<\/p>\n<\/li>\n Szukaj potencja\u0142u i zatrudniaj pracownik\u00f3w z potencja\u0142em i zdolno\u015bci\u0105 do szybkiego rozwoju.<\/p>\n<\/li>\n Om\u00f3w og\u0142oszenia o prac\u0119 ze wszystkimi in\u017cynierami i zapytaj, czy chcieliby ubiega\u0107 si\u0119 o t\u0119 prac\u0119. Je\u015bli nie, zapytaj, co jest do bani i zastosuj ich opinie w og\u0142oszeniu o prac\u0119 w wersji 2.0, kt\u00f3re zamierzasz opublikowa\u0107 na portalach z ofertami pracy.\u00a0<\/p>\n<\/li>\n Postrzegaj pierwsz\u0105 rozmow\u0119 kwalifikacyjn\u0105 jako okazj\u0119 do nawi\u0105zania \u015bwietnych relacji z potencjalnymi przysz\u0142ymi wsp\u00f3\u0142pracownikami.<\/p>\n<\/li>\n<\/ol>\n Zach\u0119cam do obejrzenia ca\u0142ego panelu wideo, ale je\u015bli jeste\u015b fanem podcast\u00f3w i lubisz ich s\u0142ucha\u0107 podczas jazdy samochodem, \u0107wicze\u0144 lub zmywania naczy\u0144, tutaj masz r\u00f3wnie\u017c Spotify link.<\/a>\u00a0<\/p>\n Wielkie dzi\u0119ki za przeczytanie i je\u015bli dotar\u0142e\u015b tak daleko, doceniam tw\u00f3j czas, a wszelkie opinie (czy to fajne, czy mnie niszcz\u0105ce) s\u0105 wi\u0119cej ni\u017c mile widziane. LinkedIn<\/a> lub do mojego e-mail<\/a>.\u00a0<\/p>\n Kolejny odcinek ju\u017c wkr\u00f3tce!\u00a0<\/p>\n Yippie IWill See You Soon Ta\u0144cz\u0105cy GIF<\/a> z Yippieiwillseeyousoon GIFs<\/a><\/p>\n Czytaj wi\u0119cej:<\/strong><\/p>\n TheCodestReview #3 - cotygodniowy sok z in\u017cynierii oprogramowania<\/a><\/p>\n TheCodestReview #2 - cotygodniowy sok z in\u017cynierii oprogramowania<\/a><\/p>\nLista temat\u00f3w poruszanych w tym tygodniu:<\/h2>\n
\n
Pod\u0142\u0105czenie do React<\/a> przez LadyBug Podcast<\/h2>\n
Buforowanie widoku w Railsach<\/a> Jonathan Miles z Honeybadger<\/h2>\n
Kierownik ds. in\u017cynierii jako g\u0142\u00f3wny rekruter<\/a> przez Mentoring Club<\/h2>\n
\n