POURQUOI LES GROSSES BOITES TECHS UTILISENT-ELLES REACT JS ?

🎁 Formation REACT 100% Gratuite : → go.mikecodeur....
📩 -70% SUR LA FORMATION REACT :
go.mikecodeur.c...
--
Dans cette vidéo :
✔ Peut-on se passer d'un librairie ?
✔ Pourquoi React et si répandu dans les boites tech ?
✔ Et les PME / Startups ?
____
► S'abonner à la chaîne : go.mikecodeur.c...
► Emails Privés : go.mikecodeur.c...
► Liens (Telegram, Discord, FB, Twitter, Insta, Podcasts, Formations, Blog ...) : go.mikecodeur.c...
___
😼 QUI EST MIKE CODEUR ?
Développeur Fullstack depuis plus de 10 ans, j'ai décidé de changer de vie, de quitter le salariat pour devenir Freelance et digital nomade.
Je partage tout ce que j'ai appris sur la programmation, devenir freelance, et l'efficacité.
Mes conseils sont basés sur mon expérience.
Abonne-toi maintenant pour faire parti de l’aventure.
Et surtout, CODE ! ✊
#react#dev #javascript

[@skarowdev2975]

Merci pour la video et la réductioin sur la formation !!!

[@MikeCodeur_]

🙏

[@nilauberge6574]

Ca fait plaisir de revoir des vidéos un peu + tech sur ta chaine !

[@MikeCodeur_]

Ca va revenir

[@saverioa2198]

T'as déjà essayer VueJS ? Si oui, que pense tu de Vue ?

[@MikeCodeur_]

Ca a l’air cool

[@MrNiuxe]

Svelte encore mieux. Mais VueJS est tout aussi bien

[@allthesucces6299]

Au bon moment ta video merci pour ces clarifications mike bn journer

[@MikeCodeur_]

🙏

[@jbjourne]

Super vidéo, mais je veux faire remarquer que pour des petits projets il ne faut pas utiliser réact

[@pierremutamba5272]

Bonjour Mike, je suis débutant ayant de notion de html, css et js mais j'aimerais savoir si je peux approfondir le front-end avec react et faire de site que je peux mettre en ligne. Pierre

[@MikeCodeur_]

👍

[@loicilov426]

Bonjour mike. Ravi que tu parles de ReactJS je ne sais pas si c'est prévu mais peux tu faire une vidéo sur NextJS stp ?

[@MikeCodeur_]

Bonne idée

[@Koulouu]

Angular a rattrapé cette faille sur le dirty checking ça fonctionne vrm bien maintenant

[@MikeCodeur_]

🙏

[@skylairs]

Bonjour, concernant les développeurs PHP déjà Symfony est très utilisé en France par les ESN c'est pas pour rien. On peut y implémenter webpack également avec un framework JS comme vue même si twig est déjà très bien. Il y a aussi le gros problème du code historique, qui fait que c'est quasiment impossible de changer de stack d'où l'omniprésence de Jquery dans le web. Je suis néanmoins d'accord sur le côté formidablement réactif des framework JS mais la réalité t'empêche de sauter sur toutes les technologies du moment surtout quand tu es une petite équipe

[@PierreMiniggio]

C'est plutôt quand t'es une grosse équipe que c'est plus dur de migrer. T'es obligé de passer par un strangle pattern pour beaucoup d'apps. Alors que dans les petites équipes et projets tu peux encore avoir le temps de reprendre un projet de 0 car la taille du projet le permet.

[@skylairs]

@@PierreMiniggio Je ne suis pas d'accord, dans mon cas nous sommes deux et inondés de demandes. Ce qui rend difficile le fait d'envoyer balader notre entreprise et de prendre quelques mois pour moderniser la stack. Une grosse structure sera peut-être plus compréhensive et apte à investir du temps et de l'argent sur une migration.

[@PierreMiniggio]

@Samuel ça c'est un autre problème, c'est plus un soucis d'arriver à faire comprendre au métier le temps qu'ils perdent long terme sur les améliorations de l'application s'ils vous "forcent" à continuer de créer de la dette technique, car ça fera que l'application bougera très très lentement voir pas du tout à la fin tellement il y aura de trucs à rattraper.

