React Native

Question 1

Dans quel langage les applications Android sont-elles programmées ?
-C#
-JAVA /KOTLIN
-PHP
-Javascript

Answer 1

Java/kotlin

Question 2

Globalement les app Native sont ?
- Moins performantes que les applications cross-platform

-La seule manière de faire des applications mobiles

-Plus performantes que les applications cross-platform

-Possèdent un meilleur rapport qualité/prix

Answer 2

Plus performantes que les applications cross-platform

Question 3

App mobile utilisent?
-code compilé
-code non compilé

Answer 3

code compilé

Question 4

définition compilateur

Answer 4

Un compilateur prend un langage de programmation donné pour les traduire en langage machine, ou « code », utilisé par le processeur d’un ordinateur.

Question 5

principe d’une application web Embarquée?
Avantage et défauts ?

Answer 5

une app dans la technologie web avec javascript en utilisant un framework fonctionne qui hors ligne qui embarque sont code dans une app native géré par le framework.
Avantages = Améliore le développement, productivité globales du projet
Défaut = La performance pas au rdv Apple, facebook ont abandonné l’idée ils préfère le cross-platforme ou natif

Question 6

Définition WebView

Answer 6

Page web lancée dans une application qui affiche des pages

Question 7

A quoi sert une API?

Answer 7

API facilitent la communication des produits et services en simplifiant le développement des applications, gagne en temps , et en argent

Question 8

Définition API NATIVE

Answer 8

API NATIVE

API native fait référence aux services internes de Windows NT, ce sont les interfaces privées où sont stockées les fenêtres API.

Question 9

Lequel de ces frameworks ne permet pas de réaliser des applications web embarquées ?

Ionic

Cordova

PhoneGap

Symfony

Answer 9

Symfony

Question 10

Quelle technologie est utilisée pour la mise en page d’applications web embarquées ?

Answer 10

HTML / CSS

Objective-C

Kotlin

Question 11

À laquelle de ces problématiques ne répond pas une application web embarquée ?

Mutualiser le code entre les projets web et mobile

Avoir de bonnes performances

Des outils simplifiés pour la mise en page

Réduire le nombre de compétences nécessaires dans une équipe

Answer 11

Avoir de bonnes performances

Question 12

Quel est l’équivalent d’une div en React Native ?

Box

View

Container

Answer 12

Une View est l’homologue d’une div en React Native et permet de définir un conteneur.

Question 13

En termes de date d’apparition, vous diriez que React Native, par rapport aux applications natives et web embarquées, est…

La plus ancienne façon de créer des applications mobiles

La plus récente façon de créer des applications mobiles

Ni l’une, ni l’autre

Answer 13

La plus récente façon de créer des applications mobiles

Question 14

Laquelle de ces phrases est fausse ?
React Native utilise un thread JavaScript pour faire tourner son code

React Native utilise un moteur de rendu 3D avec un canva pour afficher ses composants

NativeScript est un framework pour créer des applications cross-plaform hybrides

Answer 14

La deuxième réponse est fausse

Question 15

Définition REACT NATIVE

Answer 15

Affiche le language natif plus simple et performant.

Question 16

C’est quoi une application hybride ?

Answer 16

dernière évolution du cross-Platform. pour atteindre un compromis entre performance et facilité de développement. Une utilisation proche du web car génère du code proche du natif performant .

Question 17

Définition Open sources ?

Answer 17

Les logiciels libres sont accessibles au public, développés en collaboration par une communauté, et offrent un bon rapport coût-efficacité, de la souplesse et une durée de vie plus longue. Ils vont au-delà de la création de logiciels et utilisent des modèles de production décentralisés pour résoudre des problèmes communautaires et sectoriels.

Question 18

comment marche React Native ?

Answer 18

1. Le tread Javascript : Le code est exécuté dans un seul fichier App.js par le packager React Native, puis lancé dans un moteur JavaScript au sein d’une application iOS ou Android. Le thread communique avec un thread natif spécialisant les instructions JSON. Cette opération se produit toutes les 16,67 ms, ce qui permet d’obtenir jusqu’à 60 images par seconde. Le fait de ne pas générer les instructions dans ce délai provoque un effet de ralenti, dégradant l’expérience utilisateur.

2.Le pont natif (Bridge)
il reçoit des instructions de la part du thread JavaScript, lui indiquant des changements à opérer sur l’application. De là, il va retranscrire ces informations en instructions qui seront interprétables par le thread natif, afin de pouvoir impacter le cycle de vie et l’affichage de l’application.

