Accueil>Tests>Développeur Mobile>React Native (Legacy)

Test React Native (Legacy)

QCM React Native avec réponses pour évaluer vos connaissances et préparer vos entretiens d'embauche. Évaluation de votre niveau technique en 20 minutes.

Validez et mettez en avant vos compétences

Résultats privés sauf si vous les partagez

Comparez vos résultats à la moyenne des devs

Vous êtes recruteur?Testez vos candidats sur le thème React Native

Détails du test

Intermédiaire

avril 2024

26 minutes

4/5(15)

React Native est un framework d'applications mobiles open source créé par Facebook2. Il est utilisé pour développer des applications pour Android 3, iOS et UWP 4 en permettant aux développeurs d’utiliser React avec les fonctionnalités native de ces plateformes.
Ce test valide vos compétences sur :

Les bases des composants
Le JSX
Le debugger
L'utilisation des capteurs du téléphone
Les liens
Le lifecycle des composants

Ce test est constitué de 20 questions tirées aléatoirement dans une base de 19 questions en React Native.Découvrez toutes nos questions d’entretiens avec réponses ici

⚠️ Les résultats de classement depuis toujours risquent de ne pas être pertinents car le test n'a pas encore été passé suffisament de fois.

Nabil

2561 points

Amine

2529 points

Théo

2452 points

Auteur du test : Victor Sabatier

Contributeurs7

Exemple de question

En React Native, comment décrirez vous cette animation ?

import React from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Animated,
  Image,
  Easing
} from 'react-native'

class AnimationExample extends React.Component {
	constructor () {
	  super()
	  this.animValue = new Animated.Value(0)
	}
	componentDidMount () {
  		this.animate()
	}
	animate () {
	  this.animValue.setValue(0)
	  Animated.timing(
	    this.animValue,
	    {
	      toValue: 1,
	      duration: 4000,
	      easing: Easing.linear
	    }
	  ).start(() => this.animate())
	}
	render () {
	  const anim = this.animValue.interpolate({
	    inputRange: [0, 1],
	    outputRange: ['0deg', '360deg']
	  })
	  return (
	    <View style={styles.container}>
	      <Animated.Image
	        style={{
	          width: 227,
	          height: 200,
	          transform: [{rotate: anim}] }}
	          source={{uri: 'https://s3.amazonaws.com/media-p.slid.es/uploads/alexanderfarennikov/images/1198519/reactjs.png'}}
	      />
	    </View>
	  )
	}
}