JavaScript?? ??? ??? ?? ? ??? ?? ? ? ????. let ?? var ???? ?? ? ??? ? ?? ? ? ??? const ? ?? ? ??? ? ? ????.

?? ??, "Kingsley"? firstName ??? ??? ?????.

 FirstName = "Kingsley"???;

? ?? ? ? ????.

 FirstName = "John";

let ???? ?????. const ???? ?? :

 const lastname = "silas";

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

 lastname = "doe";
// TypeError : ?? ??? ?? ??.

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

React? ?? ??? ???? ??? ??? ??? ?? (??)? ???? ??? ??? ????. ??? ??? ??? ??? ??? ??? ??? ?? ? ??? ???? ??? ?????.

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

?? : ??? ??????

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

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

?? ??, ??? ?? :

 user = {?? : "James Doe", ?? : "???"};

??? newUser ?? ??? :

 NewUser = User;

? ?? ???? ??? ???? user ??? ?? ???? newUser ??? ????.

 user.location = "Abia";
Console.log (newuser.location); // "???"

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

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

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

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

1. ?? ?? ???? ?? ??? ?? ????. ??? ???? ?? ? ?? ?? ???? ????.
2. ??? ? ??? ??? ?? ??? ????.

Object.assign() ???? ???? ??? ???? ?? ??? ?? ? ????. ? ??? ???? ? ?? ? ? ?? ?? ??? ? ?? ?? ??? ??? ? ??? ?? ? ?? ? ??? ?????.

 const updatelocation = (data, newlocation) => {
  return object.assign ({}, data, {location : newlocation});
};

updateLocation() ? ??? ?????. ? ?? ??? ??? ???? location ??? ? ?? ?? ? ??? ??? ?????.

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

 const updatelocation = (data, newlocation) => {
  ?? {... ???, ?? : newlocation};
};

???? ??? React? ?? ??? ?????

???? ??

???? React ?? ?????? ??? ?????. (Redux? ?? ??? ?? ???? ???? ??? ?????.) React? ?? ????? ?? ??? ?? ??? ????? ?? ?? ??? ???? ??? ???? ??? ?????.

?? ??, RECT? ?? ??? ??? ?????? ?? ? ? ??? ?? DOM? ?????? ?? ? ? ????.

??? ???? ?? ??? ?? ??? ?? ? ? ????. ?? ?? React? ??? ?? ??? ??? ??? ???? ?? ??? ?? ?? ??? ?? ??? ? ? ????.

??? ??? ????? React? ??? ?? ?????? ?? ???? ?? ?????.

 this.state.username = "Jamesdoe";

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

Emutable.js

Redux? ??? ??? ????. ???? ??? ???????? ?? ??? ???? ?????? ?? ??? ??? ?? ? ??? ???????. ??? ????? ??? ?? ?? ???? ????? Empable.js?? ?????? ???? ??? ??? ?? ? ? ????.

??? JavaScript? ??? ?? ? ? ????? ? ??? ??? ????? ? ????. Empilable.js? ???? ??? ??? ?? ??? API? ????? ??? ?????? . ? ??? ???? ?? ?? ?? ??? ?? ??? ??? ?? ???? REACT ? REDUX? ???? ?? ???????? ???? ??? ???? ??? ?? ??? ????.

?? ??? ??? ?? ?? TODO ?? ??? ???? ???????.

 const {list, map} = ??;
const {provider, connect} = ReactRedux;
const {createstore} = redux;

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

 NPM ?? Redux React-Redux Emutable

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

 "??"?? {list, map} ?? ??;
"React-Redux"?? ?? ?? {provider, connect};
"redux"?? {createstore} ?? ??;

?? ?? ?? ??? TODO ?? ??? ??? ? ????.

 // ... todo ?? ?? ?? ...

handleSubmit() ???? ???? ??? ? ? ??? ????. ? ?? ???? ??? ? ? ?? ? ????? ? ?? ?? ? ?????.

 // ... ?? ?? ...

??? ?? ?????? ? ? ??? ID? ???? ???? ????. ?? ?? ??? ??? ???? ??? ?? ??? ??? ???? ??? ? ????.

 // ... ??? ?? ...

connect ???? ???? ?? ??? ???? ????? ??? ? ????. ?? ?? mapStateToProps() ? mapDispatchToProps() ??? ???? ???????.

 // ... ?? ?? ...

mapStateToProps() ???? ?? ??? ?? ??? ???? ?????. ?? ?? mapDispatchToProps() ???? ?? ???? ?? ??? ???? ??? ? ??????.

Reducer Function??? Empable.js? List ???? ?? ????? ?? ??? ????.

 // ... ??? ?? ...

List ? JavaScript ??? ????? state ?? .push() ???? ??? ? ????. ??? ?????? ? ???? ?? ????, Map ??? ?? ? ? ??? ?????. ?? ??? ?? ??? ???? ??? Object.assign() ?? Extension ???? ??? ??? ????. ??? ?? ?? ?? ?? ? ? ?? ? ???? ????. ??? ?? ??? ?? ???? ??? ??? ????.

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

??? ?? ??? ? ?? ????? ???? ?? ??? ???? ???????. ??? ?? ???? ???? ?? ???. ??? ?? ???? ??? (?? ??)? ???? ??? ??? ?????. ?? ?? ??? ?? ??? ???? ?? ???? ?? ?? ????? ?? ??? ?? ??? ????? ??? ? ????.

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

?? ??

• React ? Redux? ??
• Emutable.js 101 -?? ? ??
• Redux? ?? Empable.js ??

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

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