[@fnicolay100]

React JS, ok. mais tout dépend du site que tu veux développer, non? Par exemple est-ce bien adapté pour un e-commerce par exemple? et si oui, aurais-tu des exemples d'e-commerce réalisé avec React JS?

[@MikeCodeur_]

Pr des sites ecommerce il vaut mieux utiliser un cms

[@louismazel]

​@@MikeCodeur_ N'imp. CMS ça veut rien dire, tu peux avoir un CMS en Full React. Frederic, pour le coup tu peux faire un e-commerce en React, mais il te faudra faire du Next pour le Server Side Rendering.

[@fnicolay100]

@@Talaria.School qui a dit je ne sais pas?

[@pierremutamba5272]

Merci pour la vidéo, la formation est-elle encore disponible ?.

[@MikeCodeur_]

Je l’ai mise a jour elle s’appelle react mastery

[@lapetitebete5316]

mais si l'on ne veut pas recharger toute le page en php il suffit d'utiliser AJAX (à mon avis)

[@MikeCodeur_]

Exactement Ajax permet de faire ca. Mais ce n’est pas aussi propre

[@alexandreziack3884]

tu peux coupler ReactJS + PHP ou VueJS + PHP les langages n'ont pas du tout le même rôle...

[@arnaques-tuto-informatique]

bonsoir. je me disais bien que c'etait comme Ajax ^^ pour ne pas rafraichir toute la page.

[@stampia3329]

Ce n’est pas react qui empêche de recharger une page. C'est la technologie AJAX qui est complétement indépendant de react. D'ailleurs j'ai développé une app en JS classique en faisant des requêtes ajax vers le back ce qui permet de faire une page web sans rafraichissement. Même en utilisant react tu dois utiliser une technologie ajax comme axios, jQuery ajax ou window.fetch.

[@MikeCodeur_]

Pr les appel api oui

[@azbrestjohn110]

Juste je sais qu'il y a un débat dessus, mais je considère React.JS comme étant une librairie, et pas un framework. Principalement pour la raison que cette techno ne te dicte pas comment organiser la structure de ton application, notamment sur l'arborescence de tes fichiers. C'est à toi de considérer justement cette problématique. Certains me diront que React.JS serait un framework, car ils utilisent le CRA (Create React App), mais c'est une surcouche à part. Mais dans les faits, React est une librairie que NPM offre, toute la couche de structure est offerte par CRA principalement. Des exemples de frameworks seraient Angular, ou Next.JS, qui est basé sur React.JS : ce dernier t'impose une structure quand tu démarre un projet.

[@MikeCodeur_]

👌

[@jonathandelhoux]

Ce vieux cliché sur php... Regarde du côté de Laravel et Livewire et tu verras que le rafraîchissement de page c'est de l'histoire ancienne...

[@MikeCodeur_]

Un dev php ici. 😃

[@jonathandelhoux]

@@MikeCodeur_ Et oui ! Mais pas que ! D'où ma raison d'être ici... React m'intrigue... Toi qui vient de Java, pas trop "pertubé" de cette "organisation" du code ?

[@rachamavie5930]

salut mike, apres mon apprentissage du JS , je veux apprendre Ajax pour les api , mais est ce que c’est faisable avec jQuery sans connaitre langage serveur ?

[@Rase-moi-pas]

Ça fait avis à l’emporte-pièce… tu as une corde à ton arc et tu la promeus c’est bien… un dev avec plus de cordes au sien aura un avis plus nuancé : chaque techno son utilité, même ton combo (HTML, CSS, VanillaJS) pour Looser 😁

[@MikeCodeur_]

Bolos

[@Rase-moi-pas]

@@MikeCodeur_ 🤣 et fat avec ça ! (si si c’est bien du français) Heureusement il y a des gens qui font des tutos et parlent de tech avec une plus grande intelligence…. Bonnes fêtes malgré tout !

[@MikeCodeur_]

Tu me traite de looser jte traite de bolos. Sinon n’hesite pas a aller voir les autres chaines de techos intelligent et passe ton chemin

[@Rase-moi-pas]

