??? ????? ?? ??? ???? ?? ? ? ??? ???? ???? ???? ??? ??? React?? ?????. ?? ?? ??? ?? ?? ?? ??? ?? ??? ?? ??? ?? ? ? ????. ?? ???? ??? ??? ?? ???? ???? ?? ?? ??? ?????? ?? ?? ??? ?? ?? ? ??? ??? ????. ?? ??? ?? ????? ??? ???? ?? ?? ???? ???? ?? ??? ???? ? ?? ?? ? ???????. ???? ???? ???? ?? ?? ????, ??? ?? ??, ???? ?? ?? ?? ??? ?????. Immer? ?? ?? ?????? ????? ????? "?????"?? ??? ????? ? ??? ????? ???? ???? ???? ? ????. ?? ??? ? ??? ??, ? ?? ?? ??? ??, ?? ? ???? ?? ??? ?????? Reducer? ???? ??? ??? ?? ?? ??? ?????. ???? ???? ?? ?? ??? ?? ??, ???? ??? ??? ?? ?? ?????. ??? ??? ????? ?? ??? ? ???? ??? ? ? ????.

React??? ??? ????? ???? ?? ?? ??? ???? ?? ?? ?????. ??? ?????? ??? ??? ?? ??? ????. ??? ???, ?? ??? ?? ???? ?? ?? ??? ?? ? ? ??? ???? .

??? ????? ??? ??? ??????

React? ???? ????? ?? ?? ??? ?????. ??? ?? ???? ?? (? : push ?? ?? ??? ??) RECT? ?? ??? ???? ???? ??? ?? ??? ?? ????? ??? ??? ?? ??? ??? ? ????.

???? ?? :

 this.state.items.push (newitem);

??? ???? ?? ? ????. ?? ???? ??? ??? ? ?? ?? ??? ??? ????.

 this.setstate (prevstate => ({{
  ?? : [... prevstate.item, newitem]
});

?? ? ?? ?? ??? ?????? ??? ??????

?? ??? ? ???? ???? ???? ?? ? ??????. ?? ???? ????? ???? ??? ????? ?? ? ???????.

?? ??, ? ??? ??? ?? ???? ?????.

 ?? = {
  ??? : {
    ?? : 'Alice',
    ??? : {
      ?? : 'Dark',
      ?? : true
    }
  }
}

theme ??????? preferences ?? ??? ? ????. ?? ?? ?? user ??? ?? ? ?? preferences ?? ? ?? ????? theme ???????.

 this.setstate (prevstate => ({{
  ??? : {
    ... prevstate.user,
    ??? : {
      ... prevstate.user.preferences,
      ?? : '?'
    }
  }
});

? ???? ?? ?? ??? ???? ?? ?????.

???? ???? ? ?? ??

• ???? ??? ???????.

   items.map ((??, ??) => 
    index === idx? {... ??, ?? : true} : ??
  ))

• ???? ?? ?? :

   items.filter ((_, i) => i! == idx)

• ??? ?? ?? ??? ??? ??????.
  ?? ???? ???? slice ?? ?? ??? ? ?? ??

Immer ?? ?? ?? ?????? ???? ????? ??? ? ? ?????

??? ????? ???? ?????? ?? ?? ??? ???? Immer ? ?? ?????? ???? ?? ????. ?? ??? "???"??? ? ??? ?? ???? ???? ??? ??? ??? ???? ? ??????.

?:

 'Immer'?? ???? ?? ??;

const nextstate = produce (state, draftstate => {
  draftState.user.preferences.theme = 'light';
});

??? ??? ?? ???? ??? ???? ???? ??? ??? ?????. ??? ?? ?? ? ???? ???? ? ?? ?????.

??? ?? ?????? ???? ????? ???? ?? ?? ? ???? . ???? ?? ?? ????? ?? ?? ?? ???? ?? ??? ???? ?????.

??? ??????? ?? ???? ??

• ??? ? ?? ???? ?? ?? ???? . ??? ??? ??? ??? ?? ?? ? ? ????.
• slice() , filter() , map() ?? ???? ?? ??? ???? ??? ???? ????.
• ??? ?? ??? {...obj, key: newValue} ???? ??? ??? ??? ???? ? ? ????.
• ?? ??? ?? ???? ?? REDICER ??? ???? ??? ???? ???? ?? ??? ? ????.

????? ?? ??. ??? ????? ??? ??? ???? ?? ????? ?? ?? ??? ????? ?? ? ? ?? ??? ???? ????. ? ? ? ???? ?? ?? ?? ?? ?? ????.

? ??? React?? ??? ????? ???? ?? ?? ??? ???? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!