Aller au contenu principal

📨 #131: useReducer, Controlled Inputs, Async React, DevTools, React-Query, Storybook, Remix, React-Native, Expo...

· 9 minutes de lecture
Sébastien Lorber
Sébastien Lorber
Editeur - Mainteneur de Docusaurus

Salut à tous !

On sort progressivement de la période de fêtes. Il y a pas mal de blog posts; mais pas d'annonces majeures en dehors de React-Native 0.71.

Je rentre de vacances au ski et reprends la newsletter sur le rythme hebdomadaire. J'ai pas tout suivi mais je crois que le drama Twitter de la semaine était sur Tailwind? 😅

Plus que 2 jours pour répondre au sondage State of React-Native 🙏

J'ai été l'invité du podcast Artisan Développeur, l'épisode vient juste de sortir: Ma vie de freelance et infopreneur. Si vous êtes curieux d'en savoir plus sur mon activité, on y parle surtout de freelancing, de Docusaurus et de cette newsletter.

Pour les devs web créatifs intéressés par React-Three-Fiber, abonnez-vous à la newsletter Web Game Dev: vous y trouverez plus d'infos qu'ici.

💡 Consulter cette newsletter sur Twitter - format visuel 🎨

Pour me soutenir:

Ne manque pas le prochain email !

    💸 Sponsor​

    React Bricks est un CMS visuel basé sur des composants React.

    React Bricks est un CMS visuel basé sur des composants React.

    Flexible pour les développeurs: créez votre propre design system en utilisant des composants React, ajoutez l'édition visuelle dans votre JSX et ajoutez des contrôles dans la barre latérale pour modifier les props comme la couleur de fond. Choisissez Next.js, Gatsby ou Remix et le framework CSS de votre choix !

    Facile pour les éditeurs: qui peuvent éditer directement de manière visuelle sans casser le design system: beaucoup plus facile que d'éditer des entités abstraites en utilisant des champs gris, comme dans un CMS headless classique. Vous gagnez du temps: les éditeurs de contenu sont autonomes !

    Prêt pour l'entreprise avec la collaboration, le versioning, l'authentification unique, la conformité réglementation GDPR, le CDN global pour des images optimisées, l'intégration e-commerce électronique, la publication programmée et bien plus encore.

    Commencez ici: ReactBricks.com

    ⚛️ React​

    useReducer

    A Cure for useState Hell

    Propose de remplacer plusieurs useState par un useReducer avec une seule action. Il explique les avantages que cela apporte, comme la possibilité de s'assurer que l'état est consistant, ou de migrer plus tard vers un reducer avec plusieurs actions. Un pattern intéressant à connaitre. Mon avis: il est tout a fait possible d'obtenir des bénéfices similaires en utilisant un seul useState avec un objet unique et un hook custom. useState ou useReducer devrait être un détail d'implémentation.

    useReducer

    Type-safe React Query

    Avec TypeScript, il vaut mieux éviter de se mentir. Peut-on toujours faire confiance à son backend pour retourner le bon payload. Dominik propose de combiner React-Query à Zod. Avec l'inférence, il n'est plus nécessaire de forcer un type avec as ou des generics. On peut utiliser tRPC ou Zodios dans un environnement fullstack (backend/frontend dans le même monorepo).

    Ne manque pas le prochain email !

      💸 Sponsor​

      Developer Nation Survey - Vous voulez avoir un impact sur l'écosystème des développeurs ?

      Vous voulez avoir un impact sur l'écosystème des développeurs ?

      D'après le dernier rapport State of the Developer Nation, React est de loin la lib client la plus populaire puisqu'elle est utilisée par 58 % des développeurs web qui utilisent des frameworks web. Qu'en pensez-vous ?

      Participez à l'enquête la plus complète jamais créée par Developer Nation, façonnez les principales tendances chez les développeurs pour 2023 et gagnez des cadeaux incroyables ! 🎁

      Une fois le questionnaire complété, vous obtiendrez un accès gratuit à notre sac à surprises virtuel. N'oubliez pas de vous inscrire pour participer aux tirages au sort hebdomadaires. Parmi les 250 prix, vous trouverez un ThinkPad L15 Gen 3, un mini PC Intel NUC 10 Performance, des kits IoT, un iPad Air, des cartes-cadeaux, des cours Udemy, des accessoires tech, et bien d'autres encore.

      Commencez ici !

      📱 React-Native​

      useReducer

      React Native 0.71: TypeScript by Default, Flexbox Gap, and more...

      Une grosse release avec entre autre:

      • TypeScript par défaut
      • Support flex gap: en pixels, le support des pourcentages arrive plus tard
      • Nouvelles props inspirés du web (accessibilité, style, events) qui devrait simplifier le dev cross-platform.
      • DX améliorée: DevTools click-to-inspect, nouvelle version Hermes, nouvelle architecture...
      • Android Prebuilts on Maven Central: temps de build Android réduit de 94%, et divers autres impacts. Note: il semble aussi possible d'améliorer fortement les temps de build iOS.

      expo-m1

      Divers nouveaux articles sur le blog Expo:

      🧑‍💻 Jobs​

      🧑‍💼 Shotgun - Senior Full Stack Engineer - 60-75k€ + BSPCE

      Shotgun est la billetterie des évènements electro. Nous recherchons des devs expérimentés pour travailler sur une stack moderne: React, React-Native, Typescript, GraphQL, NextJS, PgSQL, Vercel...

      🧑‍💼 Premier Octet - Développeurs(euses) React - Paris

      Nous cherchons des développeurs(euses) JavaScript passionnés. Vous interviendrez en développement sur des projets variés et motivants, à la fois serveur et front (React, Nest, Next), et éventuellement mobile (React Native).

      💡 Comment publier une offre d'emploi ?

      🇫🇷 En français​

      💡Tu peux m'envoyer ton contenu: sebastien@thisweekinreact.com !

      🔀 Autre​

      🤭 Fun​

      alt


      Ne manque pas le prochain email !