@@MikeCodeur_ je ne te traitais pas de looser c’est toi dans ta vidéo qui traite de looser ceux qui utilisent html, css et vanillaJS (le JavaScript seul si tu préfères)… ce que j’ai rassemblé dans le terme de « combo de looser »… alors que ce combo est dans certains cas bien plus rapide et efficace qu’un framework… de l’intérêt de maîtriser plusieurs frameworks et technos… par exemple maîtriser Vanilla, React, Vue, ASP.NET, etc…

[@saidiahamada]

Salut juste un feedback sur la sémantique. Plutôt parler d'application web que de site web surtout avec les exemples que tu donne. A la base les Framework JS n'ont pas été développé pour faire des sites web mais des applications web. L'un des critères important pour des sites c'est le SEO alors qu'une application on s'en moque. Elle sera visible à travers le site qui en fait sa promotion. Les SPA ne sont pas optimisé pour du SEO(Moteur de recherche) à moins d'activer le server-side rendering. La sémantique est importante car pour un débutant il pourrait comparer un site web classique à une plateforme comme Netflix ou Facebook. Tout ca pour dire que c'est fini le 56K, minimum les gens ont l'ADSL ou la 4G, un site à Papa lol qui se recharge c'est pas la mort. Par contre quand je suis sur Netflix ou Facebook etc.. la l'UX est super important mais les appels serveurs ne disparaissent pas. :-)

[@MikeCodeur_]

#reacthelmet

[@saidiahamada]

@@MikeCodeur_ cool je connaissais pas je vais regarder!

[@davidwalter26]

Super vidéo ! Je suis Manager Business dans une boite de dev. Je suis intéressé par mongter en compétence encore plus technique avec une formation de dev. On me dit que c'est un métier où l'on dev pas toute sa vie. et que j'ai l'impression que Dev à 38 Ans ( mon âge ). c'est un peu obsolète ou pas crédible. Ton avis ? merci d'avance pour ton retour.

[@MikeCodeur_]

C’est jeune 38 :)

[@sebastienrotondo710]

Super intéressant merci !

[@MikeCodeur_]

🙏

[@thierryleriche1196]

Waouuu... les clichés sur PHP, sur Angular, et même sur JS... Il faut se demander aussi si ton site a besoin d'être réactif ou si tu peux te "contenter" d'un site traditionnel. Et dans la plupart des cas, un site tradi sera largement bien. Et ça nécessite moins de compétences pointues. Et html+css ce n'est pas le même tjl que react hein !!!

[@MikeCodeur_]

J’ai dit dsl pr les dev php 😃 ca voulais dire pas d’embrouille les mec ^^

[@mountakhabi]

@@MikeCodeur_ t’a touché un point sensible 😂. Faudrais faire une vidéo sur les dev PHP qui veulent pas évolué et même qui sont contre les nouvelles librs( une connaissance junior dev s’est fait rabaisser par son responsable qui dev que sous PHP)

[@Sql37]

Quel est la différence entrain React et Rect JS?

[@MikeCodeur_]

C’est 100% la même chose

[@Sql37]

@@MikeCodeur_ OK merci, le pourquoi je n'arrive jms à voir quelle était la différence 😉

[@vincentlebrun2739]

Par contre react facebook son site plante à chaque fois XD pourtant c'est facile à comprendre le statefull est peut être mal fait ?

[@MikeCodeur_]

👍

[@c_r8256]

ta nouvelle intro est propre !

[@MikeCodeur_]

🙏

[@ericbertrand2608]

Bon alors en front: html, css, js et react js. Et en back: que doit-on connaître en 2021 ?

[@MikeCodeur_]

As tu besoin d’en faire ? De te disperser et être moyen en front ? Pr repondre jte dirais nodejs

[@michaelsilliau6836]

punchline "les sites web a papa" :)

[@MikeCodeur_]

😃

[@mchig2195]

Encore tes vidéos avec tes statistiques et tes offres. Tu aimes trop l'argent Mike.

[@MikeCodeur_]

J’adore et toi t’aime bien etre a sec

[@amireamrchaine8843]

Merci pour cette video

[@mountakhabi]

Actuellement je suis 1 an en alternance sur react et mon but ça sera de devenir free-lance tu penses que je peux l’être dans combien de temps ? Combien de tjm je pourrais demander à ton avis ?

