import { useState, useEffect } from 'react'; export default function App() { console.log('1'); useEffect(() => { console.log('2'); }, []); return <Child />; } function Child() { console.log('3'); useEffect(() => { console.log('4'); }, []); return <div>Bcraft</div>; }

Când executați acest cod în consolă, ordinea de afișare va fi următoarea:

1
3
2
4

Explicație:

• La redarea componentului App, se execută mai întâi console.log('1').
• Apoi, se redă componentul Child, unde se apelează console.log('3').
• După finalizarea redării, React apelează efectele useEffect în ordinea în care sunt declarate, dar numai după montarea componentelor.
• Mai întâi se execută efectul din App (console.log('2')), apoi efectul din Child (console.log('4')).

Astfel, logurile sincrone urmează ordinea apelurilor de funcții, iar efectele sunt executate după redare, în ordinea declarației lor.