(Dans le prochain \u00e9pisode, j'approfondirai le th\u00e8me de l'humour sur le lieu de travail, juste parce que je le peux. \"Pourquoi tant de s\u00e9rieux ?)<\/p>\n
En parlant de temps, 2 semaines se sont \u00e9coul\u00e9es depuis ma derni\u00e8re publication et il est donc temps de publier le 4\u00e8me \u00e9pisode de notre #TheCodestReview<\/strong> s\u00e9rie.<\/p>\n Le commentaire sur la mise en cache des vues fourni par notre fullstack d\u00e9veloppeur<\/a> et le podcast du responsable de l'ing\u00e9nierie comment\u00e9 par mon humble personne.<\/p>\n En tant que ma\u00eetre de l'application Paint et admirateur des GIF et des m\u00e8mes qui, comme les chocolats Merci, en disent plus que 1000 mots, j'ai d\u00e9cid\u00e9 d'en ajouter ici une saveur. Et devinez quoi ?<\/p>\n Dark Sidious Vous pensez pouvoir m'arr\u00eater GIF<\/a> de GIFs Darthsidious<\/a><\/p>\n La derni\u00e8re fois, nous avons d\u00e9cid\u00e9 de mettre l'accent sur StimulusReflex, qui fait l'objet d'une attention particuli\u00e8re dans le secteur de la sant\u00e9. Rubis<\/a> La communaut\u00e9 europ\u00e9enne se pr\u00e9sente comme un nouveau venu, une alternative \u00e0 l'utilisation des technologies modernes de l'information et de la communication (TIC). Javascript<\/a> dans les projets Rails afin d'\u00e9viter la surench\u00e8re.<\/p>\n Voir : StimulusReflex alias ReactiveRails<\/a><\/p>\n Pour que le combat soit \u00e0 armes \u00e9gales, j'ai voulu laisser React riposter \u00e0 Stimulus. Comme je suis aussi un homme d'honneur bien connu, que je fais toujours ce que je dis et que je tiens mes promesses, c'est parti :<\/p>\n Dans le prochain \u00e9pisode, j'ai le plaisir et l'enthousiasme d'annoncer que nous aurons un billet invit\u00e9 de l'ing\u00e9nieur React de Vinted.com. Pour ceux d'entre vous qui n'ont jamais entendu parler de Vinted (peu de chances, mais toujours possible), Vinted est une place de march\u00e9 de la mode originaire de Vilnius, en Lituanie, qui a atteint une valorisation de licorne en 2019. La plateforme est construite sur de solides Ruby on Rails<\/a> La fondation est soutenue par React sur la partie frontale.<\/em><\/p>\n Note compl\u00e9mentaire : ma femme adore Vinted et elle a presque compl\u00e8tement cess\u00e9 d'utiliser OLX comme destination principale pour d\u00e9sencombrer notre garde-robe et vendre des v\u00eatements d'occasion (c'\u00e9tait une vraie fan inconditionnelle) = VOUS FAITES BIEN LES CHOSES !<\/strong><\/p>\n J'ai le privil\u00e8ge d'accueillir un premier contributeur invit\u00e9 dans notre s\u00e9rie :<\/p>\n Meryl Streep Oui GIF<\/a> de GIFs Merylstreep<\/a><\/p>\n Ugn\u0117 Kry\u017eevi\u010di\u016bt\u0117 - React ing\u00e9nieur de Vinted<\/a><\/p>\n En lisant le titre du r\u00e9cent podcast de LadyBug (\"Getting Hooked On React\"), je m'attendais \u00e0 ce qu'il porte principalement sur les sujets suivants React Crochets<\/a>. Bien qu'il n'ait pas approfondi les Hooks, le podcast a fourni une excellente introduction aux bases de la biblioth\u00e8que React pour JavaScript.<\/em><\/p>\n Ali et Emma du podcast LadyBug discutent des tenants et aboutissants du React - de la disposition g\u00e9n\u00e9rale de la biblioth\u00e8que et de ses avantages aux discussions anim\u00e9es sur les composants, donn\u00e9es<\/a> ou le Cycle de vie du React<\/a>le tout pr\u00e9sent\u00e9 avec une pinc\u00e9e d'exp\u00e9rience personnelle. Il vaut la peine d'\u00eatre \u00e9cout\u00e9 par tous les d\u00e9veloppeurs frontaux qui n'ont pas encore eu la chance d'essayer les merveilles de React.<\/em><\/p>\n Ma premi\u00e8re rencontre avec React remonte \u00e0 environ trois ans, lorsque j'ai commenc\u00e9 mon parcours de d\u00e9veloppeur. M\u00eame si Ali et Emma sugg\u00e8rent que le React peut sembler d\u00e9routant au d\u00e9but, d'apr\u00e8s ma propre exp\u00e9rience, j'ai trouv\u00e9 qu'il \u00e9tait relativement facile \u00e0 utiliser au d\u00e9but et probablement le plus facile \u00e0 faire progresser par rapport \u00e0 d'autres frameworks frontaux. Il existe de nombreux tutoriels, articles, biblioth\u00e8ques open-source et autres types de mat\u00e9riel d'apprentissage disponibles partout. Cependant, il faut \u00eatre conscient du d\u00e9veloppement actif de React lorsque l'on parcourt ces ressources. Cet \u00e9pisode du podcast de LadyBug ne fait pas exception - certains aspects et m\u00e9thodes mentionn\u00e9s sont d\u00e9j\u00e0 obsol\u00e8tes depuis un certain temps. Il est donc pr\u00e9f\u00e9rable de suivre les conseils d'Emma elle-m\u00eame et de consulter la documentation la plus r\u00e9cente.<\/em><\/p>\n React a beaucoup \u00e9volu\u00e9 et m\u00fbri, ce qui lui a permis d'atteindre les objectifs suivants code<\/a> L'\u00e9criture est encore plus facile avec les Hooks, qui vous permettent d'utiliser les m\u00e9thodes d'\u00e9tat et de cycle de vie sans \u00e9crire de composants de classe. Mais pour les d\u00e9butants - comme Ali le fait remarquer avec justesse - la vari\u00e9t\u00e9 des fa\u00e7ons dont vous pouvez \u00e9crire React (comme les composants classe\/fonctionnel\/hooks) ajoute une complexit\u00e9 suppl\u00e9mentaire, car il peut parfois \u00eatre difficile de visualiser ce qui se passe. En outre, il peut \u00eatre difficile de distiller ce dont vous avez besoin et de trouver des informations pertinentes concernant la mise en \u0153uvre du code.<\/em><\/p>\n Parmi les principaux avantages de React, Ali souligne qu'il est bas\u00e9 sur des composants, ce qui permet la modularisation du code et facilite la collaboration avec d'autres d\u00e9veloppeurs. En outre, la possibilit\u00e9 d'utiliser JSX est une aide visuelle pr\u00e9cieuse lorsque l'on travaille avec l'interface utilisateur dans le code JavaScript - il n'est pas n\u00e9cessaire d'avoir des fichiers HTML distincts !<\/em><\/p>\n Ali et Emma ont \u00e9galement bien r\u00e9sum\u00e9 la flexibilit\u00e9 qu'offre un syst\u00e8me de composants. Un excellent exemple pratique est celui de mon entreprise, Vinted, qui a connu une croissance rapide en ce qui concerne le d\u00e9veloppement de ses activit\u00e9s. produit<\/a> ainsi que la les \u00e9quipes de d\u00e9veloppement<\/a> qui y ont travaill\u00e9 au cours des derni\u00e8res ann\u00e9es. React a apport\u00e9 des avantages consid\u00e9rables - il a permis nous<\/a> d'\u00e9crire un code beaucoup plus propre, d'utiliser des composants d'interface utilisateur r\u00e9utilisables et de rendre notre code plus facile \u00e0 tester.<\/em><\/p>\n Dans l'ensemble, cet \u00e9pisode du podcast LadyBug offre une discussion anim\u00e9e et charmante sur les principaux aspects du React. Je le recommande \u00e0 tous ceux qui commencent leur voyage avec le React. Plein d'exemples amusants et d'analogies avec la vie r\u00e9elle, l'\u00e9pisode \"accroche\" sans probl\u00e8me l'attention de tous les auditeurs, y compris la mienne.<\/em><\/p>\n Les vues dans Rails deviennent malheureusement plus lentes avec le temps. En effet, le nombre d'objets stock\u00e9s dans la base de donn\u00e9es augmente. Cela entra\u00eene des temps de requ\u00eate plus longs et, bien s\u00fbr, un traitement plus long si vous faites quelque chose avec chacun des objets. Lorsque cela se produit, vous n'\u00eates pas laiss\u00e9 sans espoir car il existe la mise en cache des vues Rails.<\/em><\/p>\n Gr\u00e2ce \u00e0 cela, vous pouvez gagner beaucoup de temps en chargeant des donn\u00e9es lourdes de la base de donn\u00e9es \u00e0 partir du cache (chargement d'un fichier html unique sauvegard\u00e9 au lieu d'interroger la base de donn\u00e9es et de traiter les objets). Vous pouvez \u00e9galement rendre cette op\u00e9ration moins co\u00fbteuse dans le cas de partiels et d'objets diff\u00e9rents - bien entendu, si les objets ne changent pas trop souvent. Vous pouvez \u00e9galement essayer de conserver les objets mis en cache dans des partiels s\u00e9par\u00e9s - et \u00e9conomiser par exemple le rendu de 19 messages sur 20 (\u00e9ventuellement avec un grand nombre de champs).<\/em><\/p>\n Par d\u00e9faut, la mise en cache de Rails utilise le file_store et conserve les donn\u00e9es mises en cache dans les dossiers. Mais il ne supprime pas les anciennes entr\u00e9es du cache (qui peuvent avoir expir\u00e9 depuis longtemps). Cela peut conduire \u00e0 un d\u00e9bordement de la quantit\u00e9 de fichiers ou m\u00eame \u00e0 un manque d'espace libre sur un serveur. L'autre m\u00e9thode est memory_store, qui pr\u00e9sente \u00e9galement des inconv\u00e9nients (le cache \u00e9tant conserv\u00e9 sur un seul serveur). Elle peut \u00e9galement d\u00e9passer la quantit\u00e9 de RAM conserv\u00e9e sur le serveur (ou le manque de cache s'il est supprim\u00e9 en permanence). C'est pourquoi le meilleur m\u00e9canisme de cache \u00e0 grande \u00e9chelle est la m\u00e9thode Memcached\/Redis. Cela vous donne la possibilit\u00e9 d'utiliser une machine s\u00e9par\u00e9e pour conserver le cache qui peut \u00eatre utilis\u00e9 par tous les serveurs. Gr\u00e2ce \u00e0 cela, il n'y aura pas de probl\u00e8me de manque de cache ou de finition de l'espace disque sur un serveur.<\/em><\/p>\n Dans Rails, le cache est conserv\u00e9 sur la base d'un identifiant, qui peut \u00eatre donn\u00e9 directement sous la forme d'une cha\u00eene de caract\u00e8res ou g\u00e9n\u00e9r\u00e9 automatiquement lorsque vous passez un objet \u00e0 la fonction de cache. Dans le cas des objets, il s'agit le plus souvent de l'attribut updated_at. Vous pouvez \u00e9galement fournir une cl\u00e9 statique \u00e0 partir des param\u00e8tres de l'objet.<\/em><\/p>\n Une autre m\u00e9thode de mise en cache consiste \u00e0 utiliser Javascript pour mettre \u00e0 jour un champ qui est modifi\u00e9 une fois par jour. De cette mani\u00e8re, une date valide peut \u00eatre affich\u00e9e en permanence, sans qu'il soit n\u00e9cessaire de rafra\u00eechir le site web - qui peut \u00eatre assez volumineux ou lent \u00e0 ex\u00e9cuter.<\/em><\/p>\n Pour ne rien g\u00e2cher, la table ronde sur le r\u00f4le du responsable de l'ing\u00e9nierie dans le processus d'embauche est tr\u00e8s int\u00e9ressante pour tous ceux qui se demandent quel est le bon moment pour le responsable technique d'intervenir dans le cycle d'entretien. \u00c0 l'adresse Codest<\/a>Nous pratiquons en quelque sorte ce que les pan\u00e9listes pr\u00eachent et notre CTO<\/a> est le premier point de contact avec ing\u00e9nieurs<\/a> de la candidature, tandis qu'\u00e0 l'\u00e9tape suivante, les entretiens sont men\u00e9s par des \u00e9quipe<\/a> avec lesquels les nouveaux arrivants potentiels travailleront en \u00e9troite collaboration. Voici quelques conseils que vous pouvez appliquer imm\u00e9diatement pour am\u00e9liorer votre recrutement en tant que directeur de l'ing\u00e9nierie :<\/p>\n Passez en revue votre processus et assurez-vous de rejoindre le flux le plus t\u00f4t possible, id\u00e9alement en \u00e9tant le premier point de contact avec les candidats, car les premi\u00e8res impressions jouent un r\u00f4le cl\u00e9 dans la fa\u00e7on dont votre entreprise est per\u00e7ue par les meilleurs talents.<\/p>\n<\/li>\n Contactez les responsables du recrutement les plus efficaces de votre organisation (peut-\u00eatre celui qui vous a embauch\u00e9 \u00e0 l'\u00e9poque) et demandez-leur si vous pouvez assister \u00e0 certains des entretiens qu'ils ont planifi\u00e9s, v\u00e9rifier leurs techniques, demander des conseils. Observez et apprenez. Participez \u00e0 chaque entretien en faisant preuve d'une r\u00e9elle curiosit\u00e9 \u00e0 l'\u00e9gard des candidats.<\/p>\n<\/li>\n Rechercher le potentiel et embaucher pour le potentiel et la capacit\u00e9 \u00e0 se d\u00e9velopper rapidement.<\/p>\n<\/li>\n Discutez de vos offres d'emploi avec tous vos ing\u00e9nieurs et demandez-leur s'ils postuleraient \u00e0 l'emploi. Si ce n'est pas le cas, demandez-leur ce qui ne va pas et appliquez leurs commentaires \u00e0 l'offre d'emploi 2.0 que vous vous appr\u00eatez \u00e0 diffuser sur les sites d'emploi.\u00a0<\/p>\n<\/li>\n Consid\u00e9rez le premier entretien comme une occasion de cr\u00e9er une excellente relation avec vos futurs coll\u00e8gues potentiels.<\/p>\n<\/li>\n<\/ol>\n Je vous encourage \u00e0 regarder l'ensemble du panel vid\u00e9o, mais si vous aimez les podcasts et que vous aimez les \u00e9couter en conduisant, en faisant du sport ou en faisant la vaisselle, voici \u00e9galement un Spotify. lien.<\/a>\u00a0<\/p>\n Merci beaucoup d'avoir lu et si vous \u00eates arriv\u00e9s jusqu'ici, j'appr\u00e9cie votre temps et tout commentaire (qu'il soit positif ou n\u00e9gatif) est le bienvenu. LinkedIn<\/a> ou \u00e0 mon courriel<\/a>.\u00a0<\/p>\n Nous vous reviendrons bient\u00f4t avec le prochain \u00e9pisode !\u00a0<\/p>\n Yippie IWill See You Soon Dancing GIF<\/a> de GIFs Yippieiwillseeyousoon<\/a><\/p>\n En savoir plus :<\/strong><\/p>\n TheCodestReview #3 - jus hebdomadaire de g\u00e9nie logiciel<\/a><\/p>\n TheCodestReview #2 - jus hebdomadaire de g\u00e9nie logiciel<\/a><\/p>\nListe des sujets trait\u00e9s cette semaine :<\/h2>\n
\n
S'initier au React<\/a> par LadyBug Podcast<\/h2>\n
Mise en cache des vues Rails<\/a> par Jonathan Miles de Honeybadger<\/h2>\n
Le directeur de l'ing\u00e9nierie en tant que recruteur principal<\/a> par le Mentoring Club<\/h2>\n
\n