Introduction to React: Key Concepts and Definitions, Exams of Advanced Education

An introduction to react, a javascript library for building user interfaces. It covers key concepts such as props, virtual dom, components, jsx, state, synthetic events, and elements. It also includes definitions and questions related to functional and class components, usestate, and hooks, offering a concise overview for beginners in front-end web development with react. Useful for understanding the fundamental building blocks of react applications and their interactions. It also includes questions to test the understanding of the concepts.

Typology: Exams

2025/2026

Available from 09/23/2025

solution-master
solution-master 🇺🇸

3.3

(28)

11K documents

1 / 2

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
Intro to front-end web development with React
React - A JavaScript Library for building user interfaces
props - Conceptually, components are like JavaScript functions. They
accept arbitrary inputs (called "_____") and return React elements
describing what should appear on the screen.
virtual DOM (VDOM) - The _____ is a programming concept where an ideal,
or "virtual", representation of a UI is kept in memory and synced with the
"real" DOM by a library such as ReactDOM.
Components - _____ are encapsulated units of functionality that are the
primary unit in React. They utilize data (properties and state) to render
your UI as output.
JSX - _____ stands for JavaScript Syntax Extension and is used to describe
what the UI should look like.
State - _____ is similar to props, but it is private and fully controlled by the
component.
synthetic event - A _____ is a cross-browser wrapper around the browser's
native event.
events - Handling _____ in React has two main syntactic differences when
compared to the DOM. They are named using camelCase rather than
lowercase, and you pass in a function as their handler rather than a string.
Elements - _____ are the smallest building blocks of all React applications.
render() - To display a React element into a root DOM node, pass both to
ReactDOM._____.
pf2

Partial preview of the text

Download Introduction to React: Key Concepts and Definitions and more Exams Advanced Education in PDF only on Docsity!

Intro to front-end web development with React React - A JavaScript Library for building user interfaces props - Conceptually, components are like JavaScript functions. They accept arbitrary inputs (called "_____") and return React elements describing what should appear on the screen. virtual DOM (VDOM) - The _____ is a programming concept where an ideal, or "virtual", representation of a UI is kept in memory and synced with the "real" DOM by a library such as ReactDOM. Components - _____ are encapsulated units of functionality that are the primary unit in React. They utilize data (properties and state) to render your UI as output. JSX - _____ stands for JavaScript Syntax Extension and is used to describe what the UI should look like. State - _____ is similar to props, but it is private and fully controlled by the component. synthetic event - A _____ is a cross-browser wrapper around the browser's native event. events - Handling _____ in React has two main syntactic differences when compared to the DOM. They are named using camelCase rather than lowercase, and you pass in a function as their handler rather than a string. Elements - _____ are the smallest building blocks of all React applications. render() - To display a React element into a root DOM node, pass both to ReactDOM._____.

curly braces {} - You can write regular JavaScript code in JSX by wrapping it in _____. styled-components - Aside from improved experience for developers, _____ provide automatic critical css, no class name bugs, easier deletion of css, simple dynamic styling, painless maintenance, and automatic vendor prefixing. functional component - A _____ is just a plain JavaScript function which accepts props as an argument and returns a React element (JSX) class component - A ______ requires you to extend React.Component and create a render function which returns a React element (JSX). useState - _____ is a Hook that lets you add React state to function components. Hooks - _____ are a new addition in React 16.8. They let you use state and other React features without writing a class. initial state - The only argument to the useState() Hook is the _____. It returns a pair of values: the current state and a function that updates it. This is why we write const [count, setCount] = useState(). This is similar to this.state.count and this.setState in a class, except you get them in a pair. - What does useState return?