3.Les threads natifs
le thread UI (User Interface → Interface Utilisateur) reçoit des instructions pour afficher des composants natifs Android ou iOS, qui ont été pré-mâchés par le pont React Native.

Question 19

Pourquoi Expo est aussi utile à REACT NATIVE que Symfony pour PHP ?

Answer 19

Expo utilise le principe de l’application sans compiler, en utilisant JavaScript et ne nécessitant l’application pendant la phase de programmation. Il facilite l’accès à la création mobile, et fournit et maintient un ensemble d’APIs systèmes, comme l’accès à la caméra ou le système de fichiers du téléphone.

Question 20

Site les trois cadre de travail d’EXPO ?

Answer 20

Un mode Managed, qui est le plus facile d’accès, mais n’est pas trop personnalisable en termes de librairies embarquées.

Un mode Bare qui offre plus de souplesse sur les librairies embarquées. Il permet d’installer du code natif qui ne serait pas disponible dans Expo, tel qu’un module de machine learning par exemple, mais s’accompagne de toute la complexité liée à une application React Native classique.

Enfin, un mode Ejected, qui est l’ancienne version du Bare Workflow. Le mode Ejected possède toutes les fonctionnalités progressivement ajoutées au Bare Workflow, destiné à le remplacer.lus supportée à partir du SDK 38 : https://docs.expo.io/expokit/eject/.

On peut commencer en mode Managed, puis migrer vers le Bare ou Ejected à tout moment. L’autre sens n’est par contre pas simple et peut représenter une vraie complexité : à éviter, donc.

Question 21

A quoi sert un composant ?

Answer 21

Un composant est une brique logicielle qui permet de réutiliser du code pour le factoriser. Ils peuvent s’écrire de différentes manières : avec des classes JavaScript ou avec des fonctions.

Question 22

combien de façon y-t-il pour écrire un composant ?

Answer 22

Il y en a 2 ; ceux écrire à partir d’une classe et ceux d’une fonction, a retenir que , la syntaxe n’est pas tout à fait équivalente.
* Pour les composants basés sur une fonction, il faut utiliser des hooks, qui sont une nouvelle façon de gérer des états et effets de bords avec React.

Question 23

Quel genre de relation ont les composant entre eux pour structurer l’application ?

Answer 23

Les composants ont une relation de parent/enfant et forment un grand arbre de composants pour définir la structure d’une application.

Question 24

Qu’est ce que le jsx?

Answer 24

Le JSX (JavaScript XML) est une syntaxe destinée à simplifier l’imbrication des composants dans une application React. Il est compilé vers une syntaxe JavaScript au moment où on génère le fichier JS final via le packager.

Question 25

Comment fonctionne un composant ?

Answer 25

Les composants possèdent un cycle de vie qui leur permet de venir déclencher des effets de bord lorsqu’ils sont créés, détruits ou qu’ils reçoivent de nouveaux arguments.

Question 26

A quoi sert un hook ?

Answer 26

La plupart du temps, on utilisera les hooks pour aller chercher des données distantes ou pour initialiser des gestionnaires d’événements.

Question 27

Qu’est-ce qu’une prop ?

Answer 27

Les props sont des données transmises entre un parent et un enfant dans React Native, facilitant la transmission d’informations et de fonctionnalités, rendant les composants réutilisables et modulaires, et immuables.
(Pour améliorer la lisibilité et la propreté du code, il est possible d’utiliser la décomposition (destructuring) pour extraire les props directement dans les paramètres de la fonction du composant.)

Question 28

Qu’est qu’un state ?

Answer 28

Le state est un mécanisme permettant de stocker et de gérer les données internes d’un composant. Contrairement aux props, le state est mutable, ce qui signifie qu’il peut être modifié au cours du cycle de vie d’un composant. Le state est utilisé pour gérer les données qui peuvent changer au fil du temps et pour déclencher des mises à jour lorsque ces données sont modifiées.

Question 29

Qu’est ce qu’une dépendance autrement dit ‘dependy array”?A quoi sert elle ?

Answer 29

Un tableau de dépendances (ou « dependency array » en anglais) est un paramètre optionnel que l’on peut passer à la fonction useEffect dans un composant React. Ce tableau permet de spécifier les variables dont dépend l’effet déclenché par useEffect. La table de dépendance optimise les performances d’un composant en déclenchant la fonction useEffect lorsqu’une variable change, évitant ainsi les ralentissements.

