(Nella prossima puntata, seguir\u00f2 l'argomento dell'umorismo sul posto di lavoro per approfondirlo un po', solo perch\u00e9 posso. \"Perch\u00e9 tanta seriet\u00e0?\").<\/p>\n
A proposito di tempo, sono passate 2 settimane dalla mia ultima pubblicazione ed \u00e8 quindi giunto il momento del 4\u00b0 episodio del nostro #ilCodestoRecensione<\/strong> serie.<\/p>\n Il commento sulla cache della vista fornito dal nostro fullstack sviluppatore<\/a> e il podcast del responsabile dell'ingegneria commentato dalla mia umile persona.<\/p>\n In quanto noto maestro dell'applicazione Paint e ammiratore di GIF e meme che, come i cioccolatini Merci, dicono pi\u00f9 di 1000 parole, ho deciso che d'ora in poi ne aggiunger\u00f2 qui un assaggio. E indovinate un po'?<\/p>\n Darth Sidious, pensi di potermi fermare GIF<\/a> da GIF di Darthsidious<\/a><\/p>\n L'ultima volta abbiamo deciso di puntare i riflettori su StimulusReflex, che sta ottenendo l'attenzione nel Rubino<\/a> comunit\u00e0 come un nuovo arrivato, un'alternativa all'utilizzo dei moderni sistemi di Javascript<\/a> nei progetti Rails per evitare l'eccesso di risorse.<\/p>\n Vedi: StimoloRiflesso alias ReactiveRails<\/a><\/p>\n Per renderla una battaglia ad armi pari, volevo che React rispondesse a Stimulus. Poich\u00e9 sono anche un noto uomo d'onore, che fa sempre ci\u00f2 che dice e mantiene le sue promesse, ecco che si va avanti:<\/p>\n Nel prossimo episodio ho il piacere e l'emozione di annunciare che avremo un post ospite dell'ingegnere React di Vinted.com. Per coloro che non hanno mai sentito parlare di Vinted (probabilit\u00e0 bassa, ma ancora possibile), Vinted \u00e8 un mercato della moda originario di Vilnius, in Lituania, che ha raggiunto una valutazione da unicorno nel 2019. La piattaforma \u00e8 costruita su solidi Ruby on Rails<\/a> fondazione supportata da React sulla parte frontend.<\/em><\/p>\n Nota a margine: mia moglie adora Vinted e ha quasi completamente smesso di usare OLX come destinazione principale per il decluttering del nostro guardaroba e la vendita di vestiti usati (era una vera fan sfegatata). STATE FACENDO LE COSE PER BENE!<\/strong><\/p>\n \u00c8 mio privilegio dare il benvenuto a un primo collaboratore ospite della nostra serie:<\/p>\n Meryl Streep S\u00ec GIF<\/a> da GIF di Merylstreep<\/a><\/p>\n Ugn\u0117 Kry\u017eevi\u010di\u016bt\u0117 - Ingegnere React di Vinted<\/a><\/p>\n Quando ho letto il titolo del recente podcast di LadyBug (\"Getting Hooked On React\"), mi aspettavo che si parlasse soprattutto di React Ganci<\/a>. Tuttavia, pur non approfondendo il tema degli hook, il podcast ha fornito un'eccellente introduzione alle basi della libreria React per JavaScript.<\/em><\/p>\n Ali ed Emma del podcast LadyBug discutono i dettagli dell'React, dal layout generale della libreria e i suoi vantaggi alle vivaci discussioni sui componenti, dati<\/a> o la gestione del Ciclo di vita di React<\/a>Il tutto presentato con un pizzico di esperienza personale. Vale la pena di ascoltarlo per tutti gli sviluppatori front-end che non hanno avuto la possibilit\u00e0 di provare le meraviglie di React.<\/em><\/p>\n Il mio primo incontro con React risale a circa tre anni fa, quando ho iniziato il mio percorso di sviluppatore. Anche se Ali ed Emma suggeriscono che l'React potrebbe sembrare confuso all'inizio, in base alla mia esperienza personale l'ho trovato relativamente facile all'inizio e probabilmente il pi\u00f9 facile da far progredire rispetto ad altri framework front-end. Ci sono molti tutorial, articoli, librerie open-source e altri tipi di materiali didattici disponibili ovunque. Tuttavia, \u00e8 necessario essere consapevoli dello sviluppo attivo di React quando si consultano tali risorse. Questo episodio del podcast di LadyBug non fa eccezione: alcuni aspetti e metodi citati sono gi\u00e0 stati deprecati da tempo. Pertanto, \u00e8 meglio seguire i consigli di Emma stessa e consultare la documentazione pi\u00f9 recente.<\/em><\/p>\n React si \u00e8 evoluto e maturato molto, rendendo codice<\/a> La scrittura \u00e8 ancora pi\u00f9 semplice con gli Hooks, che consentono di utilizzare i metodi di stato e del ciclo di vita senza scrivere componenti di classe. Ma per i principianti - come osserva accuratamente Ali - la variet\u00e0 di modi in cui si pu\u00f2 scrivere React (come componenti di classe\/funzionali\/agganci) aggiunge ulteriore complessit\u00e0, poich\u00e9 a volte pu\u00f2 essere difficile visualizzare ci\u00f2 che sta accadendo. Inoltre, dover distillare ci\u00f2 di cui si ha bisogno e trovare informazioni rilevanti sull'implementazione del codice pu\u00f2 essere impegnativo.<\/em><\/p>\n Tra i principali vantaggi dell'React, Ali sottolinea che \u00e8 basato su componenti, consentendo la modularizzazione del codice e rendendo pi\u00f9 facile la collaborazione con altri sviluppatori. Inoltre, la possibilit\u00e0 di utilizzare JSX \u00e8 un grande aiuto visivo quando si lavora con l'interfaccia utente nel codice JavaScript: non \u00e8 necessario avere file HTML separati!<\/em><\/p>\n Ali ed Emma riassumono bene anche la flessibilit\u00e0 che offre un sistema di componenti. Un ottimo esempio pratico \u00e8 rappresentato dalla mia azienda Vinted, che ha registrato una rapida crescita per quanto riguarda la prodotto<\/a> cos\u00ec come il team di sviluppo<\/a> che ci hanno lavorato negli ultimi anni. L'React ha fornito enormi vantaggi, consentendo di noi<\/a> di scrivere codice molto pi\u00f9 pulito, di usare componenti dell'interfaccia utente riutilizzabili e ha reso il nostro codice pi\u00f9 facile da testare.<\/em><\/p>\n Nel complesso, questo episodio del podcast di LadyBug offre una discussione vivace e affascinante sugli aspetti principali della React. Lo consiglio a tutti coloro che iniziano il loro viaggio con la React. Ricco di esempi divertenti e di analogie con la vita reale, l'episodio \"aggancia\" senza problemi l'attenzione di ogni ascoltatore, compresa la mia.<\/em><\/p>\n Le viste in Rails, purtroppo, diventano sempre pi\u00f9 lente con il passare del tempo. Questo perch\u00e9 la quantit\u00e0 di oggetti memorizzati nel database cresce. Ci\u00f2 causa tempi di interrogazione pi\u00f9 lunghi e, naturalmente, un'elaborazione pi\u00f9 lunga se si sta facendo qualcosa con ciascuno degli oggetti. Quando ci\u00f2 accade, non si \u00e8 lasciati senza scampo, perch\u00e9 esiste la cache delle viste di Rails.<\/em><\/p>\n Grazie a ci\u00f2 \u00e8 possibile risparmiare parecchio tempo caricando i dati pesanti per il database dalla cache (caricando un singolo file html salvato invece di interrogare il database ed elaborare gli oggetti). Si pu\u00f2 anche rendere meno costoso il caricamento di oggetti e parziali diversi, ovviamente se gli oggetti non cambiano troppo spesso. Si pu\u00f2 anche cercare di mantenere gli oggetti in cache in partials separati, risparmiando ad esempio il rendering di 19 post su 20 (magari con molti campi).<\/em><\/p>\n Per impostazione predefinita, Rails utilizza il file_store e mantiene i dati in cache nelle cartelle. Ma non cancella le vecchie voci della cache (che potrebbero essere scadute da tempo). Questo pu\u00f2 portare a un overflow della quantit\u00e0 di file o addirittura all'esaurimento dello spazio libero su un server. L'altro metodo \u00e8 memory_store, che ha anche alcuni aspetti negativi (poich\u00e9 la cache \u00e8 conservata su un singolo server). Inoltre, pu\u00f2 superare la quantit\u00e0 di RAM presente sul server (o la mancanza di cache se questa viene cancellata di continuo). Ecco perch\u00e9 il miglior meccanismo di cache su larga scala \u00e8 il metodo Memcached\/Redis. Questo vi d\u00e0 la possibilit\u00e0 di usare una macchina separata per mantenere la cache che pu\u00f2 essere usata da tutti i server. Grazie a ci\u00f2, non ci saranno problemi di mancanza di cache o di spazio su disco in un server.<\/em><\/p>\n La cache in Rails \u00e8 mantenuta in base a un identificatore, che pu\u00f2 essere dato subito come stringa o generato automaticamente quando si passa un oggetto alla funzione di cache. Nel caso degli oggetti, si tratta pi\u00f9 spesso dell'attributo updated_at. Si pu\u00f2 anche fornire una chiave statica dai parametri dell'oggetto.<\/em><\/p>\n Un metodo diverso di memorizzazione nella cache consiste nell'utilizzare Javascript per aggiornare un campo che viene modificato una volta al giorno. In questo modo \u00e8 possibile visualizzare sempre una data valida, senza dover aggiornare il sito web, che potrebbe essere piuttosto grande o lento da eseguire.<\/em><\/p>\n Per non spoilerare troppo, la tavola rotonda che affronta il tema del ruolo del responsabile dell'ingegneria nel processo di assunzione \u00e8 di grande valore per tutti coloro che si chiedono quando sia il momento giusto per il leader tecnologico di entrare nel ciclo di colloqui. A Codest<\/a>mettiamo in pratica ci\u00f2 che i relatori predicano e i nostri CTO<\/a> \u00e8 il primo punto di contatto con ingegneri<\/a> di candidatura, mentre nella fase successiva i colloqui vengono svolti da squadra<\/a> manager con cui i potenziali nuovi assunti lavoreranno a stretto contatto. Alcuni consigli praticabili che potete applicare subito per migliorare le vostre assunzioni come manager di ingegneria:<\/p>\n Rivedete il vostro processo e assicuratevi di unirvi al flusso il prima possibile, idealmente essendo il primo punto di contatto per i candidati, poich\u00e9 la prima impressione gioca un ruolo fondamentale nel modo in cui la vostra azienda viene vista dai migliori talenti.<\/p>\n<\/li>\n Rivolgetevi ai responsabili delle assunzioni pi\u00f9 efficaci della vostra organizzazione (magari quelli che vi hanno assunto in passato) e chiedete di poter seguire alcuni dei loro colloqui programmati, verificate le loro tecniche, chiedete consigli. Osservate e imparate. Entrate in ogni colloquio con una genuina curiosit\u00e0 nei confronti dei candidati.<\/p>\n<\/li>\n Cercate il potenziale e assumete in base al potenziale e alla capacit\u00e0 di crescere rapidamente.<\/p>\n<\/li>\n Parlate dei vostri annunci di lavoro con tutti i vostri ingegneri e chiedete se si candiderebbero per quel lavoro. In caso contrario, chiedete che cosa non va e applicate il loro feedback all'annuncio di lavoro per la costruzione 2.0 che state per pubblicare sulle job board.\u00a0<\/p>\n<\/li>\n Considerate il primo colloquio come un'opportunit\u00e0 per creare un ottimo rapporto con i vostri potenziali futuri colleghi.<\/p>\n<\/li>\n<\/ol>\n Vi invito a guardare l'intero video, ma se siete appassionati di podcast e vi piace ascoltarli mentre guidate, vi allenate o lavate i piatti, qui avete anche uno Spotify link.<\/a>\u00a0<\/p>\n Grazie mille per aver letto e se siete arrivati fin qui, vi ringrazio per il tempo che mi avete dedicato e ogni feedback (che sia positivo o che mi critichi) \u00e8 pi\u00f9 che benvenuto. LinkedIn<\/a> o al mio e-mail<\/a>.\u00a0<\/p>\n A breve il prossimo episodio!\u00a0<\/p>\n Yippie Ci vediamo presto GIF danzante<\/a> da GIF di Yippieiwillseeyousoon<\/a><\/p>\n Per saperne di pi\u00f9:<\/strong><\/p>\n TheCodestReview #3 - succo settimanale di ingegneria del software<\/a><\/p>\n TheCodestReview #2 - succo settimanale di ingegneria del software<\/a><\/p>\nElenco degli argomenti trattati questa settimana:<\/h2>\n
\n
Come farsi prendere la mano dall'React<\/a> da LadyBug Podcast<\/h2>\n
La cache delle viste di Rails<\/a> da Jonathan Miles di Honeybadger<\/h2>\n
Manager di ingegneria come Master Recruiter<\/a> dal Club dei Mentori<\/h2>\n
\n