What is a React component?

A function or class that contains reusable logic and a view

Which of the following are lifecycle methods available in class components in React?

componentWillMount, componentDidUpdate, componentWillUnmount

Which of these is a different between class and function components in React?

Class components have lifecycle methods, function components have hooks

How do you create parent child relationships between React components?

Import the child and include it within the parent's render method.

What is data binding in React?

A technique used to bind TS properties to display in the TSX view

A JavaScript library for building Single Page user interfaces

What is routing in React?

A mechanism for navigable views with URL-based component rendering

Which of these are not ways to handle events in React?

document.getElementById, followed by adding an event listener

How can we get Parent and Child components to communicate?

By using props to pass data from parent to child components

How do components in React accomplish the Single Responsibility Principle?

By providing a clean separation of concerns and handling specific tasks

What is transpilation?

The process of converting code from one programming language to another.

What is the App.tsx file in React?

The main entry point of a React app where the root component is rendered.

How do we establish Routes in React?

By defining routes using attribute in App.tsx.

What are props in React?

Properties or values passed from a parent component to a child component.

A library for handling HTTP requests

What is a merge conflict?

A situation where branches have competing changes that git cannot resolve

What is branching in git?

Creating separate lines of development for different features or bug fixes.

How do Typescript and Javascript differ?

TypeScript is a superset of JavaScript that additional OOP features.

What is the Virtual DOM in React?

A lightweight version of the DOM used for faster rendering.

How are NodeJS and NPM related to our React apps?

React and its dependencies are installed with npm and run on NodeJS

What are the hooks available for function components in React?

useState, useEffect, useContext

What syntaxes have we been using to create our components?

TSX for our view, Typescript for our logic

What is state in React?

An object in React used to store and manage component-specific data.

what is the Map function in React used for?

To render a list of components based on an array of data.

studbud

React Review (stinky)

27 termsStudBud Administration47 plays

Imported from external platform

Flashcards27 cardsFPractice quizPHost liveL

Questions 27

Answers

1
What is a React component?
A styling framework for creating responsive web designs.
A built-in HTML tag used in React applications.
A server-side script that handles HTTP requests and generates views
A function or class that contains reusable logic and a view
2
Which of the following are lifecycle methods available in class components in React?
componentWillMount, componentDidUpdate, componentWillUnmount
useState, useEffect, useContext
render, componentDidMount, setState
state, oninit, onload,
3
Which of these is a different between class and function components in React?
Class components have lifecycle methods, function components have hooks
Function components have lifecycle methods, class components have hooks
Function components cannot take props, while Class components can
Class components can define state, Function components cannot
4
How do you create parent child relationships between React components?
Parent-child relationships are automatically established based on folders
Import the child and include it within the parent's render method.
By using the extends keyword to inherit components from a parent class.
By wrapping child components with a special <Parent> component tag
5
What is data binding in React?
Sending data between different components
The process of synching between component state and input values.
A technique used to bind TS properties to display in the TSX view
A way to connect React components to a database or external data source.
6
What is React?
An automatic front end creation system.
A programming language used for server-side development.
A JavaScript library for building Single Page user interfaces
A design pattern for structuring software applications.
7
What is routing in React?
A mechanism for navigable views with URL-based component rendering
A technique for managing and updating the state of React components.
The process of optimizing the rendering performance of React components.
Changing the views of a component based on idk I frew up :((((
8
Which of these are not ways to handle events in React?
the useEffect hook
These are all ways to handle events in React
document.getElementById, followed by adding an event listener
using listeners such as onClick or onChange in the TSX
9
Which of these entities in React stores dependencies?
public
pom.xml
node_modules
pom.lol
10
How can we get Parent and Child components to communicate?
Parent and child components cannot communicate directly in React.
By using the this.parent and this.child references in the component
By directly modifying the state of the parent component from the child
By using props to pass data from parent to child components
11
How do components in React accomplish the Single Responsibility Principle?
By encapsulating reusable UI logic and rendering elements
By minimizing the number of lines of code within each component.
By providing a clean separation of concerns and handling specific tasks
By ensuring that each component is responsible for managing state.
12
What is transpilation?
The process of converting code from one programming language to another.
The process of converting high-level language code to machine language.
The process of converting code written in JavaScript to ScriptJava
A technique used to optimize the performance of JavaScript applications.
13
What is the App.tsx file in React?
Where we can include global styling such as background images
The main entry point of a React app where the root component is rendered.
A file where utility functions for the application are defined.
A configuration file that specifies the dependencies for React
14
How do we establish Routes in React?
By defining routes using <Route> attribute in App.tsx.
By defining the URL to each route in each component
By configuring routes in the application's entry file, such as index.ts.
Routes are automatically established based on the component hierarchy.
15
What are props in React?
Built-in HTML attributes used for styling components.
Properties or values passed from a parent component to a child component.
Configuration settings for routing and navigation in React applications.
Functions that allow components to communicate with each other.
16
Which of these entities in React stores things like images?
src
public
node_modules
you should put images in the main project folder
17
What is axios?
A programming language commonly used for frontend web development.
A library for handling HTTP requests
A design pattern for structuring React components.
an alternative to component-based architecture
18
What is a merge conflict?
A situation where branches have competing changes that git cannot resolve
A process of combining multiple branches into a single branch in a repo
When a Git repository encounters a password error during merging
A mechanism used to synchronize code changes between repos
19
What is branching in git?
A technique for creating multiple copies of code for collaboration
Creating separate lines of development for different features or bug fixes.
A version control system used for tracking changes in code repositories
20
How do Typescript and Javascript differ?
TypeScript is a superset of JavaScript that additional OOP features.
TypeScript is an entirely separate programming language.
TypeScript is an older version of JavaScript with deprecated syntax.
They are the same language, we just use Typescript in React
21
What is the Virtual DOM in React?
A security feature that prevents malicious scripts from accessing the DOM.
A lightweight version of the DOM used for faster rendering.
A technique for rendering HTML elements for testing purposes.
An object represents the actual DOM in memory.
22
How are NodeJS and NPM related to our React apps?
React and its dependencies are installed with npm and run on NodeJS
React get its dependencies from npm and NodeJS
React's NodeJS environment rus on npm
React needs npm to get dependencies, and NodeJS is optional for runtime
23
What are the hooks available for function components in React?
useState, useEffect, useContext
Hooks are only available for function components, not class components
useReducer, useCallback, useMemo
setState, componentDidMount, componentDidUpdate
24
Which of the following is a valid syntax for using Axios?
axios('GET', '/api/data')
axios.sendRequest('GET', '/api/data')
axios.request('GET', '/api/data')
axios.get('/api/data')
25
What syntaxes have we been using to create our components?
JSX for our view, Typescript for our logic
TSX for our view, Typescript for our logic
JSX for our view, Javascript for our logic
Typescript for our view and logic
26
What is state in React?
An object in React used to store and manage component-specific data.
The value a child components receives from a parent component?
A function that triggers a re-render of a component when its value changes.
An attribute used for conditional rendering of TSX elements in React.
27
what is the Map function in React used for?
To render a list of components based on an array of data.
Iterating through an array using an ArrayList
To apply a function to each element in an array and return a single value.
To iterate over an array and create a new array of transformed elements.

React Review (stinky) Flashcards | StudBud