Question 30

Quels approchent différentes on les composants fonctionnel et les composants de classes ?

Answer 30

.Dans les composants de classe, le cycle de vie est géré par des méthodes spécifiques, telles que componentDidMount, componentDidUpdate ou componentWillUnmount. Ces méthodes sont appelées automatiquement par React en fonction de l’étape de vie du composant.
En revanche, dans les composants fonctionnels, le cycle de vie est géré par les hooks, tels que useEffect, useLayoutEffect, useReducer, useState. Les hooks permettent aux composants fonctionnels de gérer l’état et les effets secondaires, ainsi que de modifier leur comportement en fonction de leur état et des entrées utilisateur.

Question 31

Quel différence y-a t-il entre les deux ? Avantages inconvénient?

Answer 31

Les hooks ont une approche de coding et de maintenance de React, qui permet de separer la logique d’état et de cycle de vie en deux parties distinctes, rendre le code plus lisible et modulaire. Les hooks permettent de réutiliser la logique d’état et de cycle de vie entre les différents composants,ainsi que la possibilité création de personnalisées et bibliothèques de composants réutilisables. les hooks sont une alternative plus simple et efficace pour gérer le cycle de vie des composants en React.

Question 32

comment se transmettent les données entre parent et enfants

Answer 32

Pour transmettre des données d’un composant parent à un composant enfant, nous utilisons des props. Les props permettent de passer des valeurs et des fonctionnalités d’un composant à un autre, créant ainsi une communication unidirectionnelle des données. nous utilisons généralement des fonctions de rappel (callbacks).

Question 33

définition fonction callbacks ?

Answer 33

Les fonctions de rappel sont des fonctions qui sont passées en tant que props à un composant enfant. Ces fonctions permettent au composant enfant d’interagir avec le composant parent en appelant la fonction de rappel.

Question 34

Quel est le meilleur combo pour développer une app ?

Answer 34

YogaLayout de Facebook pour pour les flexbox et STYLESHEET une API pour mimer css. Et s’assurer que l’on écrit du style correct et qui, si l’IDE le permet, ajoute de l’auto-complétion, ce qui est très pratique. Utiliser du style avec les composants React Native est très simple et s’inspire grandement de la très populaire syntaxe CSS.

Enfin, on peut faire varier les styles dynamiquement en fonction de variables comme le state ou les props, ce qui nous permettra de gérer des animations.

Question 35

(Rappel) C’est quoi une API?

Answer 35

Une API (application programming interface ou « interface de programmation d’application ») est une interface logicielle qui permet de « connecter » un logiciel ou un service à un autre logiciel ou service afin d’échanger des données et des fonctionnalités.

Question 36

Pourquoi a-t-on besoin de faire varier du code entre les plateformes

Answer 36

Malgré la plus grande tentative d’abstraction entre les plateformes, il existe encore quelques cas où le développeur doit procéder à des différences entre les plateformes.

C’est le cas de composants natifs ou encore de la gestion des ombres dans React Native, mais cela peut aller plus loin, comme des différences fondamentales d’architecture sur des fonctionnalités telles que les notifications push.

Question 37

React Native utilise un outil qui permet de concentrer tous nos fichiers JavaScript en un seul et unique fichier qui sera lu par l’interpréteur JavaScript du téléphone, le moteur JavaScript.

Sur React Native, il y a deux outils qui sont en charge d’effectuer des traitements sur notre code lesquels ?

Answer 37

Babel un transpiler; Petite parenthèse : un transpiler de code tel que Babel est un outil qui prend du JavaScript en entrée et applique des transformations dessus. et metro le packager de React Native

Question 38

Qu’est-ce qu’un transpiler de code ?

Answer 38

rendre compatible même avec des moteurs JavaScript qui ne le supportent pas encore nativement. C’est très largement utilisé sur le Web, notamment pour la compatibilité navigateur, mais ça l’est également avec React Native.

Question 39

Qu’est-ce qu’un packager de code ?

Answer 39

Un packager de code est un outil responsable de gérer les imports et la résolution de modules au sein d’une base de code. De cette manière, le packager construit un seul fichier JavaScript, que l’on pourra distribuer et qui contiendra les dépendances du code natif.

Question 40

Il existe globalement deux manières de procéder à une différenciation des plateformes :

