Listeners

//Adding values
firebase.database().ref("todos")
  .on("child_added",   (snapshot) => {})

//Removing values
firebase.database().ref("todos")
  .on("child_removed", (snapshot) => {})

//Changing values
firebase.database().ref("todos")
  .on("child_changed", (snapshot) => {})

Firebase skickar bara ut värdena, vi måste själv hantera hur det lagras

firebase.database().ref("todos")
  .on("child_added", (snapshot) => {
    //Clone the state
    const newTodoList = [...this.state.todos];
    //Push new values
    newTodoList.push(snapshot.val());
    //Replace state
    this.setState({ todos: newTodoList });
});

firebase.database().ref("todos")
  .on("child_removed", (snapshot) => {
    //Clone the state
    const clonedList = [...this.state.todos];
    //Filter the cloned state, return new array
    const newTodoList = clonedList.filter((item) => {
      //Return every object except the removed
      return item.key !== snapshot.key;
    });
    //Replace state
    this.setState({ todos: newTodoList });
});

Synka databasen med state
Gör en klon av state
Använd .catch() när du kan
Se upp för null-värden

`firebase.auth()`

firebase autentifikation bygger på OAuth2

En populär lösning för frontend som lägger till ett extra steg i autentiseringen

Jobbigt att implementera själv

I'm learning about security

sup

OAuth är en öppen standard för autentisering, som används över internet för att autentisera användare till tredje part, utan att användaren skickar något lösenord.

Google fungerar som en notarie som säger att jag är jag utan att känslig information om mig läcker

Allting vi gjorde i PHP händer fortfarande

+ massa annat

Allt detta i: firebase.auth()

one function to bind them

firebase
  .auth()
  .createUserWithEmailAndPassword(email, password)

Sparar INTE värdet i realtidsdatabasen

one function to bind them

firebase
  .auth()
  .createUserWithEmailAndPassword(email, password)
  .catch(error => console.log(error))

Errorhantering ett måste här!

one function to find them

firebase
  .auth()
  .signInWithEmailAndPassword(email, password)

Sparar session och i localstorage

Behöver inte ha flera callbacks, login sköter vi i en annan funktion

one function to find them

firebase
  .auth()
  .signInWithEmailAndPassword(email, password)
  .catch(error => console.log(error));

one function to rule them all

firebase.auth().onAuthStateChanged(user => {
  if (user) {
    //Logged in,
  } else {
    //Denied, user === null
  }
});

Detta var default innan, bara om auth finns

{
  "rules": {
    ".read": "auth != null",
    ".write": "auth != null"
  }
}

Nästa vecka:

Hur vi strukturerar databasen

Säkerhetsregler

Deploy to production

+ Jobba på projektet

Resten av dagen:

Implementera login på egen hand

Informera mig i person eller via Slack vad du har tänkt bygga för sida

Jag ger gärna feedback på upplägget