Cómo hacer una ToDo List App con React Native, Expo y Back4App

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

onLogin = async() =>{
  let  
     username =(this.state.username).trim(),
     password =(this.state.password).trim();

  if (username === "" | password === "" ) {
    this.setState(() => ({ nameError: `Rellenarlos campos correctamente.` }));
   } else {
    try {
       await Parse.User.logIn(nombredeusuario.toString(), contraseña.toString());
      // this.submitAndClear();
      this.props.navigation.navigate('HomeStack');       
     } catch (error) { 
      this.setState(() => ({ nameError: error.message }));
      return (error)
     }
   }
 }

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

onSignUp = async() => {

  let  
     username = this.state.username,
     email = this.state.email,
     password = this.state.password;

  if (username.trim() === "" | username === undefined | email.trim() === "" | email === undefined | password.trim() === "" | password === undefined ) {
    this.setState(() => ({ nameError: `Rellenarlos campos correctamente.`}));  
   } else {
    try {
       Parse.User.logOut();
      let user = nuevo Parse.User();
       user.set("nombredeusuario", nombredeusuario);
       user.set("email", email);
       user.set("contraseña", contraseña);
      const result = await user.signUp();
      
       AsyncStorage.setItem('sessionToken', result.getSessionToken());
       AsyncStorage.setItem('username', result.getUsername());

      this.submitAndClear();

      this.navigateToPage('HomeStack');           
     } catch (error) {
       console.log(error)
        this.setState(() => ({ nameError: error.message }));
     }
   }
 }

1
2
3
4
5
6
7
8
9

resetPassword = () => {
   Parse.User.requestPasswordReset(this.state.email)
   .then(() => {
    this._alert('Success', 'An email was sent to your address.', 'Log In', 'LogInStack');
    this.submitAndClear();
   }).catch((error) => {
    this._alert('Error', error.message, 'Log In', 'LogInStack');
   });
 }

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

createItem = () => {
  let item = this.state.item;

  if (item === "" || item === undefined){
    this.setState(() => ({ nameError: `Rellenarlos campos correctamente.` }));
   } else {
    const Todo = Parse.Object.extend("Todo");
    const todo = new Todo();

     todo.set("tarea", this.state.item);
     todo.set("userId", );
    
     todo.save().then(object => {
      this.readAllItems();
      this.setState({item:''})
     }).catch(error=> {alert(error)})
   }
 }

1
2
3
4
5
6
7
8

readAllItems = async() => {
  const idUsuario = await Parse.Usuario.actualAsync();
  const query = new Parse.Query("Todo");
   query.exists("tarea");
   query.equalTo('userId', idUser);
  const resultQuery = await query.find();
  this.setState({results:resultQuery});
 }

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

updateItem = () => {
 const query = new Parse.Query("Todo");
   query.get(this.state.idObject).then(object => {
     object.set("tarea", this.state.updateValueDialog);
     object.save().then(objUpdate => {
      this.setState({updateValueDialog:'', dialogVisible: false})
      this.readAllItems();
     });
   });
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

deleteIten = async() => {
  const query = new Parse.Query("Todo");
  const object = await query.get(this.state.idObject);
  try{
     object.destroy();
    this.getAllData();
   } catch (e){
     alert(e)
   }
 }