Answer 40

Soit par une structure conditionnelle en évaluant la plateforme au runtime. Cette manière est simple et légère, et reste préférable quand il y a peu de changements.

Soit en préfixant les fichiers, ce qui aura pour effet de choisir le bon fichier à l’assemblage du JavaScript par le packager. Ici, on a une très grande liberté d’algorithmie, par contre cela induit toujours quelques duplications de code. À noter que cette technique s’applique également aux fichiers image et vidéo, ce qui est une très bonne chose !
Il incombe au développeur de bien estimer la quantité de code différent qu’il a dans son projet et de choisir la bonne méthode en fonction de cela. Ceci impactera notamment la maintenance de l’application, mais pourrait également impacter son poids en termes de mega-octets, notamment sur un paquetage conditionnel de fichiers vidéos/photos.

Question 41

Explique le STORE au mieux.

Answer 41

L’état de l’application est accessible à tout composant qui génère la requête, mais la mutation des données n’est possible que par une action du répartiteur. Le store agit comme un point de vérité unique, stockant les données de l’application. Les props dans React fonctionnent de manière similaire, le parent étant le seul prop véridique et l’enfant le seul prop véridique. Une fois l’action de mutation effectuée, le magasin émet un événement indiquant tous les composants à l’écoute de la mise à jour. Plusieurs magasins peuvent être utilisés dans l’application, ce qui permet aux états de gérer les données d’une seule entité, comme les données utilisateur.

Question 42

Définition du store ?

Answer 42

Là où le state représente les données, le concept de store ou datastore représente la structure qui va nous permettre d’interagir avec nos données. Une notion très importante à prendre en compte avec le state global de l’application est celle du point de vérité unique.

Question 43

Définition Dispatcher

Answer 43

Le dispatcher est une entité qui va gérer les appels des composants à des actions de mutation du state global. L’appel à l’action est ensuite transmis au(x) store(s) enregistré(s) dans l’application, afin qu’elle puisse être traitée.

Question 44

Définition Views

Answer 44

Les views représentent les composants de notre application React. Ils écoutent les mutations provenant du store et mettent à jour leur rendu en fonction de ces mises à jour. Ils sont connectés au dispatcher, qui va se charger de transmettre au store les appels aux actions. Jusqu’à présent, nous n’avons géré qu’un seul type de composant, ce que Flux définit comme des presentation views, responsables de l’affichage seulement. Flux définit un second type de composants, les container views, chargés de s’interfacer avec le store.

Question 45

Définition Action

Answer 45

Une action est un objet contenant toute l’information nécessaire pour réaliser une mutation du state, en particulier le state impacté, et éventuellement un payload de données qui vont venir remplacer les données existantes.

Question 46

Dessiner le Schema du pattern Flux

Answer 46

action >Dispatcher>store >view
^— action–^

Question 47

Pourquoi il ne faut pas utiliser que les states global pour gérée les données générale d’une application ? Explique au mieux et donne une meilleurs options.

Answer 47

Le state global permet de gérer les données qui concernent toute une application SPA. Il serait possible de gérer ce state global avec les outils que nous avons à notre disposition actuellement, props et state local. Mais cela pourrait s’avérer fastidieux et d’autres outils sont plus adaptés à la situation, tels que diverses implémentations du pattern Flux mis au point par Facebook. Ce pattern définit une manière de gérer le state local à travers plusieurs entités reliées entre elles par un flux de données uni-directionnel.

Question 48

qu’est-ce que redux pour react native ?

Answer 48

Redux est une implémentation React du pattern Flux qui est extrêmement populaire.
Redux est très inspiré du pattern Flux, mais ne reprend cependant pas toutes ses entités.
Nous retrouvons le store et les actions, mais ces actions sont définies dans un élément spécifique à Redux, les reducers.
Ce sont également ces reducers qui exposent le state.

Question 49

Définition reducers

Answer 49

Un reducer est une fonction pure, qui prend en paramètres le state original, ainsi que l’action, et retourne un nouvel objet de state contenant la mutation effectuée. Il est fortement conseillé (c’est-à-dire nécessaire) avec Redux de faire en sorte que le state soit immutable : chaque action renverra un nouvel objet de state contenant les mises à jour.

Question 50

A quoi sert le Dispatcher flux ?

Answer 50

