mirror of
https://github.com/Nezumi-2711/react-training.git
synced 2026-09-22 13:38:51 +00:00
140 lines
4.0 KiB
JSON
140 lines
4.0 KiB
JSON
{
|
|
"questions": [
|
|
{
|
|
"question": "Which is the most popular JavaScript framework?",
|
|
"options": ["Angular", "React", "Svelte", "Vue"],
|
|
"correctOption": 1,
|
|
"points": 10
|
|
},
|
|
{
|
|
"question": "Which company invented React?",
|
|
"options": ["Google", "Apple", "Netflix", "Facebook"],
|
|
"correctOption": 3,
|
|
"points": 10
|
|
},
|
|
{
|
|
"question": "What's the fundamental building block of React apps?",
|
|
"options": ["Components", "Blocks", "Elements", "Effects"],
|
|
"correctOption": 0,
|
|
"points": 10
|
|
},
|
|
{
|
|
"question": "What's the name of the syntax we use to describe the UI in React components?",
|
|
"options": ["FBJ", "Babel", "JSX", "ES2015"],
|
|
"correctOption": 2,
|
|
"points": 10
|
|
},
|
|
{
|
|
"question": "How does data flow naturally in React apps?",
|
|
"options": [
|
|
"From parents to children",
|
|
"From children to parents",
|
|
"Both ways",
|
|
"The developers decides"
|
|
],
|
|
"correctOption": 0,
|
|
"points": 10
|
|
},
|
|
{
|
|
"question": "How to pass data into a child component?",
|
|
"options": ["State", "Props", "PropTypes", "Parameters"],
|
|
"correctOption": 1,
|
|
"points": 10
|
|
},
|
|
{
|
|
"question": "When to use derived state?",
|
|
"options": [
|
|
"Whenever the state should not trigger a re-render",
|
|
"Whenever the state can be synchronized with an effect",
|
|
"Whenever the state should be accessible to all components",
|
|
"Whenever the state can be computed from another state variable"
|
|
],
|
|
"correctOption": 3,
|
|
"points": 30
|
|
},
|
|
{
|
|
"question": "What triggers a UI re-render in React?",
|
|
"options": [
|
|
"Running an effect",
|
|
"Passing props",
|
|
"Updating state",
|
|
"Adding event listeners to DOM elements"
|
|
],
|
|
"correctOption": 2,
|
|
"points": 20
|
|
},
|
|
{
|
|
"question": "When do we directly \"touch\" the DOM in React?",
|
|
"options": [
|
|
"When we need to listen to an event",
|
|
"When we need to change the UI",
|
|
"When we need to add styles",
|
|
"Almost never"
|
|
],
|
|
"correctOption": 3,
|
|
"points": 20
|
|
},
|
|
{
|
|
"question": "In what situation do we use a callback to update state?",
|
|
"options": [
|
|
"When updating the state will be slow",
|
|
"When the updated state is very data-intensive",
|
|
"When the state update should happen faster",
|
|
"When the new state depends on the previous state"
|
|
],
|
|
"correctOption": 3,
|
|
"points": 30
|
|
},
|
|
{
|
|
"question": "If we pass a function to useState, when will that function be called?",
|
|
"options": [
|
|
"On each re-render",
|
|
"Each time we update the state",
|
|
"Only on the initial render",
|
|
"The first time we update the state"
|
|
],
|
|
"correctOption": 2,
|
|
"points": 30
|
|
},
|
|
{
|
|
"question": "Which hook to use for an API request on the component's initial render?",
|
|
"options": ["useState", "useEffect", "useRef", "useReducer"],
|
|
"correctOption": 1,
|
|
"points": 10
|
|
},
|
|
{
|
|
"question": "Which variables should go into the useEffect dependency array?",
|
|
"options": [
|
|
"Usually none",
|
|
"All our state variables",
|
|
"All state and props referenced in the effect",
|
|
"All variables needed for clean up"
|
|
],
|
|
"correctOption": 2,
|
|
"points": 30
|
|
},
|
|
{
|
|
"question": "An effect will always run on the initial render.",
|
|
"options": [
|
|
"True",
|
|
"It depends on the dependency array",
|
|
"False",
|
|
"In depends on the code in the effect"
|
|
],
|
|
"correctOption": 0,
|
|
"points": 30
|
|
},
|
|
{
|
|
"question": "When will an effect run if it doesn't have a dependency array?",
|
|
"options": [
|
|
"Only when the component mounts",
|
|
"Only when the component unmounts",
|
|
"The first time the component re-renders",
|
|
"Each time the component is re-rendered"
|
|
],
|
|
"correctOption": 3,
|
|
"points": 20
|
|
}
|
|
]
|
|
}
|