Comment j'ai arrêté de m'inquiéter et appris à aimer l'écosystème JavaScript

Un voyage pour résoudre la fatigue JavaScript

Jusqu'à il y a quelques mois, je ne pouvais même pas regarder JavaScript sans avoir un sentiment d'anxiété.

J'étais à 100% sous la soi-disant fatigue JavaScript et je ne pouvais pas m'en sortir.

Cela a duré des années.

Sinking

Aujourd'hui, j'adore JavaScript et son écosystème.

Comment est-ce arrivé?

J'utilise JavaScript sous une forme ou une autre depuis les années 90, et j'ai des livres sur mon étagère qui ont l'air très drôles aujourd'hui, pleins dedocument.writedéclarations.

C'était probablement 2012-2013, les énormes changements que l'ES6 nous apporterait étaient partout.

Au début, je ne pouvais pas comprendre tout ce qui se passait. Je ne pouvais pas accepter autant de changements à la fois. JavaScript était en train de changer mais j'étais résistant. Il m'a fallu tellement de temps pour l'apprendre correctement, et cela changeait sous mes pieds.

J'ai trouvé un vraimentsur placecommentaire fait sur un article de blog lorsqu'il affirmait queapprendre le JavaScript moderne était difficile si vous n'y étiez pas depuis le début":

Je dirais que je suis là depuis le début (oui, je suiscetteold) rend les choses encore plus difficiles - Tim Tate

J'ai plongé sérieusement dans JavaScript et Node.js en 2012, et je n'avais jamais connu un changement de langue aussi incroyablement énorme que ES6. Le grand changement précédent s'est produit en 2009 avec ES5. ES6 a littéralement tout changé. C'était une telle refonte de JavaScript que chaque jour vous aviez tellement de choses qui pouvaient entrer dans cette spécification, mais vous ne saviez pas vraiment si elles l'avaient fait, et vous deviez vous rattraper car tout le monde sur Twitter parlait de ces choses qui était peut-être la prochaine grande chose.

vara été laissé dans la poussière.

functionn'existe plus.

L'héritage basé sur des prototypes, qui prenait beaucoup de temps à apprendre correctement, a disparu, caché sous le tapis des classes.

C'était juste la surface. L'ensemble de l'écosystème JavaScript a énormément changé ces dernières années.

Construisez toutes les choses

Un grand changement qui se produisait étaitbâtiment.

Nous sommes passés d'une chose très simple, y compris notre JavaScript avec des balises de script, à des étapes de construction qui compilent notre langage en un fichier énorme incompréhensible. Au début, j'ai résisté vigoureusement, je me suis levé dans ma tour entièrement armé de canons pour combattre l'armée de construction.

Mais quand les forces de Babel sont arrivées, j'ai d'abord combattu encore plus fort mais à la fin j'ai levé le drapeau blanc, et j'airejoint l'ennemi.

J'ai réalisé que Babel n'était pas une bibliothèque sophistiquée qui présentait les futures fonctionnalités de pointe, et quand celles-ci arriveront dans le navigateur, nous oublierons Babel. Non, Babel est là pour rester, dans un avenir prévisible.

Lorsque ES2017 arrivera complètement dans le navigateur, Babel autorisera ES2018, ES2019 et ainsi de suite. Il n'y a pas d'échappatoire. Embrassez le futur, Babel est votre amie.

Utilisez les alternatives les plus simples

L'outillage est l'une des parties les plus difficiles de JavaScript de nos jours. Oui, vous pouvez tout apprendre sur Webpack, mais lorsque vous commencez, ignorez tout et utilisez des solutions prêtes à l'emploi commecreate-react-app, le React Boilerplate masquera les petits détails pour vous et vous permettra de vous concentrer sur le code.

Ne commencez pas par mettre en place un environnement, apprenez en utilisantProblème. Il n'y a pas de moyen plus simple de commencer à plonger dans JavaScript moderne.

Fini les sorties énormes

ES6 était si grand que le comité ECMAScript a décidé de faire des versions plus petites la prochaine fois. C'est pourquoi ES6 s'appelle également ES2015 et était la première version de l'année - nous aurons désormais une version annuelle. C'est plus facile à rattraper, aura moins de changements car le temps pour les ajouter est limité et c'est prévisible (gardez à l'esprit cependant qu'il y aura des changements).

Ignorez le buzz

Si vous êtes comme moi, vous pourriez suivre beaucoup de gens sur Twitter qui sont toujours à la pointe. Peut-être que certains leaders d'opinion dictent quelle est la prochaine grande chose. Ils disent d'utiliser X, tout le monde utilise X.

Peut-être qu'ils aiment montrer leurs extraits en utilisant les dernières API qui ne sont même pas proches d'être standard, mais peuvent être utilisées avec un indicateur dans le navigateur.

Ils pourraient avoir une bonne raison. Vous n'avez pas. Ne tombez pas dans le piège des nouveaux jouets brillants, concentrez-vous sur votre travail.

Il n'y a pas de nouveau cadre chaque semaine

