Flutter vs React Native : lequel choisir en 2023 ?

Flutter ou React Native ? Le développement d'un application performante demande un investissement conséquent en temps, si on souhaite être présent à la fois sous iOS et sous Android. Une façon d'optimiser cet investissement, c'est de choisir une solution qui permet à partir d'une même base de code de compiler une application sous les deux plateformes phares. Il est possible d'utiliser pour cela des applications hybrides, comme Ionic et Cordova, mais une solution plus performante est d'utiliser un SDK qui permet de créer une couche d'abstration qui permet de masquer les spécificités des implémentations des deux systèmes d'exploitation (iOS et Android). Pour ça, il existe deux solutions phares, Flutter, crée par Google, et React Native, crée par Facebook. Et d'une certaine façon la comparaison entre les eux reflète celel entre Angular et React JS.
Mais par d'autres aspects cette opposition est radicalement différentes
#Flutter #ReactNative
----------
Mon site : kodaps.dev/fr
Sur medium : / gosev
Mon matos :
* Canon M50 : amzn.to/2OBNlqb
* Eclairage : amzn.to/3kYXlG3
* Fond vert retractable : amzn.to/3bxg5sV

[@youbra4267]

Merci ❤, très bien expliquée. Une suite avec plus de détails...

[@mathieumagnin1193]

vidéo super quali, merci beaucoup

[@bentayeb4762]

merci bcp je découvre cette chaine top

[@sha_hito]

Juste super intéressant et expliqué de manière très claire. Merci beaucoup 👍

[@quentinma]

Super vidéo, merci pour ces explications très objectives et pertinentes ! Si tu en as l'envie, une vidéo sur les petits plus de Flutter serait je pense passionnante 😁

[@Silvathor]

On sent rien qu'à la voix et à ton demi sourire que tu es passionné. C'est très agréable !

[@kodaps_fr]

Merci beaucoup :)

[@jorislimonier8508]

Très compréhensible, merci!

[@kodaps_fr]

Avec plaisir, et merci pour les encouragements !

[@daniel_youtubechannel8717]

Très intéressant, courage

[@zekyos2063]

Super boulot 👏👏

[@khaled.noordin]

Salut. Merci pour cet exposé. Encouragements à continuer ton contenu.

[@kodaps_fr]

Merci pour les encouragements !

[@TheBendu73]

Grave cool ta vidéo, j'aime bien ta façon de faire ! Continue !

[@kodaps_fr]

Merci pour les encouragements ! :)

[@pierredesboeuf977]

très bonnes explications merci :)

[@kodaps_fr]

Merci pour les encouragements ! :)

[@NicoDevelop]

Superbe analyse des différentes technos bien jaugée. 👏

[@kodaps_fr]

Merci pour le compliment ça fait chaud au cœur :)

[@Azer_Oner]

Une suite avec les différences détaillées serait vraiment sympa 😁

[@kodaps_fr]

Je note l'idée, merci !

[@Matancy]

Très bonne vidéo qui explique bien, merci !

[@kodaps_fr]

Avec plaisir, merci pour les encouragements ! :)

[@DevelopponsNousPersonellement]

Merci beaucoup pour cette vidéo !

[@kodaps_fr]

Avec plaisir :)

[@Nirxo]

Super vidéo !

[@Kepler9]

Merci pour les explication !

[@kodaps_fr]

Avec plaisir :)

[@GrafritzDesign]

Merci pour la video

[@kanote6705]

Je decouvre la chaine merci pour le contenu

[@kodaps_fr]

Avec plaisir, merci pour les encouragements ça faut chaud au cœur :)

[@armandmouele3113]

La suite SVP 👍👍👍👍👍👍🎉🎉🎉🎉

[@cazetcazet9298]

Merci

[@nicodindon7477]

Merci c'est super intéressant. Je viens enfin de comprendre le principe Flutter ^^ Par contre le choix de la techno à un fort impact utilisateur, puisque les apps Flutter sous iOS auront un "design angular" (material-ui). Autant c'est certainement un excellent moyen de ne pas avoir de surprise de rendu, et donc de gagner du temps. Mais cela n'aura pas le côté premium d'avoir une app avec l'interface Angular et une app avec une interface iOS.

[@kodaps_fr]

Ah non c’est pas du tout une obligation d’avoir un design material :) Sinon je l’aurai dit ! :D C’est certes une option mais c’est pas du tout une obligation, pas plus qu’utiliser material UI avec Angular :)

[@nicodindon7477]

Ah d’accord. Mais alors on ne ca passer se retrouver à faire : If android : BoutonCommeCi If ios : BoutonCommeCa ? Jai cru comprendre que de base le rendu sera excatement le meme.

[@kodaps_fr]

