Name		Name	Last commit message	Last commit date
public		public
src		src
.eslintignore		.eslintignore
.eslintrc		.eslintrc
.gitattributes		.gitattributes
.gitignore		.gitignore
.npmrc		.npmrc
.prettierignore		.prettierignore
.prettierrc		.prettierrc
README.md		README.md
bun.lock		bun.lock
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml

Repository files navigation

Component Life Cycle

Mounting Phase
- constructor()
- render()
- componentDidMount()
Updating Phase
- render()
Unmounting phase
- componentWillUnmount()
Behind the scenes
- Virtual DOM

About

A professional React clock application demonstrating the complete execution timeline of class component lifecycles. Built during a training session to master resource allocation inside componentDidMount(), prevent memory leaks by destroying asynchronous handles in componentWillUnmount(), and observe state-driven mounting and unmounting toggles.

clockindra.ccbp.tech/

component-lifecycle conditional-mounting memory-management nxtwave-ccbp reactjs

0 stars

0 watching

Report repository

Releases

Packages

Contributors

Languages