[@MikeCodeur_]

Ca va dependre de ton niveau

[@maitrephenix5976]

Le freelancing c'est apres avoir eu une certaine experience pro et après avoir recuperer des contacts. N'y pense meme pas les 3 premières années!!(voire plus regadre des videos à ce sujet sur la chaine captaine dev qui est plutot realiste)

[@bilalyacoubou6477]

Merci pour la vidéo. Petite question quel choix ferai tu entre Node.js et Django(Python) pour le back-end.

[@MikeCodeur_]

Perso je suis plutot team js et node. Mais Django reste tres populaire

[@bilalyacoubou6477]

@@MikeCodeur_ Déjà merci pour ta réponse. Je ne m'y attendais pas de si tôt. Vu les tendances actuelles et l'évolution en terme technologique lequel des deux me conseillerais tu vraiment pour me lancer en back.

[@azbrestjohn110]

Je conseillerais bien Nodejs qui assure bien au niveau des performances avec son paradigme asynchrone : tout ce qui est gestion des promesses, pour l'interaction avec des systèmes extérieurs comme les bases de données ou les fichiers. Par contre il faut bien comprendre comment fonctionne la chose. Malheureusement, Django n'a pas cette fonctionnalité non bloquante il me semble. À part cela, Django est aussi cool si tu veux rester dans la philosophie de python : facilement écrire son programme pour qu'il soit compréhensible rapidement, surtout avec sa syntaxe. Par contre Django gagne sur un point en terme d'organisation, étant donné qu'il s'agit d'un framework. Côté Nodejs, ton seul outil pour développer est le JS, avec quelques librairies, c'est à toi de concevoir l'organisation / la structure de ton application. Mais il faut procéder au cas par cas, d'abord tu vois comment Nodejs fonctionne, tu te fixes un petit projet à réaliser, et regarde ensuite les optimisations au niveau de la structure.

[@azbrestjohn110]

@@bilalyacoubou6477 Cela dépend de ton besoin. Si tu souhaites te lancer dans du Back, et que tu as déjà une expérience JS côté Front, Nodejs est une bonne solution. Tu dois juste comprendre comment fonctionne le JS côté serveur. Si tu débutes en programmation Web, Django peut faire l'affaire, en maîtrisant les bases de python qui sont plutôt légères.

[@marcauriol4874]

Waaaaah! Ce short moule zboub, frère !!!

[@MikeCodeur_]

Lol

[@rpgamer1002]

Je trouve personnellement la syntaxe de React dégueulasse. Je préfère Angular.

[@MikeCodeur_]

Ah moi c’est l’inverse. Je trouve angular degeulass

[@bouloan7576]

@@MikeCodeur_ en quoi Angular est dégueulasse ? Cela reste quand même le framework le plus carré. Il me semble qu'il y a pas mal de parti pris sur Angular sans même vraiment le connaître, je me trompe ?

[@yannb.861]

Salut, je te suis depuis un petit moment car mon fils est en 3 ème et veut être développeur, moi j'y connais rien et du coup je me pose la question, quelle voix doit-il suivre en seconde, enfin sur quel direction doit-il se lancer, il a un niveau scolaire moyen, mais s’intéresse a l'informatique , (HTML,CSS) Je suis peut être hors sujet,désolé, mais que lui conseilles-tu pour l'avenir de ces études dans le domaine de développeur, programmeur ? Merci de me répondre.

[@arnaques-tuto-informatique]

bonsoir. une branche lycée qui lui permettra de faire un BTS informatique...et surtout, si il veut commencer dés maintenant à programmer, encouragez le. mais attention, à ne pas tomber dans des formations bidons...en fait, y'en a meme trop sur internet...faut se lancer. autre souci, qui sera de plus en plus présent, et donc,on parle peu : la concurrence des pays pauvres qui nous volent de plus en plus le travail, dans le numerique....

[@yannb.861]

@@arnaques-tuto-informatique merci de ton retour, il ira surement en seconde sn (service numerique)... Pour ce qui est des pays pauvre, ce n'est pas du vol; mais juste de la concurence a leur echelles 'je pense, mets toi a leurs places ...

