Flexbox Ducky

🦆 Pratique!

Initialiser le projet

Créer un repo sur Bitbucket et commit après chaque étape

• Repo SANS Readme et Gitignore

npx create-expo-app ui

COMMIT

• Lier à Bitbucket git remote add origin URL
  • Publier les changements

Structurer les fichiers

new file:   index.js
modified:   package.json
renamed:    App.js -> src/App.js

index.js

import { registerRootComponent } from 'expo';
import App from './src/App';

function Index() {
    return <App />
}

registerRootComponent(Index)

package.json

{
  ...
  "main": "index.js",
  ...
}

COMMIT

Stopwatch

Créer le fichier src/Stopwatch.js pour encapsuler le component Stopwatch.

Boîtes

COMMIT

Timer

Créer le fichier src/Timer.js pour encapsuler le component Timer.

Boîtes

COMMIT

Screen

Pour éviter de répéter les caractéristiques communes sur chaque page(couleur, espacement, etc.) on peut créer un component pour encapsuler chaque page et l'utiliser à la racine de celle-ci.

Créer le fichier src/Screen.js pour encapsuler le component Screen.

COMMIT