Byteconf React 2020 – Expérience du jour 1

Byteconf React est une conférence gratuite de deux jours réunissant certains des meilleurs orateurs et enseignants React au monde. Le niveau des discussions va du débutant à l'intermédiaire, vous êtes donc assuré d'apprendre quelque chose de nouveau, quel que soit votre niveau. Dans ce billet, je partage mon expérience et les choses que j'ai apprises le premier jour de la conférence.

À la suite du verrouillage comme l'une des mesures visant à contenir la propagation de COVID-19, certaines conférences ont annulé leurs événements, et certains les ont déplacés en ligne. Pour ceux qui ont déménagé en ligne, certains l'ont rendu gratuit, et les autres ont conservé le leur comme un événement payant. Il y avait un certain nombre d'entre eux que j'ai appris à connaître, et j'ai fait une liste pour que je puisse garder une trace et décider à laquelle je pourrai assister. Parmi toutes les conférences, il y en avait deux que j'attendais vraiment, ByteConf React 2020 et MS Build 2020, qui ont toutes deux eu lieu en mai. ByteConf a eu lieu les 1er et 2 mai, et dans cet article, je vais faire un résumé de mon expérience et partager un peu sur les discussions.

À propos de la conférence

Byteconf React est un site gratuit, conférence de deux jours réunissant certains des meilleurs orateurs et enseignants React au monde. La conférence 2020 a été diffusée en continu sur YouTube gratuitement, afin que tout le monde puisse y assister (même des jours ou des mois plus tard). C'était amusant pour moi parce que, pendant que j'écoutais les discussions perspicaces, j'ai également posé des questions pendant la diffusion et les conférenciers et autres participants y ont répondu en temps réel, et on avait l'impression que nous étions tous dans la même pièce en train de parler à chacun autre. Le niveau des discussions variait du débutant à intermédiaire, vous êtes donc assuré d'apprendre quelque chose de nouveau, quel que soit votre niveau.

Dans cet article, je vais souligner les discussions du premier jour de la conférence

Simplement React

Le premier discours a été de Kent Dodds où il nous a enseigné les modèles pour rendre les composants simples et flexibles à la fois. Dans cet exposé, il a montré quelques modèles qui peuvent rendre un composant composable et flexible à utiliser. Il a utilisé un exemple où il a démontré comment l'utilisation d'un composant évolue avec les nouvelles exigences et nous ajoutons des accessoires pour répondre aux nouvelles exigences. La méthode de rendu passe de quelque chose de simple à un certain niveau de complexité.

L'exemple ne m'était pas étrange car j'ai vécu quelque chose de similaire et j'ai déjà écrit un tel code et, à ce stade, j'étais vraiment curieux de savoir quels modèles je peux appliquer pour résoudre ce problème.

Il a montré comment cela peut être résolu en appliquant des modèles tels que l'inversion du contrôle, le réducteur d'état, les accessoires de contrôle et la composition des crochets. Si vous voulez en savoir plus sur ces modèles et comment les utiliser pour simplifier votre code, assurez-vous de regarder cette présentation et de lire l'exemple de code sur GitHub .

Performant par défaut, React Web Apps en 2020

Le prochain discours était d'Ahmad Awais où il parlait de la création d'applications JAMstack React performantes avec Next.js. Cet exposé était également assez pratique et Ahmad a montré à quelle vitesse vous pouvez configurer une application React avec Next.js. Par défaut, il a toute la configuration nécessaire pour rendre votre application rapide et évolutive, déjà intégrée. Il a expliqué comment il avait construit cloudycam.dev en nous expliquant comment le projet, la création de l'application et la connexion avec des API sans serveur. À la fin de la présentation, vous auriez appris à créer des sites JAMstack performants avec React et Next.js.

Une introduction en douceur à la création d'applications sans serveur

Toujours dans l'esprit de JAMstack et sans serveur, la prochaine conférence était introduction d'un débutant aux applications sans serveur, et comment les créer et les adapter. Cette conférence de Joe Karlsson nous a expliqué comment utiliser la plate-forme sans serveur MongoDB Stitch pour créer une application basée sur des microservices évolutive en quelques minutes, avec authentification de l'utilisateur final et règles d'accès, sur un cluster MongoDB entièrement géré dans votre plateforme cloud préférée. Donc, si vous voulez créer des applications JAMStack basées sur React, je vous recommande de regarder les conférences d'Ahmad Awais et Joe Karlsson.

Pièges pour débutants: mon voyage personnel

Les trois prochaines discussions qui ont suivi étaient des discussions conviviales pour les débutants. Bien qu'ils soient étiquetés comme niveau débutant, il y a de quoi emporter même pour les développeurs expérimentés.

Le premier d'entre eux a été le discours de Mahmoud Abdelwahab, intitulé Pièges pour débutants: Mon voyage personnel . Dans cet exposé, il a souligné certaines erreurs que la plupart d'entre nous commettaient en apprenant à coder ou même en apprenant un nouveau langage ou une nouvelle technologie en tant que développeur expérimenté. Les choses qu'il a partagées sont basées sur son expérience. Les erreurs qu'il a commises en cours de route, il a également vu d'autres débutants le faire. Autant ces erreurs sont commises par des débutants, je pense qu'elles s'appliquent également aux apprenants avancés.

