---
# System prepended metadata

title: React
tags: [Andy Grace Giegie]

---

---
tags: Andy Grace Giegie
---

# React

## fundamentals of react

### Object Destructuring & Spread Operators
```javascript
const student = {
  ID: '21',
  name: 'Jhon',
  GPA: '3.0',
};

const {ID, name, GPA} = student;

const student = {
  ID: '21',
  name: 'Jhon',
  GPA: '3.0',
};

const {name:n} = student;
console.log(n);

const users = this.state.users;
const counter = this.state.counter;

// destructuring
const { users, counter } = this.state;
```

### Spread Operator
### Arrow Function