[@mortkaus]

Faire du JS vanilla n'est pas un mal en soi car par exemple certaines entreprises développent leurs propres framework :)

[@MikeCodeur_]

Les pauvres

[@wildthreshold]

Après ce qui ralentit beaucoup de boite dans le domaine du site internet, c'est le côté référencement. Avec react, vue, etc.. l'app se lance sur un point d'entré HTML mais ne génère aucun rendu documents que les robots Google peuvent lire.. bien sûr y'a le ssr (server side rendering) Mais j'ai testé avec un projet mi en prod (projet fait avec nuxt de vue) y'a plein de soucis côté référencement quand je lance des tests SEO.. le mieux c'est de combiner les deux !! Genre un projet symfony avec des pages en twig et au besoin, mettre des components par ci et la. Plutôt que de faire du 100% frontend

[@MikeCodeur_]

Si regarde du côté de react helmet

[@enochbeloved7757]

Le referencement n'est plus un problème avec React, tu peux faire du rendu coté serveur avec Next.js

[@yan867]

J'adore React mais je sais pas si l'argument des "multinationales qui l'utilisent également" est pertinent dans la mesure où toutes les librairies/languages et autres outils utilisent également cet argument, c'est juste pour se faire vendre. Les étoiles sur Github par exemple est plus pertinent à mon sens comme argument.

[@mountakhabi]

Le fait que ça soit des libraires open source et utiliser par de grosse compagnie veux dire qu’elle sont maintenant et mis à jour régulièrement. Car les grosse boitent développent sans cesse leurs produits. C’est donc un gage de confiance.

[@kanaillaurent526]

Merci mais que dire des web-components ? C'est le même principe mais pas besoin de librairies. Duo gagnant selon moi: web-components/cssgrid

[@MikeCodeur_]

Ca ressemble dans l’esprit

[@xtunasil0]

Très jeune et pas encore très répandu.

[@kanaillaurent526]

Oui vous avez raison et Mike le dit très bien que c'est React qui cartonne en ce moment, le but étant pour lui de trouver des débouchés aux devs ASAP.

[@PierreMiniggio]

React c'est vraiment cool car c'est plus facile d'appliquer des concepts comme SOLID; quand tu veux faire ça en JS natif c'est un enfer.

[@MikeCodeur_]

👍

[@rudys9835]

Bonne vidéo, mais c'est dur de dire que l'on code alors que pour être bon en javascript déjà , il faut s'accrocher ...Aprés ,je trouve que ça va trop vers le no-code car tout est au final enclavé dans des blocs tout fait ... Je pense que pour être vraiment un bon codeur , il faut se rapprocher de l'assembleur ou du langage C ,fort oublié , Non ???

[@xtunasil0]

Non, être développeur, ce n'est pas réinventer la roue. C'est apprendre une fois à en faire une pour comprendre comment c'est fait et après utiliser celles qui sont déjà faites. J'imagine que quand tu codes en C, tu ne recodes pas "malloc" ou "strcpy", tu te contentes d'importer la librairie et d'appeler la fonction. Ici c'est exactement pareil. L'interet c'est de 1) gagner du temps de développement, c'est ça le plus gros intérêt des framework js: éviter les manipulations parfois complexe du DOM Réutiliser des blocs. 2) gagner en efficacité, Performance et rendu. 3) gagner en Clarté.

[@alexsoyes]

Il manque entre 40K et 50K de développeurs en France ? C'est énorme ! Je veux bien tes stats :)

[@MikeCodeur_]

www.maddyness.com/2020/09/12/les-developpeurs-divas-des-temps-numeriques/

[@mountakhabi]

Il manque des bons développeur ( expérimentés) les développeurs débutant les boitent n’en veulent pas

[@kingdhommes3529]

@@mountakhabi Et c'est bien pour ça qu'il manque au moins 40K de développeurs en France, y'a qu'en faisant qu'on acquière de l'expérience.

[@mediacreatif]

React pour un site e-commerce ça suffit ?

[@MikeCodeur_]

Presque

[@mediacreatif]

@@MikeCodeur_ il faut du PHP/MySQL comme FaceBook en backend

[@electroheadfx]

