Explorer React JS. Par où commencer ?

Entendre React un peu partout, je ne peux m'empêcher de l'explorer aussi ! Bien que je n'aie pas besoin de React en tant qu'ingénieur backend, je pense que cela pourrait être un excellent moyen de me familiariser avec le monde front-end et de m'aider à comprendre la situation dans son ensemble (c'est ce qui s'est produit !). J'apprends les perspectives/défis du développement front-end et je les garde à l'esprit lors de la conception de systèmes back-end. Plus important encore, c'est tout simplement satisfaisant d'apprendre comment les choses fonctionnent de bout en bout.

Mais par où commencer ?

Si vous avez des connaissances de base en JavaScript, voici des ressources (gratuites !) que je vous recommanderais :

1. Apprenez React par Scrimba (https://v2.scrimba.com/learn-react-c0e)
Une très bonne ressource pour commencer à écrire React.

Apprendre une nouvelle technologie n’est pas facile. Étant donné la quantité d'abstractions que nous voyons de nos jours, il peut parfois être frustrant d'ignorer des choses que vous ne comprenez pas vraiment et de simplement accepter que cela fonctionne. (Des questions comme « Que se passe-t-il dans les coulisses de cette ligne de code ? »)

L'instructeur de Scrimba a très bien expliqué la signification de chaque ligne de code React, ne laissant aucun mystère derrière lui. Il a expliqué la motivation derrière le choix de React en montrant ce que signifie une ligne dans React dans Vanilla JS. Cela dissipe vraiment beaucoup de doutes et de termes, surtout lorsque vous commencez à apprendre une nouvelle technologie.

2. Full Stack ouvert (https://fullstackopen.com/en/)
Une ressource géniale que je ne saurais trop recommander. Notez que ce cours ne concerne pas uniquement React, mais il vous offre une expérience « de bout en bout » du développement d'un logiciel full-stack utilisant React pour le front-end. Même s'il ne s'agit pas d'un cours uniquement React, la partie React est très complète (couvrant même Redux). Vous pouvez choisir de n'apprendre que la partie React du cours, mais je recommanderais vraiment de la terminer en entier.

Voici pourquoi j'ai vraiment aimé le cours :

• Image complète

Il aborde d'abord les principes fondamentaux des applications Web avant d'introduire React comme front-end et NodeJS comme back-end pour la création d'API REST. Cela vous donne ensuite une idée du fonctionnement des tests sur le Web. Il vous aide ensuite à configurer un pipeline de déploiement à l'aide de Github Actions (CI/CD) et à vous familiariser avec la conteneurisation Docker. Cela va du développement au déploiement d’applications front-end et back-end jusqu’à la production.

• Norme industrielle

Je suis moi-même ingénieur logiciel back-end et je peux comprendre à quel point le cours vous prépare à travailler dans l'industrie. Cela touche de nombreux aspects qui rendent un projet plus réaliste. Par exemple, les tests unitaires front-end et back-end, les tests d'intégration et les tests de bout en bout. Ces tests sont très utiles dans les projets de production réels et pourtant, de nombreux cours en ligne les ont manqués. Il vous apprend à configurer un pipeline CI/CD, à gérer les configurations séparément pour des raisons de sécurité, à conteneuriser vos applications, etc. Il y a beaucoup de bonnes pratiques dans ce cours !

• Entraînez-vous !

Chaque module est livré avec sa propre série d'exercices et je vous recommande fortement de compléter ces exercices. Apprenez la programmation en faisant - alors seulement les concepts, la syntaxe et les idées pourront se matérialiser dans votre esprit. J'ai toujours pensé que la meilleure façon d'apprendre était de le pratiquer !

• "Moderne et actuel"

En plus du fait qu'il enseigne React (l'un des frameworks front-end les plus populaires utilisés dans l'industrie), il enseigne également NodeJS (un autre framework back-end populaire) et utilise Github Actions (pour CI/CD) et Docker (conteneurisation). De plus, ce cours est activement maintenu et révisé (vous pouvez voir les sections du cours qui indiquent qu'il est mis à jour en raison de la nature en constante évolution des logiciels).

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!