Le dispatcher Flux est intégré à la librairie sous la forme de la fonction store.dispatch() qui permet d’émettre une action vers le ou les reducer(s). De la sorte, il est possible de définir plusieurs reducers qui seront combinés dans un reducer racine, passé à son tour en paramètre au store. Le state qui découlera de plusieurs reducers combinés est un objet dont les propriétés de premier niveau seront les reducers, chacune de ces propriétés portera ensuite le state du reducer associé.

Question 51

Quels sont les deux grandes manière de ranger ces fichiers ?

Answer 51

• Les projets qui organisent le code par ce qu’il est (approche sémantique): par exemple, les composants dans un dossier components, les modèles de données avec les autres dans un dossier models, etc.
• Les projets qui organisent le code par entités métier: par exemple, nous aurons un module user qui contiendra des composants graphiques pour l’affichage des utilisateurs, le modèle de données des utilisateurs, etc.
  On parle alors de Feature Driven Development (« Développement Guidé par les Fonctionnalités »).

Question 52

Donne les inconvénients d’une organisation sémantique des dossiers .

Answer 52

Bien que de taille modeste, cette approche peut sembler pertinente, mais elle a des limites. Les importations de fichiers deviennent plus longues et les conflits avec Git augmentent. Les modules ne sont pas clairement identifiables, ne sont pas exportables et leur localisation dans un projet prend du temps.

Question 53

Donne les avantages d’ une approche modulaire par fonctionnalité :

Answer 53

Chaque fonctionnalité est isolée dans un module, ce qui permet de l’exporter vers d’autres projets.

Cette architecture permet de gagner du temps dans la recherche de fichiers et de fonctionnalités.

L’ajout d’un fichier README.md spécifiant les dépendances des modules, ou l’utilisation d’un injecteur de dépendances comme le framework Angular est recommandé.

Il est essentiel d’établir une structure et de maintenir la communication entre les membres de l’équipe pour éviter les conflits et maintenir le projet.

Question 54

En plus de prettier sur vs code comme extention il faut un linter mais …Qu’est-ce qu’un LINTER ?

Answer 54

Cet outil applique des règles qui seraient pour la plupart susceptibles de causer un dysfonctionnement dans l’application. il est très important !!

Question 55

Qu’est-ce que npx ?

Answer 55

npx est livré avec npm et permet d’exécuter les outils installés localement. Nous allons laisser de côté la partie npx pour le moment, mais, en recherchant sur le Web, on obtient une documentation très explicite à son sujet.

Question 56

Qu’elle library permet de gerer la navigation dans react native ?

Answer 56

La principale librairie pour cela est react-navigation, qui offre une grande liberté et propose notamment un navigateur en pile (StackNavigator) qui permet, comme son nom l’indique, d’empiler des écrans dans l’affichage

Question 57

Que veux dire DUMB COMPONENT ?

Answer 57

• On parle de Dumb components (« composants bêtes »).Higher Order Component (HOC) Un type de composant également très populaire, notamment avant l’apparition des hooks pour les composants fonction, est le Higher Order Component (HOC).Ils sont généralement assez populaires dans les projets.

Question 58

Explique simplement le concept de routing dans react native

Answer 58

À la différence des applications web, les applications mobiles ne se basent pas sur une URL pour présenter une page.
Par conséquent, la notion de route y est différente.
Dans une application React Native utilisant react-navigation, le routing se décompose entre plusieurs composants que l’on peut répartir en plusieurs catégories: le conteneur principal, les navigateurs, les écrans et les composants métier.

Question 59

Définition Navigator ?

Answer 59

Un navigateur est un composant React qui possède une certaine logique permettant de décrire le fonctionnement de sa navigation.

Ces composants reçoivent des props qui leur permettent de définir la structure des écrans à afficher, ainsi qu’un ensemble de paramètres de configuration.

Question 60

Définition d’un écran dans React Navigation?

Answer 60

Un écran est un composant React Native qui reçoit des accessoires de navigation, ce qui lui permet d’effectuer des actions liées à la navigation, comme changer le titre ou l’état de l’écran, et d’afficher des composants graphiques pour la représentation des données.

Question 61

Que veux dire FILO ?

Answer 61

On parle de pile FILO (First in, Last Out, c’est-à-dire premier entré, dernier sorti). Les StackNavigators sont la colonne vertébrale d’une application React Native, nous les utiliserons très souvent afin d’afficher des modales ou de naviguer à travers les étapes d’un processus de paiement, par exemple.