Il y a une blague qui circule qui dit «quelle que soit la saveur du framework JavaScript du mois» ou «il y a une nouvelle bibliothèque chaque semaine». C'est vrai, il y a des milliards de personnes qui travaillent sur JavaScript et c'est génial, cela apporte de l'innovation et de l'évolution, le genre de JavaScript expérimenté ces dernières années, qui ont été énormes pour l'écosystème du langage.

Mais la chose à noter est que les grandes choses ne changent pas souvent.

React a 6 ans.

Vue a 5 ans.

5 ans, c'est très long en technologie. Ce sont des technologies stables. Apprenez-le maintenant, ils sont là aussi pour rester longtemps - ils ne partiront pas.

Vous avez beaucoup de temps pour devenir un expert dans l'un de ces cadres, ils ne vont pas disparaître de si tôt.

Acceptez que les choses vont et viennent

Cela dit, tout a un cycle de vie.

Il y a quelques années, jQuery était utilisé partout, maintenant il est rare que de nouveaux projets commencent avec.

En 2013, Backbone.js était énorme. Maintenant, il a disparu de la carte. CoffeeScript, retiré de la surface de la terre.

Ember.js, Angular.js et Meteor ont basculé et sont restés au sommet de leur popularité pendant quelques années, maintenant les plus discutés semblent être React, Vue et Angular (ce qui est différent d'Angular.js).

Chaque cycle de ces grands cadres dure généralement plusieurs années. J'ai encore beaucoup d'applications Ember.js qui fonctionnent très bien, il n'est pas nécessaire de les mettre à jour si elles font leur travail, et je n'ai pas l'intention de les toucher.

La technologie évolue et mûrit, puis elle s'habitue au lieu d'en parler.

Vous n'êtes pas stupide d'utiliser jQuery

Certaines personnes ont la peau épaisse. Mais si vous lisez suffisamment, vous trouverez ceux qui méprisent la technologie que tout le monde utilisait autrefois et vous informeront que vous vous trompez. 😆

Ayant utilisé PHP pendant longtemps, je me suis habitué à ça, c'est normal d'avoir des gens qui critiquent quelque chose de populaire. Même Go, qui est étonnant pour sa simplicité, est parfois critiqué pour cela. Vous trouverez toujours quelqu'un qui jette de la merde sur quelque chose.

À titre d'exemple, je dois citer ce tweet de Pieter Levels, qui a construit une énorme entreprise indépendante avec un seul fichier PHP.

Pieter

Mais en tant que débutant, vous découvrirez peut-être quelqu'un qui dit que vous avez choisi une vieille technologie, que personne ne l'utilise plus, que vous devriez utiliser React à la place. Ignorez-les, sortez-les de votre esprit.

Rappelles toi:

Si cela fonctionne pour vous, c'est la bonne pile.

La plupart du temps, la technologie est construite à partir d'entreprises géantes avec des besoins complètement, radicalement différents des vôtres ou de ceux de votre petite équipe. Allez avec ce que vous savez et faites la différence même sans utiliser une technologie de pointe.

Maintenant, vous n'avez probablement pas besoin de jQuery. Mais pas à la place d'un framework - JavaScript simple est super bien.

L'autre partie du spectre est la sur-ingénierie. N'utilisez pas la technologie uniquement pour vous sentir plus intelligent. Connaissez-le mieux. Et apprenez à utiliser un framework ou une bibliothèque qui vous aide.

Vous n'avez aucune obligation de tout savoir. Trouvez votre équilibre.

Bien que cela puisse paraître comme si vous lisiez votre fil Twitter,personne ne sait toutes les choses. Il n'y a aucun moyen que quelqu'un puisse apprendre tout ce qui se passe dans le développement du frontend. C'est une école à vie. Il n'y a absolument aucun moyen d'obtenir un diplôme.

Choisissez une technologie avec une documentation conviviale

Ce n'est pas par hasard que React et Vue ont une documentation incroyable. C'est un élément clé de leur succès.

JavaScript va encore évoluer

L'année dernière, le langage ECMAScript a introduit await / async et maintenant cette fonctionnalité du langage est beaucoup utilisée. Le code basé sur les promesses semble tout simplement mauvais, vous ressentez le besoin de tout réécrire.

Ne le faites pas et utilisez à la place de nouvelles fonctionnalités pour le nouveau code que vous écrivez. La même chose se produira cette année, avec ES2018. Tout le monde en parlera pendant un moment, puis nous reprendrons le travail et nous commencerons à parler des fonctionnalités ES2019.

Acceptez le changement. C'est bien mieux que de parier sur une technologie qui stagne puis disparaît dans quelques années:JavaScript est là pour rester!

Apprenez les principes de base et choisissez votre propre parcours

Développer sur la plate-forme Web nécessite un engagement à apprendre souvent quelque chose de nouveau, même simplement pour découvrir ce qui est possible.

Parfois, apprendre dans 20% du temps les 80% des choses dont vous aurez besoin est suffisant, sans trop plonger dans les cas extrêmes.

Le voyage ne fait que commencer

JavaScript est encore très jeune par rapport aux autres langages, il est extrêmement populaire et il a pu changer radicalement ces dernières années. Il attire chaque jour de nombreux nouveaux développeurs talentueux, et c'est fascinant de penser au JavaScript que nous écrirons dans 10 ou 20 ans.

Road


Plus de tutoriels de laboratoire: