Comment apprendre React Native: Commencez par ces cours et didacticiels

Que vous soyez nouveau sur React Native ou que vous utilisiez le framework depuis des années, il y a toujours quelque chose à apprendre. Ce puissant framework mobile basé sur JavaScript permet de prendre du code qui ne serait pas déplacé sur un site Web et de le transformer en une application mobile native.

Avec cette puissance, vient un certain nombre de techniques, d’architectures et de choix de conception de complexités différentes à apprendre. Ce guide vous guidera à travers certaines des meilleures ressources disponibles auprès d’Envato pour vous aider à démarrer dans React Native et à poursuivre votre formation quel que soit votre niveau actuel.

Avant de commencer, vous pouvez également consulter certains des excellents modèles d’applications React Native disponibles à la vente sur CodeCanyon. Commencer avec l’un de ces modèles peut faire démarrer votre projet du bon pied.

  • 9 meilleurs modèles d’applications natives React de 2019

  • Premiers pas avec le modèle d’application native MStore Pro React

  • 9 modèles d’applications natives React à étudier et à utiliser

    Réagir
  • Comprendre les composants, modèles et outils React Native

À propos de React Native Framework

Les applications mobiles existent depuis un certain temps maintenant, mais l’avènement récent des frameworks d’applications basés sur JavaScript a complètement changé la donne. Bien qu’il existe un certain nombre de cadres différents, React Native est devenu l’un des plus grands prétendants dans l’espace, alimentant des applications géantes telles que Facebook, Instagram, Discord, AirBnB et des centaines (voire des milliers) d’autres.

Pourquoi React Native est-il devenu la référence pour le développement d’applications?

En bref, cela rend le développement d’applications exponentiellement plus efficace pour les développeurs et les entreprises. S’appuyant sur une base de code JavaScript centrale, React Native réduit et, dans de nombreux cas, élimine le travail dupliqué qui était auparavant nécessaire pour lancer à la fois une application iOS et Android. De plus, avoir un seul langage qui est également largement utilisé dans le développement Web signifie qu’il y a beaucoup plus de développeurs disponibles pour travailler sur des projets. Cela signifie plus d’aide lorsque vous rencontrez des problèmes, plus de documentation sur la façon d’effectuer des tâches courantes et plus d’ingénieurs si le besoin s’en fait sentir.

Maintenant que nous avons parlé un peu de l’importance de React Native, regardons la première étape d’un voyage React Native, se familiariser avec JavaScript.

Avant de commencer avec React Native

React Native est un framework puissant, mais avant de commencer à travailler avec lui, il existe une technologie sous-jacente avec laquelle vous devez vous familiariser. Dans ce cas, nous examinerons principalement JavaScript, et peut-être un peu de React.

Un bon point de départ est la série de cours Practice JavaScript and Learn, qui peut vous aider à définir rapidement les bases de JavaScript:

Ensuite, vous voudrez élargir vos connaissances pour inclure les principes fondamentaux de JavaScript moderne, et enfin clouer vos connaissances en réalisant certains projets:

Une fois que vous avez parcouru ces derniers (ou si vous connaissez déjà un peu de JavaScript), vous voudrez prendre un peu de React. React est un framework JavaScript qui sert de base à React Native et comporte un certain nombre de similitudes, y compris sa structure et sa dépendance vis-à-vis des composants.

Une fois que vous avez activé React, vous pourrez appliquer une grande partie de ces informations à une application React Native. Si vous avez déjà de l’expérience avec JavaScript et d’autres frameworks, n’hésitez pas à passer à l’apprentissage de React Native.

Pour le reste d’entre nous, consultez ces cours sur les principes de base de React:

Avec React à votre actif, il est maintenant temps de plonger dans React Native. Bien qu’il existe de nombreuses similitudes entre React et React Native, vous aurez besoin de nouvelles compétences importantes pour faire fonctionner votre application native. Vérifions-les!

Bases de React Native

Nous avons tous nos prérequis remplis, alors il est maintenant temps de creuser.

React Native a deux éléments clés que nous voudrons aborder en premier, son architecture et l’utilisation de composants. Les composants sont souvent des morceaux de code ou d’interface utilisateur autonomes, construits dans une nature modulaire afin qu’ils puissent être utilisés plusieurs fois dans une application (ou même être déposés facilement dans d’autres programmes). Ceux-ci sont généralement liés aux éléments de l’écran, tels que les écrans de connexion, les boutons ou d’autres interactions. L’utilisation de ces composants comme principaux éléments constitutifs de l’application est ce qui donne à React Native son architecture unique.