Question 62

Explique comment marche en générale la navigation dans react native ?

Answer 62

React Native ne peut pas utiliser la navigation par URL comme une application web. Des bibliothèques sont disponibles pour combler ce comportement et gérer les animations de navigation. La bibliothèque principale est react-navigation, qui propose un navigateur de pile (StackNavigator) pour émuler les écrans dans l’affichage.

Question 63

Explique le navigateur par onglets Tabnavigator.

Answer 63

Le navigateur par onglets TabNavigator permet de mettre au point une autre expérience utilisateur très pratique pour une utilisation tactile.
Il se décline par défaut en deux versions: une bottom qui permet d’afficher la barre de navigation sous les écrans comme vu dans nos exemples, ou une version top pour les applications qui préfèrent le menu au-dessus des écrans.

Question 64

Explique Le terme navigateur en panneau Pourquoi en faut -il qu’un seule par app ?

Answer 64

un panneau ou autrement “bouton burger” sortant d’un côté de l’écran pour venir se superposer à l’interface.

Il n’en faut qu’un seul dans toute une application, sous peine de créer des conflits de navigation, et s’assemble parfaitement avec n’importe quel autre type de navigateur.

Question 65

Comment optimiser une navigation avancé dans son app react native ?

Answer 65

Les navigateurs combinant les 3 navigateur de react-navigation permettent une navigation avancée, la gestion de systèmes modaux et le contrôle de la superposition d’éléments.

La navigation conditionnelle à l’aide de structures simples permet de créer des scénarios complexes, tels que l’embarquement des utilisateurs ou le masquage des éléments d’interface pour les utilisateurs non payants.

Question 66

Cite les 3 types de navigateur dans react-navigation ?

Answer 66

Le TabNavigator permet de masquer ou d’afficher des écrans.

Le DrawerNavigator, lui, permet d’utiliser un panneau qui sort d’un côté de l’application au swipe ou au déclenchement d’un bouton.

le StackNavigator, on peut définir un routeur qui servira à gérer des modales qui passeront par-dessus un potentiel TabNavigator.

Tous les navigateurs sont adaptables en cours d’exécution et peuvent être modifiés par l’utilisateur, ce qui permet des navigations dynamiques basées sur des données asynchrones ou la gestion de différents états de l’utilisateur.

Question 67

Quel type d’animation peut -on créer avec React native ?

Answer 67

Animated API simplifie et optimise les modèles d’animation et d’interaction en utilisant une approche impérative et une grande variété de modèles d’animation. Elle se concentre sur les relations déclaratives entre les entrées et les sorties de données, avec des transformations configurables et des méthodes de démarrage et d’arrêt de l’animation contrôlées par le temps.

Question 68

Qu’elles sont les deux choses a retenir pour Animé un élément dans react native ?

Answer 68

LayoutAnimation et Animated

Question 69

Emulateur d’Android

Answer 69

programmes dont la fonction est de simuler le fonctionnement d’un téléphone.

Utiliser un émulateur permet de profiter de la puissance de calcul d’un ordinateur, qui dispose généralement d’un meilleur processeur et de plus de mémoire RAM. On peut également développer complètement hors-ligne, étant donné que tous les logiciels tournent sur l’ordinateur.

Question 70

Comment remédier au problèmes e perte de données sur un mobile ?

Answer 70

Les applications mobiles peuvent nécessiter le stockage de données persistantes entre les cycles, car elles oscillent entre les cycles d’arrière-plan, d’avant-plan et de désactivation. La perte de contenu peut être un problème lorsque l’application est arrêtée. Pour y remédier, des bases de données locales telles que SQLite peuvent être utilisées pour stocker des données sur le téléphone et les réutiliser ultérieurement. Une syntaxe SQL performante est également utilisée pour interagir avec ces données.

Question 71

Définition SQLITE

Answer 71

SQLite est une version embarquée d’un système de gestion de bases de données relationnelles, qui permet à une application d’interagir avec une faible latence avec un moteur de stockage.

Question 72

Pourquoi utiliser SQLITE ?

Answer 72

Elle permet la persistance des données entre les cycles de l’application.

utile pour les applications hors-ligne et les données mises en cache pour économiser de la bande passante.

Les données sont définies dans des tables et identifiées à l’aide de clés primaires et étrangères.

Des transactions sont utilisées pour assurer l’intégrité de la base de données.

Question 73

