Select today's exercise

Dumble

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.

For Age: 20-25

Time required: 20s

Barbell Set

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.

For Age: 20-25

Time required: 27s

Barbell Set

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.

For Age: 20-25

Time required: 11s

Ellipticals

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.

For Age: 20-25

Time required: 35s

Dumble

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.

For Age: 20-25

Time required: 36s

Treadmill

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.

For Age: 20-25

Time required: 40s

Ellipticals

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.

For Age: 20-25

Time required: 18s

Barbell Set

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.

For Age: 20-25

Time required: 28s

Treadmill

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.

For Age: 20-25

Time required: 27s

Shariful Islam

Dortmund, Germany

75kg

Weight

6.5

Height

25yrs

Weight

Add A Break

Exercise Details

Exercise Time

0 seconds

Break time

seconds

React goes through its virtual DOM ,creates a list of those changes that need to be made to the actual DOM and then does it all in one single process. In fancy words, React does batch updates. So putting all pieces together, Reconciliation = Render + Diffing occurs in between + Commit.

Props are read-only components. It is an object which stores the value of attributes of a tag and work similar to the HTML attributes. It allows passing data from one component to other components. It is similar to function arguments and can be passed to the component the same way as arguments passed in a function. Props are immutable so we cannot modify the props from inside the component. The state is an updatable structure that is used to contain data or information about the component and can change over time. The change in state can happen as a response to user action or system event. It is the heart of the react component which determines the behavior of the component and how it will render. A state must be kept as simple as possible. It represents the component's local state or information. It can only be accessed or modified inside the component or by the component directly.

The useEffect Hook allows you to perform side effects in your components. UseEffect is used for fetching information from external sources. UseEffect also used for validating input field, live filtering, trigger animation on new array on state change.