react native tutorial

Yakitty: une application de chat pour tout le monde bit.ly/yakitty

Qu'est-ce que c'est ça?

Yak (verbe): parler de manière persistante. Aussi, un grand bœuf sauvage ou domestique aux cheveux longs?

Yakitty est un simple tutoriel natif React pour construire des applications Android et iOS lisses à l'aide de JavaScript. Si vous êtes intéressé, jetez un œil aux exigences avant de commencer.

Pour tirer le meilleur parti de ce tutoriel, vous devriez avoir une compréhension de base de JavaScript. Connaître les bases de React sera également utile, mais ce n'est pas nécessaire.

Ceci est destiné à vous donner un avant-goût de ce que vous pouvez faire avec React Native. Je vous encourage à lire les documents pour obtenir une compréhension plus complète du cadre. Il s'agit également d'un travail en cours. N'hésitez pas à contribuer :)

Premières choses en premier

Ce tutoriel est divisé en modules, chacun prenant environ 30 à 60 minutes pour terminer. Vous trouverez tous les modules à la fin de cette page.

Que construisons-nous?

Nous allons construire une application Android ou iOS avec nos mains d'ours . ?

Qu'apprendrons-nous?

Nous allons utiliser des bibliothèques renommées telles que React afin de devenir des développeurs renommés. Nous apprendrons également à intégrer les API tiers et à organiser notre base de code comme le font les artisans de code maître.

Qu'est-ce que React Native?

React Native est un cadre construit sur React pour la création d'applications mobiles natives à l'aide de JavaScript. Native signifie que votre application ressemblera à toute application réelle qui a été écrite en Java ou Objective-C, les langues pour développer des applications Android et iOS.

Ceci est différent d'outils comme PhoneGap ou Ionic qui créent des applications qui s'exécutent dans la "vue Web" (ou le navigateur) de votre téléphone. Mais il est similaire à des cadres tels que Nativescript ou Flutter.

Ce dont vous aurez besoin

Avez-vous sauté la page des exigences? Voici la version CliffSnotes:

• Un ordinateur (Windows, Mac ou Linux).
• Un éditeur de code tel que Visual Studio Code ou SUblime Text.
• Si vous êtes sous Windows, je vous recommande d'obtenir l'émulateur de console CMDER.
• Nœud et expo
• Un téléphone Android (4.4+) ou iPhone (iOS 9+) avec l'application client Expo installée.

Je vais même vous fournir ces codes QR pour votre commodité, vous n'avez donc pas à rechercher l'application dans le Play Store / App Store. Pointez simplement votre appareil photo et téléchargez l'application:

Expo pour Android	Expo pour iOS

Modules

• Exigences
• Intro pour réagir natif
• Création de composants
• Utilisation de l'état et intégration des bibliothèques tierces (Moment.js)
• Intégration d'API tiers (Chatkit)
• Publication sur le Play Store / App Store (TODO)
• Langues de soutien autres que l'anglais (TODO)
• Intégration de bibliothèques de mise en page, par exemple Yogalayout.com (TODO)
• Ressources

Vous avez des demandes? Laissez-moi savoir bit.ly/yakitty-feedback

Ce contenu est sous licence en vertu d'une licence Creative Commons Attribution-Sharealike 4.0 (CC BY-SA 4.0).