antondevv

export const changeUsersName = (name) => {
  return {
    type: "CHANGEUSERNAME",
    payload: name,
  };
};

antondevv

const inititalState = { name: "User 1", age: 23 };
const addUserReducer = (state = inititalState, action) => {
  switch (action.type) {
    case "CHANGEUSERNAME": {
      return { ...state, name: action.payload };
    }
    case "CHANGEAGE": {
      return { ...state, age: action.payload };
    }
  }

antondevv

const inititalState = { name: "User 1", age: 23 };
const userReducer = (state = inititalState, action) => {
  switch (action.type) {
    case "CHANGEUSERNAME": {
      return { ...state, name: action.payload };
    }
  }
  return state;
};
export default userReducer;

antondevv

import hello from './hello.js'

console.log(hello())

antondevv

export default () => {
  return "Hello World!"
}

antondevv

const h1 = document.getQuerySelector('h1).innerHTML = "New text for the H1 element"

antondevv

   const myPromises = urls.map((url) => fetch(url).then((res) => res.json()));
   Promise.all(myPromises).then((data) => {
     // When all requests have finished
   });

antondevv

setTimeout(() => {
  console.log("Using callback queue")
  
}, 0)

new Promise(resolve => resolve(console.log("Using micro queue")))

antondevv

     const user = new XMLHttpRequest();
     user.open("GET", "/user");
     user.send();
     user.onload = () => {
       
       const getPosts = new XMLHttpRequest();
       getPosts.open("GET", `/posts${user.response.id}`);
       getPosts.send();
       getPosts.onload = () => {
       

antondevv

function reqListener () {
       alert(this.responseText)
     }
     
     var oReq = new XMLHttpRequest();
     oReq.addEventListener("load", reqListener);
     oReq.open("GET", "https://jsonplaceholder.typicode.com/todos/1");
     oReq.send();