Article original : Watch The 2020 Reactathon San Francisco Developer Conference for Free
Cette semaine, nous diffusons en direct la Reactathon 2020 – une conférence React de 3 jours – gratuitement sur la chaîne YouTube de freeCodeCamp.
La Reactathon (également connue sous le nom de San Francisco React Conference) a généralement lieu en mars dans le centre-ville de San Francisco. Vous pouvez probablement deviner pourquoi ils l'ont reportée cette année. (Cela commence par P-A-N-D et ne mange pas de bambou.)
La bonne nouvelle, c'est que la conférence était entièrement en ligne, et vous pouvez regarder toutes les présentations dès maintenant, en toute sécurité depuis le confort de votre propre maison.
Notez que pour chaque présentation de conférence listée ci-dessous, j'ai inclus le segment d'introduction par les maîtres de cérémonie de la conférence Anjana Vakil et Jonathan Cutrell. Ce ne sont pas des maîtres de cérémonie ordinaires – ils sont tous deux des icônes du domaine du développement logiciel.
Jonathan est surtout connu comme l'animateur du populaire podcast Developer Tea. Et Anjana a donné un certain nombre de présentations de conférence particulièrement influentes sur des sujets liés à JavaScript, comme celle-ci.
Présentations du jour 1 de la Reactathon 2020
Présentation de Guillermo Rauch sur Next.js
Le premier jour a commencé par une présentation de Guillermo Rauch, fondateur de Vercel (anciennement Zeit) et co-créateur du populaire framework de développement full stack Next.js.
Guillermo est l'une des figures les plus excitantes de JavaScript en ce moment, et je pense que vous allez adorer sa présentation.
Vous pouvez regarder la présentation de Guillermo ici.
Présentation de Lydia Hallie sur JavaScript V8
Ensuite, Lydia Hallie a expliqué à tout le monde comment fonctionne le moteur JavaScript V8. Ce fut une explication très visuelle de ce pilier de Chrome, Node.js, et de beaucoup de JavaScript haute performance.
Vous pouvez regarder la présentation de Lydia ici.
Présentation de Swizec Teller sur l'authentification
Ensuite, Swizec Teller a montré à tout le monde comment ajouter l'authentification à n'importe quelle application React en 5 minutes en utilisant Auth0.
Vous pouvez regarder la présentation de Swizec ici.
Présentation de Alex Krolic sur les tests asynchrones React
Alex Krolick a ensuite montré à tout le monde comment tester les composants React asynchrones en utilisant la React Testing Library.
Vous pouvez regarder la présentation de Alex ici.
Présentation de Bryan Manuele sur l'analyse statique dans React
Bryan Manuele a montré à tout le monde comment utiliser l'analyse statique pour quantifier la santé de leurs bases de code React.
Vous pouvez regarder la présentation de Bryan ici.
Présentation de Jana Beck sur la réduction de dimensionnalité dans React
Jana Beck a présenté quelques techniques avancées de science des données dans le navigateur. Elle a utilisé Web Workers et OffscreenCanvas pour effectuer une réduction de dimensionnalité dans le navigateur. Ainsi, vous pouvez visualiser des données multidimensionnelles de manière visuelle, plus facile à comprendre pour les humains. C'était très amusant.
Vous pouvez regarder la présentation de Jana ici.
Présentation de Shawn Wang (Swyx) sur le Full Stack React sécurisé par les types
Nous avons terminé le premier jour avec une présentation de Shawn Wang (Swyx), héros local de freeCodeCamp, sur le Full Stack React sécurisé par les types. Oui, vous avez bien entendu – le typage statique à la fois sur le front-end et le back-end.
Les avantages de l'approche de Shawn : de meilleurs avertissements (et donc, une meilleure expérience développeur) et moins d'erreurs.
Il a même codé en direct une application TypeScript + React + GraphQL pour illustrer cette approche. Du codage en direct. Que pourrait-il mal se passer ? Beaucoup de choses, mais Shawn est un pro. C'est toujours un plaisir de le regarder en action.
Vous pouvez regarder la présentation de Shawn ici.
Présentations du jour 2 de la Reactathon 2020
Présentation de Kent C. Dodds sur la gestion d'état des applications React
Kent C. Dodds a commencé le deuxième jour avec une présentation sur la gestion d'état des applications React. Il a montré comment organiser votre application pour éviter les maux de tête de maintenance à l'avenir.
Kent a également donné quelques conseils pour améliorer les performances simplement en étant plus réfléchis dans la manière dont vous catégorisez votre application.
Vous pouvez regarder la présentation de Kent ici.
Présentation de Tejas Kumar sur React en tant que couche d'abstraction de composants
Ensuite, Tejas Kumar a examiné comment les développeurs utilisent React comme une sorte de couche d'abstraction de composants. Il a donné à tout le monde un aperçu sous le capot pour voir ce qui fait exactement de React, React.
Vous pouvez regarder la présentation de Tejas ici.
Présentation de Daria Caraway sur l'écriture d'API de composants React hautement lisibles en TypeScript
Ensuite, Daria Caraway a partagé des conseils pour écrire des API de composants React hautement lisibles – ou "attentionnées" comme elle aime les appeler – en utilisant TypeScript.
Vous pouvez regarder la présentation de Daria ici.
Interview de Quincy Larson (oh hey, c'est moi, l'auteur de cet article)
À ce stade, Anjana et Jonathan m'ont interviewé pendant environ 10 minutes sur freeCodeCamp, son histoire et nos grands objectifs pour 2021.
Vous pouvez regarder l'interview avec Quincy Larson (moi) ici.
Présentation de Naomi Meyer sur l'internationalisation dans React
Naomi Meyer partagera les meilleures pratiques dans les domaines connexes de l'internationalisation (I18N), de la localisation (L10N) et de la mondialisation (G11N). Elle partagera également quelques recommandations d'outils React connexes.
Vous pouvez regarder la présentation de Naomi ici.
Présentation de David Khourshid sur le développement piloté par modèle
David Khourshid vous présentera le développement piloté par modèle et "comment les machines à états et les statecharts peuvent être utilisés pour modéliser même la logique la plus complexe et visualiser automatiquement, générer des tests, produire de la documentation, et plus encore."
Vous pouvez regarder la présentation de David ici.
Présentations du jour 3 de la Reactathon 2020
Présentation de Becca Bailey sur les conseils de refactorisation de la base de code React
Becca Bailey commencera la journée avec ce que je nomme comme le meilleur titre de présentation de la conférence : "Konmari Your Code: Finding Joy in Refactoring."
Elle partagera des conseils pour simplifier votre base de code React, refactoriser sans stress, et plus encore.
Vous pouvez regarder la présentation de Becca ici.
Présentation de Lee Robinson sur le rendu côté client VS côté serveur
Lee Robinson explorera la récupération de données avec le framework Next.js alimenté par React. Il parlera du rendu côté client VS rendu côté serveur, et d'autres concepts importants de développement web.
Vous pouvez regarder la présentation de Lee ici.
Présentation de Brian Leroux sur Deno
Brian Leroux parlera de Deno, le nouveau runtime JavaScript du même créateur de Node.js.
Brian démontrera certaines des différences clés entre Deno et Node en déployant son propre backend serverless en utilisant AWS Lambda.
Vous pouvez regarder la présentation de Brian ici.
Présentation de Cassidy Williams sur les interfaces utilisateur inspirées de la science-fiction
Cassidy Williams parlera des interfaces utilisateur inspirées de la science-fiction. Si vous connaissez Cassidy et ses vidéos Tik-Tok sur le thème du développement, vous savez déjà que vous êtes en pour un régal.
Vous pouvez regarder la présentation de Cassidy ici.
Enregistrement en direct du podcast Syntax.fm avec Wes Bos et Scott Tolinsky
Enfin, le troisième jour s'est terminé par un enregistrement en direct du podcast Syntax.fm. Les animateurs Wes Bos et Scott Tolinsky ont partagé quelques insights de codage, des blagues, et comme toujours, quelques "tasty treats".
Comme les autres enregistrements en direct de Syntax.fm que j'ai vus, c'était un régal, avec beaucoup de participation du public.
Vous pouvez regarder l'enregistrement en direct du podcast Syntax.fm ici.