Aller au contenu principal

📨 #130: Next.js, callback ref, Zod, React-Hook-Form, Redux, mdxjs-rs, Tamagui, Skia, Shopify, Solid, Bun...

· 8 minutes de lecture
Sébastien Lorber

Salut à tous et bonne année 2023 🍾🥂🥳️

En cette période de fêtes, il y a tout de même eu pas mal d'activité avec une release Next.js et de supers articles React. Et l'écosystème React-Native a été particulièrement actif également, avec Tamagui, le support TypeScript et 2 articles Shopify.

Vous êtes maintenant plus de 15000 abonnés à me lire chaque semaine 😍

Merci pour votre fidélité et votre contribution à la croissance de ce projet. Je ferai bientôt une rétrospective 2022 pour tout vous dévoiler. En attendant, vous trouverez beaucoup d'infos sur ma page Indie Hackers.

La newsletter est revenue en avance: j'ai décalé ma semaine de ski, car il n'y a pas beaucoup de neige 😅 Prochaine édition le 17 Janvier.

Oh, et j'ai enfin réussi a créer un meme viral 🥲

💡 Consulter cette newsletter sur Twitter - format visuel 🎨

Pour me soutenir:

Ne manque pas le prochain article !

    💸 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

    Next.js 13.1

    Next.js 13.1

    Une version mineure avec pas mal d'améliorations:

    • app directory
    • TypeScript plugin
    • Module transpilation
    • Turbopack et benchmarks
    • SWC plugin pour transformer les imports
    • Edge runtime stable pour les API routes et middleware avancé

    Ne manque pas le prochain article !

      💸 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

      Tamagui

      Tamagui 1.0

      Tamagui sort officiellement de beta, et permet de faciliter la création de projets cross-platform (web et mobile) basés sur une même codebase en React, sans pour autant perdre en DX ou en performances. Le projet est divisé en 3 parties:

      • Tamagui Core: un runtime CSS-in-JS au dessus de React-Native et React-Native-Web-Lite
      • Tamagui Static: un compiler basé sur Babel et une pré-évaluation Node qui supporte le "view flattening" et l'extraction de styles en atomic CSS
      • Tamagui UI: une librairie de composants et hooks React pour faciliter l'utilisation

      Tamagui est un projet innovant, qui pourrait avoir un intérêt même si on ne vise qu'une seule plateforme. Le support des features React 18 comme Server Components, Concurrent Mode est déjà la. A tester!

      React Native Skia: A Year in Review and a Look Ahead

      React Native Skia: A Year in Review and a Look Ahead

      William Candillon fait une belle rétrospective du projet React-Native-Skia. Pour rappel, Skia est le moteur 2D de Google, utilisé par Chrome, Android, Flutter... Ils ont amélioré significativement les performances avec le UI Thread Rendering et une nouvelle API déclarative SkiaDOM. La librairie est flexible et peut être étendue (Skottie, VisionCamera frame processing). En 2023, on peut s'attendre à voir arriver les animations via worklets, une intégration plus performante avec Reanimated, ou encore le layout de texte.

      🧑‍💻 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 article !