[Aller au contenu](#main-content) PREVIEW [](/fr "Page d'accueil BearStudio") [Prestations](/fr/prestations)[Équipe](/fr/equipe)[Blog](/fr/blog) [Nous contacter](/fr/contact)Français [Accueil](/fr)[Prestations](/fr/prestations)[Équipe](/fr/equipe)[Blog](/fr/blog) Français [Nous contacter](/fr/contact) [](/fr) 1. [Accueil](/fr) 2. 3. [Blog](/fr/blog) 4. 5. Start UI # Start UI Le 1 nov. 2021 par [Yoann Fleury](/fr/equipe/yoann-fleury) ![](/_astro/visuel-article-start-ui-tinified.aSWd4_0P_m32Rc.webp) Par le passé, lorsque nous utilisions des starters d’Interface Utilisateur (UI), nous nous retrouvions face au choix de la technologie la plus adaptée à nos besoins. Entre le framework UI, le client HTTP, la bibliothèque de routage, la bibliothèque de styles, la bibliothèque de formulaires, et le téléchargement de toutes les configurations et dépendances nécessaires, cela pouvait s’avérer très chronophage. Pour tout centraliser et simplifier nos choix, nous avons décidé de créer notre propre starter d’Interface Utilisateur appelé ***Start UI****.* ## Qu’est-ce que Start UI ? 🚀 Start UI est une collection de starters UI pensés pour le design, le web et le mobile (principalement basés sur React pour le moment) qui vous permet de démarrer facilement de nouveaux projets UI. Forts de nos nombreuses années d’expérience avec des starters et sur des projets réels allant de petites à grandes applications, les starters 🚀 Start UI sont le fruit de choix architecturaux forts et assumés. Ils sont livrés avec de nombreuses configurations (comme l’internationalisation, le mocking d’API, [Storybook](/fr/prestations/developpement-web), le thème sombre…), des composants et des interfaces d’administration utilisateur par défaut. Ces fonctionnalités permettent d’éviter la phase de mise en place et de développer rapidement les fonctionnalités spécifiques aux cas d’usage du projet. Actuellement, 🚀 Start UI est composé de 3 projets : 🚀 Start UI \[web], 🚀 Start UI \[native] et 🚀 Start UI \[figma]. ### 🚀 Start UI \[web] … est notre starter le plus avancé, utilisable pour le [SEO](/fr/blog/articles/checklist-seo-technique) (Search Engine Optimisation), les PWA (Progressive Web Application), les SPA (Single Page Application) et le SSR (Server Side Rendering). Il est prêt pour le web et boostera la mise en place de votre projet ainsi que votre productivité tout en garantissant la qualité du code. ### 🚀 Start UI \[native] … est utilisé pour développer des applications mobiles. Basé sur React Native avec une stack assez différente, ce starter vous aide à publier rapidement votre application sur les Stores. ### 🚀 Start UI \[figma] … est un fichier Figma qui illustre ce qu’il est possible de faire avec 🚀 Start UI \[web] et 🚀 Start UI \[native]. Il est composé de composants (auto layout, variants, etc.) disponibles pour les développeurs dans les versions Web et Native, afin que vos designers conçoivent toujours des interfaces réalisables par les développeurs. Chez BearStudio, nous maintenons et utilisons ces 3 starters, et nos clients apprécient que nous proposions une solution pour démarrer rapidement leurs projets. Tous les développeurs à l’aise avec React peuvent commencer à utiliser 🚀 Start UI \[web] et 🚀 Start UI \[native] pour leurs projets, et les designers à l’aise avec Figma peuvent commencer à utiliser 🚀 Start UI \[figma]. Les avantages des versions \[web] et \[native] sont : la **productivité** car vous sautez la phase de mise en place, la **qualité du code** grâce à la configuration ESLint et Prettier, et la **sécurité du code** grâce à la configuration TypeScript et aux tests. Pour 🚀 Start UI \[figma], le principal avantage est la **productivité** car il est livré avec de nombreux composants disponibles dans les versions \[web] et \[native]. **Commencez à utiliser 🚀 Start UI \[web] dès aujourd’hui grâce à la ligne de commande que nous avons développée :** `npx create-start-ui --web myApp` () **Commencez à utiliser 🚀 Start UI \[native] dès aujourd’hui grâce à la ligne de commande que nous avons développée :** `npx create-start-ui --native myApp` () **Commencez à utiliser 🚀 Start UI \[figma] dès aujourd’hui depuis la communauté Figma** () Publié le 1 nov. 2021 par [Yoann Fleury](/fr/equipe/yoann-fleury) [](/fr) 1900 Route de Cailly\ 76690 Saint-André-sur-Cailly\ Normandie, FRANCE [Accueil ](/fr)[Prestations ](/fr/prestations)[UX/UI Design ](/fr/prestations/ux-design)[Développement Web ](/fr/prestations/developpement-web)[Développement Mobile ](/fr/prestations/developpement-mobile)[Boost Projet ](/fr/prestations/boost-projet)[Accompagnement CTO ](/fr/prestations/accompagnement-cto)[Intelligence Artificielle ](/fr/prestations/intelligence-artificielle)[Équipe ](/fr/equipe)[Blog ](/fr/blog)[Candidater ](/fr/contact/processus-candidature-bearstudio)[Branding ](/fr/branding)[Mentions légales](/fr/mentions-legales) Suivez nous sur... [ Linkedin ](https://www.linkedin.com/company/bearstudio/ "Linkedin")[ X (twitter) ](https://twitter.com/_BearStudio "X (twitter)")[ Facebook ](https://www.facebook.com/allyouneedisbear "Facebook")[ YouTube ](https://www.youtube.com/channel/UC-2hpnhKgU2C_OFucjEN0IA "YouTube")[ Instagram ](https://www.instagram.com/_bearstudio/ "Instagram")[ GitHub ](https://github.com/BearStudio "GitHub")[ Twitch](https://www.twitch.tv/bearstudiolive "Twitch") Le BearStudio est supporté par la ![Region Normandie](/_astro/logo-region.BxVRy695_Z1lruBA.svg) Créé en 2016, le BearStudio est un studio d'accompagnement de projets en R\&D : développement sur-mesure Web et mobile, études de faisabilité et audit technologique, rien ne nous effraie ! © Tous droits réservés