Workout Daily Activity

Age: 20 - 25Time: 30m

Hand Grip

A handgrip exercise is a small device that aims to strengthen a lifter’s grip and forearm strength....

Age: 20 - 25Time: 15m

Yoga

Although yoga classes do require yoga mats, they are not the only places where yoga mats can be fou...

Age: 20 - 25Time: 7m

Push up

Push up bars are curved metal or plastic bars that allow lifters to perform the pushup movement wit...

Age: 20 - 25Time: 10m

Barbell Rack

A barbell rack is a large stationary piece of architecture that is required when performing many ex...

Age: 20 - 25Time: 12m

Dumbbell

An adjustable dumbbell system (ADS) is a single dumbbell, about 12-18 inches wide, that gives the l...

Age: 20 - 25Time: 8m

Bench Press

A bench press is a large piece of equipment that encompasses a lifting bench, small barbell rack, a...

Age: 20 - 25Time: 20m

Air Resistance Bike

An air resistance bike is a piece of equipment that mimics the actions and muscle activation involv...

Age: 20 - 25Time: 18m

Treadmill

The treadmill is the most popular piece of gym equipment usd to improve cardiovascular endurance. T...

Age: 20 - 25Time: 10m

Glute Ham Developer

The glute ham developer is a piece of gym equipment used to train the glutes and hamstrings togethe...

65kg

Weight

5.10

Height

23yrs

Age

Add A Break

Exercise Details

Exercise Time

0 Minutes

Break Time

0 Minutes

Question Answer

How Does React Work?

While building client-side apps, a team of Facebook developers realized that the DOM is slow (The Document Object Model (DOM) is an application programming interface (API) for HTML and XML documents. It defines the logical structure of documents and the way a document is accessed and manipulated.). So, to make it faster, React implements a virtual DOM that is basically a DOM tree representation in JavaScript. So when it needs to read or write to the DOM, it will use the virtual representation of it. Then the virtual DOM will try to find the most efficient way to update the browser’s DOM.

Unlike browser DOM elements, React elements are plain objects and are cheap to create. React DOM takes care of updating the DOM to match the React elements. The reason for this is that JavaScript is very fast and it’s worth keeping a DOM tree in it to speed up its manipulation.

Although React was conceived to be used in the browser, because of its design it can also be used in the server with Node.js.

Difference between State and Props?

Props

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.

Props are read-only.
Props are immutable.
Props allow you to pass data from one component to other components as an argument.
Props can be accessed by the child component.
Props are used to communicate between components.

State

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.

State changes can be asynchronous..
State is mutable.
State holds information about the components.
State cannot be accessed by child components.
States can be used for rendering dynamic changes with the component.

Why do we use useEffect in react?

The motivation behind the introduction of useEffect Hook is to eliminate 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.