C'est en train de changer, en terme d'optimisation React c'est ca top, ca oblige à intergrer le framework dans le navigateur donc c'est lent et ca bouffe de la mémoire. Svelte.JS est en train d'exploiser ces technos puisque c'esy un compilateur qui sort du vrai javascript sans dépendances.

[@MikeCodeur_]

Surement

[@electroheadfx]

@@MikeCodeur_ j'ai dépensé 2000€ en CPF en React pour rien, ils m'ont dégouté de ce framework. Comme quoi c'est important de choisir son bon mentor. Je referais plus react (pour l'instant) par contre si tu as du python et du Sveltejs en formation je prends, j'aime beaucoup ton approche formation.

[@Rase-moi-pas]

@@electroheadfx Tu as des formations gratuites très bien sur la chaîne de Grafikart. Il est super clair et personnellement je le suis pour son côté veille techno très intéressant.

[@Sarah_Azzaro]

Très bien de dire sa car les jeunes pensent qu'ils vont faire du html css Javascript pure avec du react en entreprise NON En vérité c'est du React !!

[@flo_dev]

const [likeVideo, setLikeVideo] = useState(false) setLikeVideo(true)}> Pouce Bleu “Click”

[@MikeCodeur_]

😃

[@muhammadhanzalakhan5084]

I love React

[@sebzum]

Merci pour la vidéo, react est top, et je l'utilise avec Redux, même si ça allonge le nombre de fichiers

[@MikeCodeur_]

👌

[@gindevgin9298]

Euh... Faut quand même le prendre en main le bouzin, j'ai commencé à m'initier à React et.... Bordel. Mais il faut totalement réapprendre à coder aussi.. Donc ceux qui n'ont encore jamais essayé , je vous garanti qu'avant de maîtriser vous allez y passer un certain temps. Même si vous vous y connaissez déjà en js vanilla et nodejs.

[@MikeCodeur_]

👌

[@naunaunanar1230]

Réapprendre à coder ? Non. Apprendre ce que sont des machines à états (plutôt explicites) et à faire de la prog' fonctionnelle, oui. Je préfère passer tous les autres détails sur React (c'est vrai qu'il y a besoin de choses à savoir concernant cette tech'). C'est probablement ces deux points qui t'ont le + stressé.

[@gindevgin9298]

@@naunaunanar1230 En effet. Là je dois m'y remettre et me coder un truc pour voir si c'est pas trop casse pied.

[@jeanrakotoarison902]

Exactement, il ne faut pas s'éparpiller

[@MikeCodeur_]

👍

[@bouloan7576]

Et bim, on met un coup à Angular en passant... L'histoire de l'appli Angular qui rame face à React c'est un peu daté tout de même. Angular ou React, le plus important en terme de performance va dépendre du codeur... des app dégueulasse j'en ai vu en Angular comme en React... Et pour le dirty checking, Angular pour info à ce que l'on appelle la change detection... Et cette change detection est modulable pour améliorer les perfs . Je veux bien que comprendre que l'on n'aime pas Angular mais merci tout de même de ne pas répandre des idées erronées.

[@MikeCodeur_]

Fais une vidéo rectificatif

[@MrNiuxe]

CDI avec React, quelle hérésie ! Un dev confirmé (confirmé = autonome) peut facilement passer en freelance ! Qui dit freelance, dit plus d'argent à la fin du mois. net dans la poche : CDI avec React = 100 - 120 euros / jour freelance avec React = 250 - 400 euros / jour

[@MikeCodeur_]

Meme plus

[@MrNiuxe]

@@MikeCodeur_ exact ! :) D'ailleurs, un cdi avec React, c'est voir moins avec ce que j'ai dit.

[@fredchess]

J’arrive à peine à croire qu’avec autant d’audience tu arrives à être aussi peu cohérent. Bref ne confondons pas site et appli web.

[@tcgvsocg1458]

Dommage faut vraiment arreter les bruit de bouche:"tsim","heuuuuuu", "tmisss""baaaaaa"

[@MikeCodeur_]

Encore toi aller bouge d’ici bolos retourne faire tes video de carte a la con

[@arnaques-tuto-informatique]

@@MikeCodeur_ lol , sacré Miky