@@nicodindon7477 L'application Reflectly a été fait avec Flutter et n'est pas particulièrement en style material - si on va faire un tour sur le showcase de Flutter on voit bon nombre de choses qui sortent du material, que ce soit sur iOS ou Android, et ce avec une même base de code. La seule raison de faire des if ios / android c'est si on veut faire appel à une fonctionnalité spécifique (par exemple Apple Pay sur iOS)

[@kanote6705]

@@nicodindon7477 Salut en fait dans flutter tu as une section UI qui est en fait un ensemble de Widgets de conception d'interface pour IOS (Cupertino) puis Android (Material UI) ils servent principalement à accélérer le devéloppement mais tu peux tout refaire si tu veux à la main comme meme un espace en flutter est un Widget maintenant au niveau de la construction tu feras un code unique avec une architecture qui permet à ton appliction de s adappter avec un ou des design patterns notamment créationnels ( pattern Factory, design pattern Builder, ...) je sais pas si c'est clair mais le but est d'avoir une app adaptative et réactive (responsive) tu pourras le voir dans la doc c'est tres claire. PS: Desole pour le commentaire desordonne sur mon clavier je code principalement et basculer à chaque fois non merci

[@-thami-3768]

Merci bien 😃

[@kodaps_fr]

Avec plaisir ! :)

[@marcellofileka9690]

Bonjour je suis Marc Fileka excuse moi mais je voulais juste savoir comment installé flutter et Dark et puis comment installé un émulateur sur android studio Merci pour votre attention

[@amiramohammedi85]

Au final, lequel me conseillez-vous, car je voudrais commencer l'apprentissage de développement d'applications mobiles et je ne sais pas par où commencer

[@mrcoolll]

Voici un petit signal pour l'algorithme 😂 merci et bon courage

[@kodaps_fr]

Merci beaucoup !

[@dimitridev9126]

Hello ! Merci pour ta vidéo ! Quelques points pour compléter ta vidéo / à débattre : - React Native est plus solide pour faire du web. Il n'y a pas de souci particulier par rapport à une solution purement web - Flutter, avec son fonctionnement canva / tableau blanc, n'est pour l'instant pas adapté à des sites d'ecommerce où le SEO et le poids du site web sont importants, primordiaux même. Je pense que Flutter est plus robuste pour du mobile, car il a été construit initialement pour être cross-plateforme mobile, là où React vient du web.

[@freddydonald7085]

et voici le genre de détailles que je recherche dans les commentaires

[@freddydonald7085]

et voici le genre de détailles que je recherche dans les commentaires

[@berdailabs]

Merci pour cette video, j'ai une question: pour connecter une application mobile facilement à des capteurs via serial port ,est ce mieux d'utiliser flutter ou RN ? biensur tout depend du dev mais l'embeded j'ai vu que flutter s'interface mieux avec des implementations de ce type .Merci

[@kodaps_fr]

Honnêtement je doute que l’un ou l’autre embarque nativement quoi que ce soit comme communication sur le port série :)

[@cotigasenegal]

Et qu'en est-il des app de bureau ? N'est-ce pas aussi une spécificité flutter et donc un avantage en plus ?

[@kodaps_fr]

Dans l'absolu il y a aussi une solution créée par Microsoft pour exporter du React Native vers Windows et Mac OS, mais c'est moins bien supporté, donc effectivement

[@moustaphakoita4884]

Salut est-ce que un MacBook Pro core i7 on peut coder de façon rapide et efficace car j’ai entendu dire que le MacBook Pro core i5 est lent ?

[@kodaps_fr]

Aucun souci pour coder avec un MacBook pro i7 :) Le i5 est plus lent que le i7, mais ça reste confortable.

[@kechicheyounes78]

Bonjour, J’aurais quelques questions svp Je souhaiterais faire du développement mobile partant de zéro. Je vais me lancer dans une formation de développeur full stack java script avec option Apk et data (de chez O’clock sur 6mois) et je voudrais ensuite partir sur de l’alternance pour apprendre un langage de développement mobile mais j’hésite énormément entre : Développeur IOS donc Swift en natif ou Flutter en hybride. Laquelle de ces 2 technologies serait la plus accessible à l’apprentissage et surtout la plus intéressante pour l’embauche par la suite ? Merci pour vos réponses et bonne continuation

[@kodaps_fr]

A mon sens Flutter sera à la fois plus attrayant sur le marché de l'emploi (parce que plus versatile), et en plus plus facile à aborder suite à une formation en JS, mais ça reste mon avis personnel et pas une vérité inattaquable :)

[@kechicheyounes78]

@@kodaps_fr Très bien merci d’avoir pris le temps de répondre 💪🏼

[@AlainMazy]

