What are the hooks available for function components in React?

useState, useEffect, useContext

What is state in React?

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

How are NodeJS and NPM related to our React apps?

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

How do we establish Routes in React?

By defining routes using attribute in App.tsx.

How do you create parent child relationships between React components?

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

What is a React component?

A function or class that contains reusable logic and a view

What are props in React?

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

A library for handling HTTP requests

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

componentWillMount, componentDidUpdate, componentWillUnmount

What syntaxes have we been using to create our components?

TSX for our view, Typescript for our logic

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.

What is data binding in React?

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

What is the Virtual DOM in React?

A lightweight version of the DOM used for faster rendering.

What is a merge conflict?

A situation where branches have competing changes that git cannot resolve

What is routing in React?

A mechanism for navigable views with URL-based component rendering

A JavaScript library for building Single Page user interfaces

what is the Map function in React used for?

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

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

Class components have lifecycle methods, function components have hooks

How can we get Parent and Child components to communicate?

By using props to pass data from parent to child components

What is branching in git?

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

How do components in React accomplish the Single Responsibility Principle?

By providing a clean separation of concerns and handling specific tasks

How do Typescript and Javascript differ?

TypeScript is a superset of JavaScript that additional OOP features.

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

document.getElementById, followed by adding an event listener

studbud

React Review (stinky)

27 termsStudBud Administration47 plays

Imported from external platform

Flashcards27 cardsFPractice quizPHost liveL

Questions 27

Answers

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

React Review (stinky) Flashcards | StudBud