Développeur Reacts JS

Poste : AZURE
Expérience : 6/8 ans
TJM d’achat max : 600€ pour 8 ans d’expérience
Localisation : Roissy en France
Deadline réponse : 12 Avril
Démarrage : ASAP

1. Objectifs globaux

Le but de la prestation consiste :
1. Mise en place du déploiement automatisé via AZURE Devops des solutions développées en React JS sur le Cloud AZURE.
2. Développement de plugins spécifiques et de fonctionnalités personnalisées pour XXX dans la solution Strapi pour entres autres faciliter la saisie et la visualisation du contenu dans l’outil, diminuer la complexité de certaines requêtes, typer les données générées, etc.
3. Développement ReactJS, NextJS, alimenté dynamiquement par un Strapi (API Rest ou GraphQL) sur la base de maquettes fournies en Atomic Design par les designers au travers d’outils comme Figma.
4. Développement de composants à intégrer dynamiquement dans les pages
5. Optimisation SEO
6. Expertise avancée sur les technologies ReactJS/NextJS/Strapi/Azure/Docker/Figma (support technique, revues de code et validation de PR, veille technologique, POC de solution, etc.)
7. Elaborer, mettre en place et faire évoluer un socle technique partagé et utilisé par les développeurs
8. Participer à la validation des users stories (Azure Devops) et du design system atomic (outil Figma) livrés par les entités MOA/AMOA
9. Mise en place des méthodes et des outils permettant de disposer d’un environnement de développement standardisé et de produire du code source encadré et standardisé particulièrement adapté en environnement multi développeurs

2. Contenu détaillé de la prestation

La prestation consiste à faire du développement ReactJS/, de mettre en place le déploiement automatisé ainsi que de fournir une expertise technique couvrant un grand nombre de sujets relatifs au développement :
Mise en place du déploiement automatisé à partir du repository présent sur AZURE Devops. Le déploiement ne doit pas faire intervenir l’humain et doit pouvoir déployer les architectures de développement, validation et production. Le ou les candidats doivent avoir pour cette partie une bonne connaissance d’Azure Devops et de la technologie Docker.
Développement de plugins et de fonctionnalités personnalisées dans la solution Strapi pour, entre autres, faciliter la saisie et la visualisation du contenu. Le but est de mettre en place dans Strapi des fonctionnalités pour personnaliser l’outil pour XXX. (Exemple d’application possible : présentation des pages saisies dans le site en forme d’arborescence, personnalisation de la page d’accueil, simplification de requête complexes par la création de controllers custom ). Ces développements doivent permettre de conserver la compatibilité avec les mises à jour de la solution Strapi publiées par l’éditeur.
Développement ReactJS/NextJS avec la mise en place de la gestion dynamique des pages et de leurs contenus à partir des données délivrées par Strapi et interprétées par le front pour les afficher. Le CMS délivre des données au format JSON décrivant les objets correspondants aux pages et aux composants qui les constituent. Le candidat devra se baser sur des API fournies par le CMS headless pour générer dynamiquement les affichages dans la page. (L’exemple de design de la page à monter sera mentionnée plus loin dans le document)
Génération des pages en mode responsive et de manière optimisée sur la base de créations graphiques en atomic design fournies à partir des outils Zeplin ou Figma en y extrayant les hiérarchies de composants ReactJS (Top level components, sous-components, inner components, etc.).
Implémentation SEO en ReactJS dans les pages.
Assurer les tâches de support technique, de revues de code et de validations de PR, de proposition d’architecture logicielle, etc., en s’appuyant sur une expertise technique avancée (senior).
Elaborer, mettre en place et faire évoluer un socle technique fournissant un cadre aux différents développeurs contribuant sur les projets (monorepo pour héberger plusieurs projets ReactJS fonctionnant en interdépendance comme le back et le front, organisation des dossiers et fichiers sources, graphes de dépendance entre composants, datastructures, utilisation d’outils comme Storybook pour l’intégration graphique, ).
Participer à la validation des users stories et du design system atomic livrés par les entités MOA/AMOA et matérialisant les développements à effectuer. Ce travail de validation permet de s’assurer que le découpage atomic design effectué par les designers est suffisamment optimisé, cohérent et factorisé pour être transposé directement en composant ReactJS. Une bonne connaissance de l’outil Figma est nécessaire pour réaliser ce travail. La validation des users stories est également nécessaire pour s’assurer que les fonctionnalités qui y sont décrites sont possibles à développer, réalistes et cohérentes par rapport aux différents contextes des projets.
Mise en place des méthodes et des outils permettant de disposer d’un environnement de développement standardisé et de produire du code source encadré et standardisé particulièrement adapté en environnement multi développeurs. Ceci permet de supprimer les problèmes liés aux spécificités des environnements utilisés par les différents développeurs par l’utilisation de l’OS linux (WSL sous Windows), de scripts d’installation et de lancement des applications, de docker pour valider les développements effectués dans le contexte utilisé dans Azure, etc.

La prestation sera exécutée de la manière suivante :
Les premières phases de sprints de 10j qui seront demandées concerneront un profil de niveau expert avancé (sénior) permettant de couvrir l’ensemble des tâches décrites ci-dessus.
Des tranches conditionnelles de sprints de 10 jours à commander en fonction des demandes fonctionnelles à développer.

Les estimations de ces sprints sont à matérialiser dans le fichier Excel joint, avec une proposition d’organisation si plusieurs profils sont proposés.

3. Design System
Le Design System défini dans l’outil Figma constitue le découpage devant être utilisé dans les développements. Ceci permet d’avoir une cohérence one to one entre le Design System et le développement.
Le Design System est constitué d’atomes, de molécules, d’organismes et de composants de haut niveau (Top Level Component = TLC)

4. Missions de la prestation
Développer les fonctionnalités demandées par l’équipe projet et des équipes de développements.
Proposer des évolutions en fonction des nouvelles technologies et librairies existantes sur le marché.
Mettre en place le déploiement continu dans AZURE via AZURE Devops des développements faits en REACT JS.
Développer les évolutions souhaitées dans les technologies demandées dans la prestation (HTML, CSS, REACT JS)
Valider le fonctionnement des développements réalisés (tests unitaires et d’intégration)
Mettre à jour les éléments du back log en fonction des réalisations faites et de l’état d’avancement.
Archiver les codes réalisés dans Azure DevOps
Effectuer de l’assistance à la partie tests fonctionnels

5. Environnement technique

Technologies :
Strapi
HTML
CSS
Tailwind
Web Responsive
ReactJS
NextJS
JSON
Javascript
SEO
API Rest/GraphQL
Cloud Azure
Docker
Linux
NodeJS

Logiciels :
Logiciels de développement
Postman (pour les apis)
AZURE DEVOPS
Figma