Be-piNk b-STRONG

Select today’s exercise

Name: Warm-UP

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, labore.

For Age: 20-40

Time required: 15min

Name: Yoga

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, labore.

For Age: 20-40

Time required: 30min

Name: Skipping

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, labore.

For Age: 20-40

Time required: 15min

Name: Running

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, labore.

For Age: 20-40

Time required: 20min

Name: Weight-lifting

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, labore.

For Age: 20-40

Time required: 10min

Name: Crunches

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, labore.

For Age: 20-40

Time required: 5min

Rasna Sharmin
Sydney, Australia

Height
5.7
Weight
57 kg
25 years
Age

Add A Break

2min
3min
4min
5min

Exercise Details

Exercise time:

0 min

Break time:

0 min

How does React work?

React uses a declarative paradigm that makes it easier to reason about the application and aims to be both efficient and flexible. It designs simple views for each state in the application, and React will efficiently update and render just the right component when your data changes. The declarative view makes the code more predictable and easier to debug.

Differences between props and State?

1. Props are used to pass data from one component to another. In state The Data is passed within the component only.

2 .The props are Immutable (cannot be modified) The state is Mutable ( can be modified), this.setState property is used to update/modified the state values in the component.

Except data load how we can use useEffect?

The useEffect Hook eliminates the side-effects of using class-based components. For example, tasks like updating the DOM, fetching data from API end-points, setting up subscriptions or timers, etc can be lead to unwarranted side-effects.
useEffect is a function that gets executed for 3 different React component lifecycles. Those lifecycles are componentDidMount, componentDidUpdate, and componentWillUnmount lifecycles.