Guillaume Ducuing, développeur web React à Rouen

Guillaume Ducuing

Développeur Web

Html
Css
Javascript
React
GSAP
Next.js
Prismic
Html
Css
Javascript
React
GSAP
Next.js
Prismic
Html
Css
Javascript
React
GSAP
Next.js
Prismic
Html
Css
Javascript
React
GSAP
Next.js
Prismic

Mon dernier projet

    Techno
    • React & Next.js
    • Slicemachine & Prismic
    • Déploiement Vercel
    Features
    • Blog, Landing, Hubspot form, API Google map, Carrousel
    • Desktop & responsive

Fondée en 2016, Ocus automatise, à l'aide de l'IA, la création de contenu visuel sur mesure pour les grandes marques en s'appuyant sur une communauté mondiale de 20 000 photographes et créateurs.
Réalisé à l'agence Bruno : www.callbruno.com

Le saviez-vous ?

React.js a été développé par Facebook en 2011. L'équipe de développement de Facebook a créé React pour résoudre des problèmes spécifiques liés à la complexité croissante de leur interface utilisateur. Le déploiement initial sur la version mobile de Facebook a permis de tester et d'affiner les capacités de React avant son ouverture à la communauté.

L'une des innovations majeures de React est l'utilisation du Virtual DOM (Document Object Model). Plutôt que de manipuler directement le DOM, React crée une représentation virtuelle du DOM en mémoire et effectue les mises à jour de manière efficace. Cela permet d'améliorer les performances en minimisant les manipulations directes du DOM, ce qui est une opération coûteuse.

Next.js est un framework de développement web basé sur React qui combine harmonieusement les meilleures fonctionnalités de React avec des capacités avancées de rendu côté serveur et de routage. Il a été conçu pour simplifier la création d'applications web rapides, évolutives et optimisées pour les moteurs de recherche. Il est utilisé ici ! 🔆

Prismic se distingue en tant que CMS headless, ce qui signifie qu'il se concentre sur la gestion du contenu sans imposer de restrictions sur la manière dont ce contenu est présenté. Cela offre une grande flexibilité aux développeurs pour concevoir des interfaces utilisateur personnalisées.

React a évolué au-delà du développement web pour inclure le développement d'applications mobiles grâce à React Native. Les développeurs peuvent utiliser React et JavaScript pour créer des applications mobiles, partageant ainsi une grande partie du code entre les applications web et mobiles.

Les frameworks web, tels que React, Angular et Vue.js, simplifient le processus de développement en offrant des structures et des fonctionnalités prédéfinies. Ils permettent de gagner du temps et d'améliorer l'efficacité du développement.

L'une des caractéristiques principales de Next.js est le prerendering, qui génère des pages HTML statiques à la compilation. Cela permet d'améliorer la vitesse de chargement en fournissant des pages pré-rendues au lieu de générer le contenu côté client.

Prismic utilise une modélisation de contenu flexible basée sur des "slices". Les slices sont des morceaux de contenu réutilisables qui peuvent être assemblés pour créer des pages complexes. Cette approche permet aux utilisateurs de définir des modèles de contenu adaptés à leurs besoins spécifiques.

Next.js étend les fonctionnalités de React en ajoutant un côté serveur. Cela signifie que le rendu initial peut se faire côté serveur, améliorant la performance globale de l'application et facilitant l'optimisation du référencement.

useState est un Hook qui permet aux composants fonctionnels de déclarer des états locaux, tandis que useEffect est utilisé pour effectuer des opérations côté effet, telles que des appels d'API ou des modifications du DOM, dans un composant fonctionnel.

Les Hooks ont été introduits dans React 16.8 pour permettre aux développeurs d'utiliser l'état et d'autres fonctionnalités React dans les composants fonctionnels. Ils fournissent une alternative aux composants de classe pour gérer l'état et les effets dans les composants React.

Entre novembre 2022 et novembre 2023, React est largement favoris parmi les librairies Javascript avec 1,009,938,901 de téléchargements contre 351,867,000 pour Vue et 25,629,507 pour Angular. Next.js totalise 218,426,845 de téléchargements contre 26,454,587 pour Nuxt.js pendant cette même période.

15

Les étapes de votre projet web

Choix de la technologie

Selon certains projets, le choix de la technologie diffère. Je travaille principalement avec NextJS (React) qui offre d'excellentes performances et permet de lier facilement le CMS headless Prismic.

Intégration & développement

Je commence à intégrer tous les éléments et développer les fonctionnalités nécessaires particulières à votre projet. Je lie également Prismic à votre nouveau site avec Slice Machine. Lors de cette étape, je veille à ce que le code soit propre, bien construit et surtout au pixel perfect afin que le design que vous me fournissez correspond parfaitement avec le résultat final.

Préproduction

Avant de mettre le site en ligne, il sera hébergé sur Netlify ou Vercel au choix et vous aurez accès au lien afin que vous puissiez voir le résultat en direct avant sa mise en production. Cela permet de fixer des éventuelles bugs et de tester les fonctionnalités du site.

Déploiement

Votre site est prêt ! Il est temps de le mettre en ligne ! Je procéderai au transfert final du compte Netlify/Vercel vers le votre, ainsi que du code source sur votre Github, et enfin du transfert de Prismic. Vous êtes alors pleinement propriétaire de votre site internet et vous pouvez modifier le contenu !

Référencement

Pendant tout le processus, je fais en sorte que votre site ai le meilleur résultat possible avec les contraintes techniques que j'ai. (Parfois l'appel à certaines API  freine ce résultat par exemple). Vous pouvez vérifier le score de votre site sur PageSpeed Insights.

Guillaume Ducuing - Le codeur Normand

Et si nous discutions de votre projet ?

Logo Malt le codeur normand

Cette plateforme nous permettra d’échanger en toute sécurité !