Cette architecture signifie que les éléments sont souvent divisés de sorte que leurs fonctionnalités et leur interface utilisateur sont séparées. Ensuite, ils sont regroupés en écrans, chacun représentant un écran littéral montré à un utilisateur. Cette structure facilite le débogage de votre code, la réutilisation des composants entre les écrans et la réécriture des composants à utiliser à de nouvelles fins.

Tout d’abord, vous pouvez consulter cet article sur l’écosystème natif React pour avoir une idée de ce que tous les outils, environnements et autres ressources utiles existent. Après cela, ce cours de mise en route avec React Native vous apprendra de nombreuses bases, comme la configuration de votre environnement, l’utilisation de JSX, etc. Enfin, essayez de créer votre propre composant en suivant ce tutoriel sur la création d’un composant de calendrier avec React Native.

Une fois ces bases éliminées, l’étape suivante consiste à travailler avec et à créer des applications complètes. Vérifions cela ensuite.

Créer des applications complètes avec React Native

Génial, à ce stade, vous aurez une bonne idée de travailler dans React Native. Vous savez ce que sont les composants, comment les intégrer dans des écrans et avez assemblé quelques petites fonctionnalités par vous-même ou apporté des modifications au code existant. Ensuite, nous allons voir comment vous pouvez réunir tout cela pour créer des applications à part entière à l’aide de React Native.

Nous ne sommes pas encore tout à fait au point de les créer à partir de zéro, mais en prenant un modèle, une bibliothèque ou une ressource existant, nous trouverons comment en faire un produit final utilisable.

Un bon point de départ est de renforcer un peu votre compréhension de JSX et de React en suivant ce cours approfondi qui vous éclairera davantage sur leurs fonctionnalités:

Jetez ensuite un œil à certains des modèles d’application qui existent déjà. Etudiez leur code, leur structure et leur documentation. Plus important encore, bricolez! Ajoutez vos propres composants, modifiez le fonctionnement d’un composant existant ou personnalisez une partie du style. Tout ce qui passe d’un modèle standard à un produit viable minimum fonctionnel vous aidera à développer les compétences de base nécessaires pour créer des applications natives React.

Voici une bonne longueur d’avance sur certains des meilleurs disponibles via Envato:

Une fois que vous avez assemblé quelques projets vous-même, il est temps de passer aux parties les plus avancées de React Native.

Techniques et fonctionnalités avancées de React Native

Lorsque vous travaillez avec des concepts plus avancés de React Native, il y a deux directions à suivre: profonde et large. Vous pouvez en savoir plus sur la création d’une application à partir de zéro, du début à la fin, en travaillant à chaque étape (large). Mais vous voudrez peut-être aussi aller plus loin, en cherchant des moyens spécifiques d’améliorer votre utilisation de React Native, comme la maîtrise des structures d’applications avancées ou vraiment creuser dans une bibliothèque ou un service disponible (comme Firebase). Ou peut-être voulez-vous faire les deux!

Pour aller plus loin, essayez ce cours qui vous guide tout au long de la création d’une application du début à la fin:

Si vous souhaitez approfondir un sujet spécifique, il y en a beaucoup disponibles.

Un bon début serait de se familiariser avec l’utilisation d’Expo pour travailler avec des projets et faciliter le test et le déploiement:

Vous voudrez peut-être également apprendre à connecter votre application à un back-end extensible et populaire tel qu’AWS:

Ou consultez certains de ces cours plus avancés sur React et React Native:

Construire votre voyage natif React

Comme tout langage ou framework de programmation, vous n’êtes jamais tout à fait fini. Au fur et à mesure que vous avancez dans votre voyage, de nouvelles fonctionnalités apparaissent tout le temps et les cas de pointe complexes se font connaître. Pour cette raison, votre chemin vers l’apprentissage peut être distinct de celui de quelqu’un d’autre.

Comment avez-vous appris React Native? Quelles sont vos ressources préférées pour apprendre et vous améliorer dans le développement d’applications? Faites le moi savoir!

En relation :  Comment faire un chat de groupe sur Snapchat
Moyens Staff
Moyens I/O Staff vous a motivé, donner des conseils sur la technologie, le développement personnel, le style de vie et des stratégies qui vous aider.