Salut,David, bête question Svelte n'a rien prévu pour Smartphone?

[@kodaps_fr]

J’ai jamais rien vu dans ce sens. Il y a peut être un truc à faire avec Tauri Mobile mais j’ai rien vu d’équivalent à React Native

[@anthoniodacosta2266]

Pour une appli de transfert de fonds (argent) quel serai l'ideal flutter ou RN?

[@kodaps_fr]

Pour le coup il y a pas de raison spécifique dans ce cas de préférer l’un ou l’autre en termes de performance ou d’efficacité.

[@veilletechnologique7159]

Pour une appli d'immobilier, quel est le choix entre flutter et React native

[@kodaps_fr]

A priori les deux peuvent fonctionner. J'aurais tendance à utiliser React Native, sauf si vous avez un design très précis en tête qui sort des codes classiques (ce qui semble improbable pour de l'immobilier :D)

[@lindaabitbol7414]

Bonjour! Je recherche un expert pour animer des formations Dev. au format MOOC. Peut-on en discuter? Linda

[@kodaps_fr]

Bien sur :) vous pouvez me contacter via [e-mail]

[@kouassiangeyao6057]

javascript pur ou jquery utilise le concept d'imperative tandis que reactjs par exemple utilise l'approche de declarative, vous êtes surement tromper dans l'explication.

[@lucastecher2382]

hahhhhhh j'en ai marre j'arrive toujours pas à choisir !! c'est décidé je prend les deux !

[@moustaphakoita4884]

Salut quelle langage dois-je apprendre pour créer une application qui traduit les langues ?

[@kodaps_fr]

Ca dépend de comment l’application est sensée traduire. Si c’est simplement de saisir un texte et d’avoir une traduction, une application hybridé suffirait, ou React Native pourrait faire l’affaire. Je vous conseille dans ce cas d’apprendre le Typescript.

[@machintruc7526]

Je suis amoureux de Flutter

[@gamer-wl5sv]

Du coup pour iOS sa sert a rien de faire du swift ? ( Si en flutter ça génère un natif. )

[@kodaps_fr]

Disons que Flutter permet de faire 99% de ce que Swift permet de faire, et permet de faire des choses que Swift ne permet pas, donc oui je recommande plutôt Flutter face à Swift :)

[@BamatoPvP]

salut, s'il te plaît j'ai des messages d'erreurs que je comprend pas, je galère à trouver d'où ça vient, tu pourrais m'aider ?

[@kodaps_fr]

Tu peux m’en dire plus ? Tu essaies de faire quoi ?

[@BamatoPvP]

​@@kodaps_fr Je ne sais pas si tu as reçu ma réponse ? Je ne la vois plus ^^

[@kodaps_fr]

​@@BamatoPvP envoie moi un mail ([e-mail]) ce sera plus simple

[@BamatoPvP]

@@kodaps_fr C'est envoyé :)

[@bentayeb4762]

svp vous pouvez nous faire une video sur redux svp

[@Brovider]

Question ? Donc avec React Native favorise la 3D Voilà j'ai mon jeux en 3d sur mobile sur papier j'ai besoin de conseils Répond s'il vois plaît

[@kodaps_fr]

Pour faire un jeu mobile en 3D je conseille un moteur dédié, comme par exemple Unity 3D

[@NepTune-rb4xb]

J'ai commencé a apprendre flutter.... puré, je trouve ca hyper compliqué, le code est illisible pour moi c'est du charabia. C'est d'une complexité je trouve.... J'ai été voir du code react native, intuitivement je trouve ca tellement plus simple, plus logique. J'ai jamais tapé une seule ligne de react mais je peux presque le lire. J'ai du mal à comprendre le succès de flutter.

[@bebs8501]

Bonjour, j'aimerai faire une reconversion professionnelle, j'ai deja touché à du code mais vrement minimal, vous conseillez la vois react ou flutter? J'ai pu voir qu'il y a moins de demande d'emplois pour flutter. Mais j'ai l'impression que pour un debutant flutter est plus simple à apprendre(dart et flutter) vs html,css,js,react... Merci d'avance pour votre réponse...

[@kodaps_fr]

Flutter sera à priori plus compliqué à apprendre et moins demandé en tout cas en France :) Tout dépend d'où vous partez, et quelles sont vos affinités. (plus logiques ou plus graphiques/design, disons). Ma reco c'est d'apprendre soit HTML/CSS, soit le TypeScript & JS puis React JS ou React Native, pour une reconversion

[@moustaphakoita4884]

Salut est-ce que ces deux langages sont hybrides ?

[@kodaps_fr]

Aucun des deux ne donne lieu à des applications hybrides, Flutter et React Natif donnent lieu à des applications natives (il y avait un indice dans un des noms :D)

