Lecture Seven: Reg and Draw Summary

A set of flashcards summarizing key concepts from Lecture Seven on Regular Expressions and Navigation in Mobile Application Development.

What does the regex pattern \d match?

Any digit character, equivalent to [0-9].

What does the regex pattern \w match?

Any word character, including uppercase letters, lowercase letters, digits, and the underscore _.

What is the purpose of the regex quantifier *?

Matches zero or more occurrences of the preceding element.

What do the regex markers ^ and $ signify?

^ indicates the beginning of a string, while $ indicates the end of a string.

What does the expression x(?=y) represent in regex?

Matches x only if it is followed by y (positive lookahead).

What is required for a password to be valid according to the discussed regex pattern?

At least 8 characters; must contain at least one uppercase letter, one lowercase letter, and one digit.

How does the string.match(pattern) method work?

It returns an array of matches when a regex pattern is applied, commonly used with the g flag.

What does Function.prototype.call() do?

It calls a function with a given this value and arguments provided individually.

What does Function.prototype.apply() do?

It calls a function with a given this value and arguments provided as an array.

What is the purpose of the bind() method?

Creates a new function with a specified this value and optional pre-set parameters.

What is prop drilling in React?

Passing props through multiple layers of components, even if intermediate components do not use the data.

What is Context in React?

A way to share data across a subtree without passing props at every level.

What is the first step to create context in React?

Create a context object that contains a Provider and a Consumer.

What does useContext do?

It allows functional components to consume context values easily.

What are the advantages of using custom hooks in React?

They allow for reusable stateful logic, cleaner components, and separation of concerns.

What is a useToggle hook?

A custom hook that toggles a boolean value, encapsulating state and logic into a reusable function.

What is the main purpose of creating nested navigation in React?

To allow better organization of the application structure, combining different navigators.

What kind of problems can occur with context in React?

All consuming components re-render when the context value changes, which can lead to performance issues.

What techniques are key in the Products component of the app?

Using useNavigation(), FlatList, Pressable, and passing parameters through navigation.

What does the Week 7 challenge involve?

Solving a problem related to an Arithmetic Progression (AP) where a term is missing.