{"slug":"react18-lifecycle-patterns","source_name":"react18-lifecycle-patterns","name":"React18 Lifecycle Patterns","description":"Provides exact before/after migration patterns for the three unsafe class component lifecycle methods - componentWillMount, componentWillReceiveProps, and componentWillUpdate - targeting React 18.3.1. Use this skill whenever a class component needs its lifecycle methods migrated, when deciding between getDerivedStateFromProps vs componentDidUpdate, when adding getSnapshotBeforeUpdate, or when fixing React 18 UNSAFE_ lifecycle warnings. Always use this skill before writing any lifecycle migration","version":1,"lift":{"pass_rate_delta_pts":9.09,"pass_rate_pct":18.2,"total_cases":22,"passed_cases":4,"tokens_delta_pct":30.7,"turns_delta_pct":0,"verdict":"mixed","benchmark_model":"gemini-3.6-flash","grading_method":"judged","completed_at":"2026-07-26T06:55:48.358969+00:00"},"skill_score":0.1818,"benchmark_models":[{"model":"gemini-3.6-flash","headline":true,"delta_pts":9.09,"with_pass_pct":18.2,"without_pass_pct":9.1,"tokens_delta_pct":30.7,"turns_delta_pct":0,"total_cases":22,"cases_aggregated":22,"verdict":"mixed","never_hurt":true,"completed_at":"2026-07-26T06:55:48.358969+00:00","run_id":"c16294e6-55b8-4705-b1c4-72464c22ddc3","version_number":1,"is_latest_version":true,"gate":null}],"trust":{"skill_safety":"passed","safety_status":"clean","intent_verdict":null,"content_status":"clean","indexable":true},"license":"MIT License","install_count":0,"manifest_hash":"6804bbbd53d6e04df40d8535240c1b3017ef38cc1d44ddd3301d0c10fa0d83f0","raw_url":"https://app.decimal.ai/s/react18-lifecycle-patterns/SKILL.md","scorecard_url":"https://app.decimal.ai/skills/react18-lifecycle-patterns"}