L'une des erreurs qu'il a mentionnées a été d'apprendre sans plan. Il a raconté comment il avait commencé à apprendre sans plan et il rechercherait au hasard des tutoriels et les étudierait. Certains avaient des conditions préalables qui, si vous ne les rencontrez pas, rendraient difficile la compréhension du didacticiel. Sans plan, vous ne connaissez pas non plus vos progrès et vous ne sauriez pas non plus quand vous avez atteint votre objectif d'apprentissage. Il a suggéré d'utiliser les programmes existants pour créer un plan, par exemple, freeCodecamp . Une autre bonne ressource est roadmap.sh où vous pouvez voir ce qui doit être un développeur frontend, un développeur backend ou un ingénieur DevOps, puis choisir des cours ou des ressources correspondant aux compétences que vous souhaitez apprendre.

Personnellement, je suis un peu un processus d'apprentissage en 10 étapes que j'ai repris du livre de John Sonmez, Soft Skills: The Software Developer's Life Manual . Il a une section du livre consacrée à l'apprentissage. Il existe un billet de blog sur ce processus d'apprentissage sur Medium.

Assez parlé de celui-ci. Si vous voulez éviter les erreurs d'apprentissage courantes lorsque vous apprenez à coder, écoutez cet exposé !

Création d'une bibliothèque de composants

Le prochain exposé par Kathryn Grayson Nanz était sur la création d'une bibliothèque de composants. Elle a expliqué comment il y avait un manque de cohérence dans l'interface utilisateur et l'expérience utilisateur des applications qu'ils ont construites là où elle travaille et pourquoi ils ont décidé de créer une bibliothèque de composants. Elle a ensuite expliqué le guide étape par étape pour créer une bibliothèque de composants et mettre en évidence les erreurs courantes à éviter. En résumé, elle montre comment consacrer du temps et des efforts à la création d'une bibliothèque de composants peut entraîner un développement plus rapide et plus facile, et elle a partagé cela à partir de son expérience dans la création de Myelin, qui est la bibliothèque de composants chez Herrmann où elle travaille.

Down the Javascript: Level Up with the Fundamentals of Web Development

La ​​prochaine conférence de Colby Fayock, intitulée Put Down the Javascript: Level Up with the Fundamentals of Web Development nous a ramenés aux bases de développement web. La base de cette conférence nous a fait revenir au point de Mahmoud Abdelwahab, où il a dit que l'apprentissage des principes fondamentaux vous aiderait à apprendre plus rapidement et à améliorer votre travail. Dans cette conférence, Colby a enseigné certains principes fondamentaux du HTML et du CSS, et comment les utiliser dans le développement d'applications React. Il a insisté sur la compréhension des outils que vous utilisez et a ensuite parlé du référencement et de l'accessibilité. Consultez donc cette présentation pour rafraîchir vos bases dans le développement Web.

Sites statiques et fonctions sans serveur – Une combinaison dynamique

James Quick a présenté son exposé sur les générateurs de sites statiques et sans serveur. Il a construit une application de démonstration JAMStack où il a montré comment l'intégrer avec le courrier électronique et les SMS, ainsi que communiquer avec d'autres sources de données. À ce stade, vous avez peut-être remarqué que certaines des discussions concernent soit sans serveur, soit JAMStack. Vous n'avez pas à héberger votre propre serveur ou à en savoir beaucoup sur les serveurs et l'infrastructure pour déployer votre application. Il vous suffit d'écrire la fonction qui fait le travail (par exemple, par courrier électronique), de la télécharger vers le fournisseur sans serveur, puis d'utiliser cette API sur REST ou GraphQL dans votre application React. Allez voir cette conférence de James et découvrez à quel point il est rapide de créer une application réactive à l'aide de JAMStack.

Ceux qui peuvent le faire devraient également enseigner Ceux qui peuvent faire devraient également enseigner . C'est l'une des discussions que j'attendais vraiment avec impatience avant le début de l'événement. Pourquoi? Eh bien, il parle d'enseignement, ce que je fais presque tous les jours. Cela peut prendre la forme de discussions sur certains modèles de conception et de la façon dont nous pouvons les appliquer à notre cas d'utilisation avec mes collègues, ou de la rédaction d'articles de blog et de didacticiels. Ceux d'entre vous qui me suivent savent que j'écris beaucoup et publie du contenu chaque mois. Si vous ne le savez pas, suivez ce lien pour voir tout le contenu que j'ai publié ici .

L'une des choses qu'Ali a mentionnées est d'inculquer un état d'esprit de croissance à votre public. Aidez-les à relever les défis et à comprendre qu'apprendre quelque chose de nouveau peut être difficile et qu'il peut prendre du temps pour bien comprendre le sujet. Un autre point est de créer une atmosphère où tout le monde se sent détendu en posant des questions et en apprenant aux élèves à s’auto-enseigner. La conversation va beaucoup plus loin que ce que j'ai résumé ici, donc je vous recommande d'aller regarder cette conversation. Surtout si vous enseignez aux gens de quelque manière que ce soit.

C'est un tour d'horizon!

Le premier jour de la conférence s'est terminé par la conférence d'Ali sur l'enseignement du codage. Beaucoup de discussions ont été sur JAMStack et sans serveur, qui sont des sujets vraiment d'actualité aujourd'hui. Il y a eu des discussions sur la création d'applications React performantes et la création d'une bibliothèque de composants. Regardez les vidéos sur Youtube et devenez un meilleur développeur React ?.