function LearnToCode() {
const [skills, setSkills] = useState([]);
const [isLearning, setIsLearning] = useState(true);
useEffect(() => {
if (isLearning) {
// Keep adding new skills
const timer = setInterval(() => {
setSkills(prev => [...prev, getNewSkill()]);
}, 1000);
return () => clearInterval(timer);
}
}, [isLearning]);
return (
<div className="developer">
{skills.map(skill => (
<Skill key={skill.id} name={skill.name} />
))}

AceDevHub

Frontend
Backend
Database
DevOps
AI

Preparing your learning journey...

learning.jsx
1function LearnToCode() {
2 const [skills, setSkills] = useState([]);
3 const [isLearning, setIsLearning] = useState(true);
4
5 useEffect(() => {
6 if (isLearning) {
7 // Keep adding new skills
8 const timer = setInterval(() => {
9 setSkills(prev => [...prev, getNewSkill()]);
10 }, 1000);
11
12 return () => clearInterval(timer);
13 }
14 }, [isLearning]);
15
16 return (
17 <div className="developer">
18 {skills.map(skill => (
19 <Skill key={skill.id} name={skill.name} />
20 ))}
21 </div>
22 );
23}