Devenez Développeur React

4.9+

7 avis

Intermediate

Acquérez une compréhension des principes fondamentaux de React. Vous apprendrez à propos de JSX (JavaScript XML), à construire des composants d'interface utilisateur réutilisables et à rendre des éléments. De plus, vous explorerez l'importance de la collecte de données et du rendu conditionnel dans les applications React. À la fin de cette section, vous aurez une base solide des concepts essentiels de React, vous préparant au succès dans les sujets plus avancés abordés dans les sections suivantes.

Explorez les différentes méthodes pour ajouter des styles aux applications React. Vous apprendrez à appliquer des styles à des composants individuels, à utiliser des styles dynamiques et à maintenir une approche de stylisation évolutive et facile à maintenir dans vos projets.

Fonctionnalités puissantes dans le développement moderne de React. Les hooks révolutionnent la manière dont nous écrivons des composants fonctionnels, offrant une méthode concise et intuitive pour gérer l'état et effectuer des effets secondaires. À l'inverse, le contexte nous permet de partager des données à travers l'arborescence des composants sans avoir à passer par les props. La combinaison des hooks et du contexte permet une gestion efficace de l'état et un partage simplifié des données dans les applications React.

Guide étape par étape sur la façon de démarrer un projet React dans le monde réel. De la configuration de votre environnement de développement à la compréhension de l'organisation du projet et des outils essentiels, vous acquerrez les connaissances et la confiance nécessaires pour vous lancer dans votre aventure React.

Apprenez les bases théoriques de concepts tels que l'URL, le domaine, le protocole, les paramètres de requête, et plus encore. Comprenez l'importance du routage dans les applications web et pourquoi nous avons besoin de la bibliothèque React Router.

Découvrez comment créer une application React complète à partir de zéro, avec la capacité d'afficher du contenu qui s'adapte en fonction de l'URL en utilisant la fonctionnalité de React Router.

Explorez l'utilisation des chaînes de requête pour partager et gérer l'état de l'application via les URL, travaillez avec différents types de données dans les paramètres de requête, et utilisez React Router pour la navigation et les effets basés sur les changements d'URL.

Explorez les concepts fondamentaux de la gestion d'état et découvrez comment exploiter la puissance du Redux Toolkit. Nous vous guiderons à travers le processus d'installation et vous aiderons à créer votre premier projet React Redux Toolkit. De plus, relevez un défi pour tester votre compréhension et vos compétences.

Explorez l'intégration de Redux avec les applications React, en couvrant les concepts de base : actions, reducers et le store Redux. Comprend des exemples pratiques et des explications de code pour configurer un store, créer des reducers et connecter des composants React via des hooks comme useSelector et useDispatch.

Boostez vos compétences en gestion d'état. Dans cet atelier pratique, vous relevez des défis du monde réel et acquérez une expérience pratique en utilisant le Redux Toolkit pour un développement d'application fluide.

Discutons de ce que vous devez apprendre avant de plonger dans le framework Next.js, de ce à quoi vous pouvez vous attendre de ce cours, et de ce que vous allez construire.

Nous allons configurer le projet, examiner les moyens d'ajouter du style à notre application et couvrir les aspects visuels tels que les images, les polices, les pages et les mises en page.

Apprenez à créer et gérer facilement une nouvelle vue pour votre application et à naviguer sans effort à travers toutes les pages grâce à un système de routage intégré.

Déployez l'application Next.js en utilisant des comptes GitHub et Vercel. De plus, établissez une base de données pour fournir à l'application les données nécessaires.

Considérez comment obtenir et afficher les données à l'utilisateur de manière claire et efficace.

Découvrez comment implémenter des fonctionnalités web modernes telles que la pagination, les opérations CRUD, la recherche globale, la validation de formulaire, et plus encore.

Mise en œuvre de l'authentification dans Next.js.