[@moustaphakoita4884]

Salut je veux dire ils sont compatible pour iOS et androïde ?

[@kodaps_fr]

Oui tout à fait (c'est "cross platform" le terme que vous vouliez, du coup :) )

[@moustaphakoita4884]

Salut je veux comment créer une application hébergeur ?

[@devgamer587]

Aurons nous droit à des tuto Flutter ?

[@kodaps_fr]

Tres probablement ! ;)

[@devgamer587]

@@kodaps_fr 😊

[@Diawobah86]

Difference react-reactjs-reactnative????

[@kodaps_fr]

Les deux partagent une même base, mais react native génère une appli native la ou react JS génère du code html :)

[@nassifmohamed6487]

Like

[@devtuto4005]

Flutter est une meilleure solution dans le développement mobile🔥

[@akashi7682]

Et Xamarin dans tout cela ?

[@mathaddict7575]

je trouve flutter un peu compliqué, React native est plus simple à comprendre mais je pense que flutter est bcp plus puissant.

[@tahiroulm9948]

Bonjour, merci beaucoup pour cette vidéo très intuitive. Je développe sur html, css (très bonne maîtrise) et php (base acquise). Mon objectif est d'apprendre le JS pour pouvoir créer des sites très dynamiques et modernes ainsi que des applications mobiles. Le problème c'est que l'apprentissage de Flutter m'excite, j'ai envie de m'y jeter, mais j'ai peur d'être perdu. Comme vous avez dit dans la vidéo que les syntaxes en JS sont presque identiques qu'en Dart, cela veut dire que je peux commencer par le JS puis entamer par le Dart ? Ou c'est mieux que je commence directement par le Dart ? Lequel de ces moyens sera le plus rapide afin d'atteindre mon objectif s'il vous plaît ?

[@kodaps_fr]

Il vaut mieux je pense commencer par le JavaScript (voire meme le TypeScript), ce sera plus utile dans un premier temps. Je vis Dart comme étant un peu du JavaScript avancé

[@thierrysandre440]

Je suis désolé ne peux pas mettre qu'un seul like !😉

[@kodaps_fr]

Merci pour les encouragements ;)

[@PatriceFERLET]

Check Ionic. T'as le choix dans le framework et c'est un poil plus structuré.

[@stvndelucis]

What ? Flutter a un style de programmation Declaratif a ce que je sache... Tu as du te tromper

[@kodaps_fr]

Si j'ai dit qu'ils avaient tous les deux un style impératif, effectivement je n'ai pas dit ce que je voulais dire, les deux sont déclaratifs.

[@stvndelucis]

@@kodaps_fr dacodac. Et c'est pour quand la suite de cette vidéo ?

[@platov267]

just use flutter

[@nuketoto3868]

flutter ! ce qui compte pour une appli mobile, c'est les performances, flutter est bien plus performant que RN !

[@kodaps_fr]

Je suis d'accord que flutter est plus performant que RN. Mais j'imagine bien quelques situations (quand la fonctionnalité va pas plus loin que ce que propose le web par exemple) et où le "time to market" est le critère le plus important dans une team qui connait déjà React, où ce serait logique de choisir RN :)

[@nuketoto3868]

@@kodaps_fr c le client qui choisit, on s'en fout que la team connait react. si le client veut flutter la team apprendra flutter ou c'est rien !

[@kodaps_fr]

C'est vrai que j'ai plutôt tendance à me placer du point de vue du directeur technique qui a une équipe et qui développe pour son propre compte (ou de sa boite), puisque c'est ce que j'ai fait le plus. Mais dans l'optique freelance, si on est sur un projet complet (et pas juste de la main d'oeuvre) dans mon expérience le client veut souvent pas tant une techno précise mais quelque chose qui répond à ses besoins, et (dans mon cas en tout cas) également une expertise et du conseil. Ces besoins peuvent être de performance, mais aussi de coût ou de timing, donc la réponse est parfois plus compliquée que juste "flutter", même si j'apprécie beaucoup la techno :)

[@nuketoto3868]

@@kodaps_fr ok d'après tes expériences et pour mon information qu'est ce que peux faire flutter et pas RN et vive versa ?

[@kodaps_fr]

RN permet de partager une partie de son code avec une appli React existante (ce que Flutter ne permet pas) et avec un seul codebase de créer une appli avec des widgets natifs iOS et natifs Android. Il y a aujourd'hui plus de développeurs familiers de React & JS que de Dart. Flutter, lui, permet plus de précision à l'écran, puisqu'il a un moteur de rendu propre là ou RN s'appuie sur les widgets natifs.

[@cazetcazet9298]

Merci

[@siloneebode780]

Merci

[@kodaps_fr]

Avec plaisir :)