Coding Spark · Navigation
Plan du site
Toutes les pages de Coding Spark réunies au même endroit : nos réalisations, nos articles, notre glossaire technique et les informations utiles pour travailler ensemble.
Pages principales
Les rubriques essentielles pour découvrir Coding Spark
Accueil
Coding Spark en un coup d’œil : expertises, méthode et projets.
Réalisations
Tous nos projets web, mobile et phygitaux.
À propos
Le parcours et les expertises d’Andréas HANSS, fondateur.
Spark Labs
Le labo : side projects, open source, SaaS (Tapir, AI-Igniter) et sa chaîne YouTube.
Journal
Articles techniques, retours d’expérience et conseils produit.
Glossaire
Le vocabulaire du web et du mobile, expliqué simplement.
Plan du site
La vue d’ensemble de toutes les pages du site.
Réalisations & études de cas
Les produits que nous avons conçus, développés et mis en ligne
Le Pacte d’Halloween
Jeu de piste phygital et supervision temps réel pour LiveCorp au Polygone de Montpellier.
Tapir
La collecte de pièces justificatives, vérifiées par l'IA dès le dépôt.
Bricks.co
D’une découverte sur LinkedIn aux premières collectes, puis au mobile et à la refonte web. Une collaboration qui dure depuis plusieurs années.
SupaFriends
Des histoires interactives. Discutez avec vos personnages préférés pour vivre l'histoire que vous imaginez.
LiveCorp
Des mécanismes de FreakShow à la refonte du site : une collaboration où le code fait vivre les expériences et simplifie les réservations.
Stride
Des bornes de recharge dans les lieux étudiants, et des campagnes publicitaires sur leurs écrans.
OuiLive
Des challenges connectés pour fédérer les équipes et faire passer un message interne.
Mountaya
Tracer des parcours outdoor, mètre par mètre, pour les organisateurs, les athlètes et les applications.
Qanopee
La prévention et la santé au travail, des obligations jusqu'aux actions auprès des équipes.
Pool Technologie
Des électrolyseurs et régulateurs qui automatisent le traitement de l'eau de piscine.
Fred'34
D'un site repensé à des démarches automatisées : environ 6 heures gagnées par semaine pour cette auto-moto-école à Montpellier.
Journal
Tous nos articles, tutoriels et retours d’expérience
- /blog/websocket-ou-sse-quelle-solution-pour-mettre-a-jour-votre-app-en-temps-reel
WebSocket ou SSE : quelle solution pour mettre à jour votre app en temps réel ?
Polling, long polling, Server-Sent Events, WebSocket ou WebTransport ? Comment choisir la bonne technique pour mettre à jour votre page ou votre app en temps réel, y compris sur mobile.
- /blog/typescript-final-class
Comment créer une classe "final" avec TypeScript ?
Créer une classe qui ne peut pas être héritée en TypeScript/JavaScript en utilisant les annotations.
- /blog/comment-typer-la-prop-children-de-react.fc-dans-react-18-avec-typescript
Comment typer la prop children de React.FC dans React 18 avec Typescript ?
Comment faire pour typer avec TypeScript les composants enfants d'un composant personnalisé avec React18.
- /blog/asserts-typescript-guard-pour-gerer-des-types-delements
Asserts Typescript Guard pour gérer des types d'éléments
Utiliser des gardiens de types personnalisés permet de factoriser son code tout en s'assurant de la cohérence des types.
- /blog/typescript-react-comment-typer-les-props-pour-recevoir-un-composant-en-tant-que-props
TypeScript React : Comment typer les props pour recevoir un composant en tant que props ?
Une technique simple pour le typage des props d'un composant qui accepte un composant en tant que props.
- /blog/installer-un-ipa-depuis-la-cli
Installer un .IPA depuis la CLI
Comment installer une archive iOS App Store Package (.IPA) en utilisant l'interface en ligne de commande.
- /blog/utiliser-expo-auth-session-via-facebook-expo-managed-workflow-expo-gostandalone-appexpo-dev-client-eas-build
Utiliser expo-auth-session via Facebook (Expo Managed Workflow | Expo GO/Standalone app/expo-dev-client | EAS BUILD)
Pour implémenter une authentification OAuth2 via Facebook avec Expo qui marche sur toutes les plateformes et dans tous les modes ! Ce qui n'est pas le cas pour la configuration par défaut.
- /blog/comment-utiliser-xstate-pour-gerer-letat-dun-jeu-mobile-react-native
Comment utiliser XState pour gérer l'état d'un jeu mobile React Native?
Comment nous avons utilisé XState pour les premières versions de notre application Jerry, développée en JavaScript avec React Native.
- /blog/utiliser-des-enumerations-pas-des-booleens
Utiliser des énumérations pour gérer des états plutôt que des booléens.
Gérer ses états en utilisant seulement des booléens peut augmenter la complexité du code. Utiliser des énumérations d'états est beaucoup plus productif et maintenable.
- /blog/empecher-chrome-dignorer-lattribut-autocompleteoff-dans-son-formulaire-html
Empêcher Chrome d'ignorer l'attribut autocomplete=off dans son formulaire HTML
On pourrait penser qu'il suffit de mettre autocomplete="off" mais malheureusement c'est un peu plus compliqué, cet article donne une technique pour solutionner le problème
- /blog/gerer-differents-layouts-persistants-avec-nextjs-et-typescript
Gérer différents layouts persistants avec NextJS et Typescript
Un pattern de conception pour gérer facilement ses layouts par page sur une application NextJS.
- /blog/a-react-hook-form-typescript-ready-hook-with-yup-validator
Gérer ses formulaires avec react-hook-form et yup avec une validation très simple
Cet article propose deux « hooks » pour react-hook-form et yup afin de vite développer vos formulaires sans devoir importer plusieurs fichiers.
- /blog/comment-definir-les-types-de-process-env-avec-typescript-pour-avoir
Comment définir les types de process.env avec typescript pour avoir de l'auto-complétion
Comment obtenir de l'autocompletion de types en surchargeant un module indépendant ? L'exemple de process.env avec NodeJS et Typescript.
- /blog/5-bonnes-raisons-de-developper-en-javascript
5 Bonnes raisons de developper en JavaScript
Pourquoi Javascript est un langage adapté aux développeur d'aujourd'hui ? Découvrez 5 bonnes raisons d'apprendre à programmer en JS pour créer des applications modernes et performantes.
- /blog/comment-utiliser-une-async-function-dans-un-hook-useeffect-avec-react
Comment utiliser une async function dans un hook useEffect avec React
Une manière simple d'utiliser une fonction asynchrone dans l'instruction useEffect avec React.
- /blog/comprendre-le-sequencage-et-les-comportements-asynchrones-en-javascript-pour-tirer-partie-du-parallelisme
Comprendre le séquençage et les comportements asynchrones en Javascript pour tirer partie du parallélisme
Un petit guide sur les comportements asynchrones pour améliorer les performances et la réactivité de vos applications en tirant parti du modèle de concurrence JS.
Glossaire
Les définitions des termes techniques du web et du mobile
- ACL - Access Control List
- Apple Push Notification Service (APNS)
- Application en arrière plan (Background)
- Application en premier plan (Foreground)
- Backend
- Backlog (Agilité)
- Égalité simple (Loose Equality)
- Égalité stricte (Strict Equality)
- Endpoint
- EPIC (agilité)
- Expo
- Firebase Cloud Messaging (FCM)
- Frontend
- Hook (ou point d'encrage)
- HTTP (Protocole)
- iOS App Store Package (.IPA)
- Layout (Mise en page)
- Lodash
- Machine à états finis (Finite State Machine)
- Middleware
- Modules Bundler
- NextJS
- NodeJS
- OAuth2
- Objet Valeur (Value Object)
- Polyfill
- Protocole
- Provisionning Profile (Profil d'approvisionnement - IOS)
- React Hook Form
- React Native
- SDK - Software Development Kit
- Serveur
- Sprint (Agilité)
- Standalone app (Expo)
- Taux de conversion
- Transaction (base de données)
- TurboRepo
- Typage Dynamique (Langage)
- TypeScript
- VSCode
- XState
- Yarn (Gestionnaire de paquets)
- Yup
Informations légales
Transparence, données personnelles et cadre juridique
La prochaine étape
Et si on donnait forme
à votre idée ?
30 minutes pour parler de votre projet, de vos enjeux et de la suite.