%22%2F%3E%0A%20%20%3Crect%20width%3D%22600%22%20height%3D%22800%22%20fill%3D%22url(%23glow)%22%2F%3E%0A%20%20%3Crect%20x%3D%2240%22%20y%3D%2296%22%20width%3D%22520%22%20height%3D%22640%22%20rx%3D%2222%22%20fill%3D%22url(%23win)%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.18%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%2268%22%20cy%3D%22124%22%20r%3D%226%22%20fill%3D%22%23ff6b6b%22%2F%3E%3Ccircle%20cx%3D%2288%22%20cy%3D%22124%22%20r%3D%226%22%20fill%3D%22%23ffd166%22%2F%3E%3Ccircle%20cx%3D%22108%22%20cy%3D%22124%22%20r%3D%226%22%20fill%3D%22%234cd964%22%2F%3E%0A%20%20%3Crect%20x%3D%22150%22%20y%3D%22114%22%20width%3D%22300%22%20height%3D%2220%22%20rx%3D%2210%22%20fill%3D%22%23fff%22%20opacity%3D%22.1%22%2F%3E%0A%20%20%3Crect%20x%3D%2264%22%20y%3D%22154%22%20width%3D%2260%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%20opacity%3D%22.7%22%2F%3E%0A%20%20%3Crect%20x%3D%22380%22%20y%3D%22154%22%20width%3D%2240%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%20opacity%3D%22.35%22%2F%3E%3Crect%20x%3D%22432%22%20y%3D%22154%22%20width%3D%2240%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%20opacity%3D%22.35%22%2F%3E%3Crect%20x%3D%22484%22%20y%3D%22154%22%20width%3D%2240%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%20opacity%3D%22.35%22%2F%3E%0A%20%20%3Crect%20x%3D%2264%22%20y%3D%22196%22%20width%3D%22200%22%20height%3D%2218%22%20rx%3D%229%22%20fill%3D%22%23fff%22%20opacity%3D%22.92%22%2F%3E%0A%20%20%3Crect%20x%3D%2264%22%20y%3D%22226%22%20width%3D%22320%22%20height%3D%229%22%20rx%3D%224.5%22%20fill%3D%22%23fff%22%20opacity%3D%22.4%22%2F%3E%3Crect%20x%3D%2264%22%20y%3D%22270%22%20width%3D%22200%22%20height%3D%22190%22%20rx%3D%2216%22%20fill%3D%22%23fff%22%20opacity%3D%22.16%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%2276%22%20y%3D%22282%22%20width%3D%22176%22%20height%3D%22104%22%20rx%3D%2210%22%20fill%3D%22%234f9dff%22%20opacity%3D%22.8%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%2276%22%20y%3D%22400%22%20width%3D%22110%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%20opacity%3D%22.85%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%2276%22%20y%3D%22420%22%20width%3D%2270%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22%23fff%22%20opacity%3D%22.4%22%2F%3E%3Crect%20x%3D%22284%22%20y%3D%22270%22%20width%3D%22200%22%20height%3D%22190%22%20rx%3D%2216%22%20fill%3D%22%23fff%22%20opacity%3D%22.16%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22296%22%20y%3D%22282%22%20width%3D%22176%22%20height%3D%22104%22%20rx%3D%2210%22%20fill%3D%22%239ad0ff%22%20opacity%3D%22.8%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22296%22%20y%3D%22400%22%20width%3D%22110%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%20opacity%3D%22.85%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22296%22%20y%3D%22420%22%20width%3D%2270%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22%23fff%22%20opacity%3D%22.4%22%2F%3E%3Crect%20x%3D%2264%22%20y%3D%22480%22%20width%3D%22200%22%20height%3D%22190%22%20rx%3D%2216%22%20fill%3D%22%23fff%22%20opacity%3D%22.16%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%2276%22%20y%3D%22492%22%20width%3D%22176%22%20height%3D%22104%22%20rx%3D%2210%22%20fill%3D%22%234f9dff%22%20opacity%3D%22.8%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%2276%22%20y%3D%22610%22%20width%3D%22110%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%20opacity%3D%22.85%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%2276%22%20y%3D%22630%22%20width%3D%2270%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22%23fff%22%20opacity%3D%22.4%22%2F%3E%3Crect%20x%3D%22284%22%20y%3D%22480%22%20width%3D%22200%22%20height%3D%22190%22%20rx%3D%2216%22%20fill%3D%22%234f9dff%22%20opacity%3D%22.9%22%2F%3E%0A%20%20%3Crect%20x%3D%22300%22%20y%3D%22500%22%20width%3D%22120%22%20height%3D%2212%22%20rx%3D%226%22%20fill%3D%22%23fff%22%20opacity%3D%22.9%22%2F%3E%0A%20%20%3C%2Fsvg%3E)
ریاکت
شروع با React Hooks: useState و useEffect به زبان ساده
دو هوک پایهی React را با مثالهای واقعی یاد بگیرید: نگهداشتن state، اثرهای جانبی، آرایهی وابستگیها و پاکسازی.
TAG
TAG
دو هوک پایهی React را با مثالهای واقعی یاد بگیرید: نگهداشتن state، اثرهای جانبی، آرایهی وابستگیها و پاکسازی.