le respect de bonnes pratiques peut permettre d’éviter certains bugs, mais aussi d’en comprendre plus rapidement l’origine, et facilite la mise en place d’une solution corrective. Cite -les ;

Answer 73

D’écrire des spécifications claires : le comportement d’une fonctionnalité peut être considéré différemment d’une personne à l’autre selon les informations en leur possession sur la fonctionnalité attendue.

De respecter les principes de base pour coder proprement : cela passe par le nommage de variables claires et compréhensibles, l’écriture de fonctions n’ayant qu’une seule responsabilité, puis par des notions d’organisation de code, comme nous l’avons vu dans un autre chapitre.

Question 74

que peut on utiliser comme technique pour afficher les erreurs de code directement ?

Answer 74

Lorsque l’application présente des défaillances, on peut traquer les comportements défectueux en utilisant des outils comme console.log() afin d’afficher des messages : console.warn() pour afficher un avertissement ou console.error() pour afficher une erreur.

Question 75

Que veut dire breakpoints pendant un debugging?

Answer 75

Utiliser des breakpoints
Une nouvelle approche du debugging est l’utilisation de points d’arrêt (breakpoints) dans le debugger. Un point d’arrêt indique au debugger qu’il doit interrompre l’exécution du code sur une ligne spécifique.

Question 76

Le mode pas à pas en debugging ?

Answer 76

il est possible, grâce au bouton Play, de reprendre l’exécution normale de l’application, tandis que les suivants permettent une gestion fine du suivi de l’exécution.

Il est donc possible de suivre l’avancement de l’exécution des instructions ligne par ligne, de décider si l’on souhaite entrer dans une fonction ou en sortir directement pour retourner à l’instruction appelante.

Question 77

Qu’elle sont les panneau interessant pour le debugging en plus du mode pas à pas?

Answer 77

La pile d’appels et le scope

Question 78

En résumer explique Debugging ?

Answer 78

Le debugger est un outil très pratique pour suivre le déroulement de ses algorithmes dans l’application. Le code ne s’exécute plus sur le terminal, mais directement dans la machine virtuelle JavaScript qui est embarquée dans le navigateur web.

Le debugger permet notamment de naviguer pas à pas et de récupérer la valeur des variables à l’endroit où l’on définit des points d’arrêt (breakpoints).

Question 79

Explique le principes d’environnement dans REACT NATIVE?

Answer 79

• Lors de la création d’une application mobile, il est essentiel de tenir compte de l’environnement.
• Pendant le développement, certains outils sont activés et le code peut être débogué.
• Lors de la compilation pour la production, l’optimisation de tous les aspects est essentielle pour donner la priorité aux performances.
• React Native dispose de deux environnements: un environnement de développement avec des outils actifs et un environnement de release pour les déploiements en production.
• Chaque environnement dispose d’une configuration pour préparer une compilation adaptée à l’environnement.
• Gradle gère les séquences de scripts et les configurations pour Android, tandis que XCode est l’environnement de développement d’Apple.
• Les deux technologies abordent la même question de la certification de l’origine du paquet d’applications.

Question 80

Qu’est-ce qu’un profil de provision pour iOS ?

Answer 80

Un profil de provisionnement se compose de trois éléments : un certificat de signature généré via l’interface d’Apple, un identifiant d’application unique, des capacités définies et une liste d’identifications de terminaux pour la distribution en dehors des magasins Apple. Ce profil est généré automatiquement par Xcode, et les valeurs sont stockées dans le fichier App.json, et non dans le CLI.

Question 81

Le keystore d’Android?

Answer 81

Sur Android, le keystore est un fichier semblable pour certifier la provenance d’une application. En l’utilisant lors de la construction, nous signons notre application et confirmons sa paternité. Ceci est décrit dans la documentation de React Native pour les applications autonomes. Pour éviter que Google Play ne rejette l’application, nous devons signer les nouvelles versions avec le même keystore.

Question 82

Comment rendre notre app disponible ?

Answer 82

Pour rendre notre application disponible, nous devons créer une image pour identifier l’application sur le téléphone et un titre. Nous devons connaître le nom, l’icône et la version de l’application dans le fichier App.json. Ensuite, nous devons configurer iOS et Android avec des noms de paquets et des identifiants de paquets, et noter les notions équivalentes de buildNumber et de versionCode. Nous devons les ajouter pour chaque version sur l’AppStore ou Google Play.
La liste exhaustive des configurations est disponible ici : https://docs.expo.io/versions/latest/config/app/.

