Local First avec React Native et Expo - 6. TP : ajouter la fonction addTaskList

Mise en ligne : samedi 12 octobre 2024

TP : la fonction addTaskList

1. Enoncé du problème

Récupérer le projet sur le repo Github, si ce n'est pas déjà fait

La branche à partir de laquelle vous pouvez faire le TP est tp1-addTaskList, car c'est le dernier Tp que nous avons réalisé et donc la branche actuelle du projet.

Nous devons créer une fonction qui nous permettra d'ajouter une TaskList.

• La fonction ne doit pas être créée dans la Home Page (séparation des responsabilités)
• La fonction sera appelé dans la page (il y a une fonction déjà créée prévue à cette effet).

src/app/index.tsx
const handleAdd = async (text: string) => {};

Essayez de réaliser ce TP, sans regarder la correction 😉.

2. Correction du TP

La fonction addTaskList

src/database/functions/task-lists.ts
import { database } from '@database/database';
import TaskList from '@database/model/TaskList';

export const addTaskList = async (name: string) => {
	await database.write(async () => {
		const newTaskList = await database
			.get<TaskList>('task_lists')
			.create((taskList) => {
				taskList.name = name;
			});
		console.log('Task list added', newTaskList._raw);
	});
};

L'appel de la fonction addTaskList

src/app/index.tsx
const handleAdd = async (text: string) => {
	await addTaskList(text);
};
``