%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
#JavaScript
%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%0A%20%20%3Crect%20x%3D%2264%22%20y%3D%22210%22%20width%3D%22260%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23fff%22%20opacity%3D%22.92%22%2F%3E%0A%20%20%3Crect%20x%3D%2264%22%20y%3D%22248%22%20width%3D%22360%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23fff%22%20opacity%3D%22.92%22%2F%3E%0A%20%20%3Crect%20x%3D%2264%22%20y%3D%22292%22%20width%3D%22300%22%20height%3D%2210%22%20rx%3D%225%22%20fill%3D%22%23fff%22%20opacity%3D%22.45%22%2F%3E%0A%20%20%3Crect%20x%3D%2264%22%20y%3D%22312%22%20width%3D%22260%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%22346%22%20width%3D%22120%22%20height%3D%2236%22%20rx%3D%2218%22%20fill%3D%22%23d9833f%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22400%22%20cy%3D%22520%22%20r%3D%22120%22%20fill%3D%22%23f2c28f%22%20opacity%3D%22.55%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22440%22%20cy%3D%22480%22%20r%3D%2270%22%20fill%3D%22%23d9833f%22%20opacity%3D%22.85%22%2F%3E%0A%20%20%3Crect%20x%3D%2264%22%20y%3D%22600%22%20width%3D%22140%22%20height%3D%2296%22%20rx%3D%2214%22%20fill%3D%22%23fff%22%20opacity%3D%22.14%22%2F%3E%0A%20%20%3Crect%20x%3D%22220%22%20y%3D%22600%22%20width%3D%22140%22%20height%3D%2296%22%20rx%3D%2214%22%20fill%3D%22%23fff%22%20opacity%3D%22.14%22%2F%3E%0A%20%20%3Crect%20x%3D%22376%22%20y%3D%22600%22%20width%3D%22100%22%20height%3D%2296%22%20rx%3D%2214%22%20fill%3D%22%23fff%22%20opacity%3D%22.14%22%2F%3E%0A%20%20%3C%2Fsvg%3E)
جاوااسکریپت
TypeScript برای توسعهدهندگان جاوااسکریپت: انواع پایه تا Generics
با TypeScript خطاها را پیش از اجرا بگیرید. انواع پایه، interface و union و در نهایت Generics با مثالهای کوتاه.