Question 83

En résumer Explique le déploiement d’une application sur les stores

Answer 83

Il existe au minimum deux environnements : celui de développement et celui de production.

C’est une tâche un peu complexe sur une application native classique, mais, grâce à Expo, tout cela est très simple.

Afin de déployer notre application, il faut également préparer un certains nombre d’éléments : une icône, un écran d’accueil et un lot de détails au sujet de l’application, qui seront demandés par les magasins d’applications afin de créer la fiche technique de l’application.

Question 84

Que fait EXPO a notre place pour builder une app?

Answer 84

Sur Android, Gradle (le gestionnaire de tâches d’Android) va builder notre application en optimisant le code et, sur une application React Native classique, en copiant le bundle JavaScript du packager dans ses assets. Il signe également ce paquet applicatif avec notre keystore pour certifier la provenance de l’archive.

Sur iOS, XCode fait exactement la même chose en compilant le code Objective-C et en ajoutant le profil de provision à l’application afin de la signer.

Question 85

Que se passe t-il lorsqu’on fait une mise à jour dans Expo ?

Answer 85

Expo, à chaque mise à jour, va générer une nouvelle version du bundle JavaScript et l’envoyer sur ce qu’il appelle un canal (channel en anglais) de distribution. Cette notion de canaux est très importante, car elle permet de gérer les environnements et les versions intermédiaires à tester avant d’envoyer du code en production.

Question 86

Les assets EXPO?

Answer 86

Expo charger les assets sur un CDN (Amazon CloudFront) pour être récupérés lorsque les utilisateurs lanceron l’application. Il remplace automatiquement la référence pour pointer à l’URL sur le CDN. Cependant, les assets doivent être explicitement importés dans le code de l’application pour être chargés sur le CDN.
Tout asset qui ne se trouverait pas dans le ou les chemins autorisés serait alors omis. Une bonne pratique est d’utiliser la commande npx expo-optimize afin d’optimiser tous les fichiers de notre projet avec sharp, un programme de traitement d’images, comme décrit ici : https://docs.expo.io/guides/assets/#optimization.

Question 87

Expo et le procédé de build explique ?

Answer 87

Les builds natifs peuvent être un peu complexes à prendre en main, mais, pour cette initiation, nous utilisons Expo. En utilisant les canaux de déploiement, on peut facilement mettre à jour une application à distance en esquivant le procédé de validation des magasins d’applications.

Enfin, le procédé de build est très simplifié et pris en très grande partie en main par la CLI, qui va nous guider dans la procédure de déploiement.

Question 88

Creer une app sans expo ? comment on creer un projet alors ?

Answer 88

Créer un nouveau projet
La première chose à faire est donc d’utiliser la CLI : notons bien le mot « utiliser » et non pas « installer ». En effet, auparavant, il était recommandé de l’installer, mais pour plus de flexibilité, il est désormais recommandé d’utiliser toujours la dernière version en utilisant npx.

Question 89

comment lancer une app sans expo ?

Answer 89

Une fois le projet initialisé, lancer les commandes npx react-native run-ios ou npx react-native run-android selon que l’on utilise iOS, Android, ou un téléphone branché. Xcode ou Gradle construira automatiquement l’application en mode développement et l’installera sur le terminal ou l’émulateur. Chaque projet possède sa propre application à partir du développement, les développeurs doivent donc arriver à l’écran et suivre une procédure d’installation spécifique.

Question 90

Le concept d’auto-linking c’est quoi?

Answer 90

React Native propose un mécanisme pratique d’auto-liaison pour l’installation de nouvelles bibliothèques, permettant l’installation automatique de dépendances natives externes. La plupart des bibliothèques se conforment à cette technique, ce qui rend l’installation transparente. Pour installer un module natif, il faut suivre une procédure spécifique et détaillée dans la documentation de la bibliothèque. L’écosystème est ouvert et chaque bibliothèque a ses propres pratiques.

Question 91

Doit-on signer nous même les paquets applicatifs ?

Answer 91

Signature de paquets applicatifs
Il nous incombe également de signer nous-mêmes les paquets applicatifs .ipa et .apk pour iOS et Android respectivement, avant l’envoi sur les stores.

Ce n’est pas une manipulation nécessaire en mode développement et nous ne nous y attarderons pas dans ce cours.