ریاکت / اکوسیستم React
آزمون فصل
تمرینها
تمرین 1
چرا نوشتن import "./App.css" داخل یک فایل جاوااسکریپت در پروژهای با Build Tool کار میکند؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 2
داده product در تعریف Route زیر دقیقاً چه زمانی گرفته میشود؟
const router = createBrowserRouter([
{
path: "/products/:id",
element: <Product />,
loader: productLoader,
},
]);
function Product() {
const product = useLoaderData();
return <h2>{product.name}</h2>;
}برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 3
در TanStack Query، اگر staleTime برابر ۶۰ ثانیه باشد و کامپوننت در همین ۶۰ ثانیه دوباره نمایش داده شود، چه میشود؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 4
چرا کلاس primary در کد زیر با کلاس همنام در یک فایل CSS Module دیگر تداخل نمیکند؟
import styles from "./Button.module.css";
function Button({ children }) {
return <button className={styles.primary}>{children}</button>;
}برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 5
در برنامهای با رندر سمت سرور، کدام مورد میتواند باعث نشت داده یک کاربر به کاربر دیگر شود؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 6
UserProfile داده را با یک درخواست شبکه میگیرد و تست زیر شکست میخورد. کدام تغییر مناسب است؟
test("نام کاربر نمایش داده میشود", () => {
render(<UserProfile />);
expect(screen.getByText("سارا")).toBeTruthy();
});برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 7
کدام مقدار نباید در یک متغیر محیطی با پیشوند عمومی (مثل VITE_) قرار بگیرد؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
