React
Redux
Smithy
Typescript
Web Browsers
100

This is the name of the JavaScript library developed by Facebook for building user interfaces.

What is React?

100

This is the single JavaScript object that holds the entire state of an application.

What is the Redux store?

100

This is an entry point of an API that aggregates resources and operations together in Smithy.  The resources and operations of an API are bound within the closure of this.

What is a service?

100

This is a superset of JavaScript that adds static typing to the language?

What is TypeScript?

100

This is the protocol that defines how web pages are transferred over the internet.

What is HTTP/HTTPS?

Hypertext Transfer Protocol

200

This syntax allows you to write HTML-like code in your React components.

What is JSX?

200

Redux offers a solution of storing all your application state this one place.

What is a store?

200

(True or False) In the following code, https://code.amazon.com/packages/PhoenixModel/blobs/mainline/--/model/campaign-region.smithy#L9-L10

The lines below are needed to pull in shapes.

use e2m.phoenix#CampaignRegionStatusCode
use e2m.phoenix#LanguageName

 


False, the file is in the same name space

200

 This language construct is used to specify the shape of a JavaScript value.

What is a TypeScript type?

200

This is the style sheet language that defines the presentation and appearance of web content?

What is CSS?

300

This lightweight in-memory representation of the DOM that React uses to efficiently update the browser's DOM?

What is the React Virtual DOM?

300

This pure function takes the current state and an action, and returns the new state?

What is a Redux reducer?

300

The named data definitions that describe the structure of an API in a Smithy model.

What is a Smithy shape?

300

This type definition creates a contract for an object's shape.

What is a TypeScript interface?

300

This is the system of HTTP headers that determines whether browsers block access to cross-origin requests?

What is CORS?

400

This function that allows you to tap into React features, such as state management and lifecycle methods, from function components.

What is a React Hook?

400

The hook that allows a React component to extract and subscribe to specific data from the Redux store, triggering re-renders only when the relevant data changes?

What is the useSelector hook in React Redux.

400

This trait is used to mark a structure member as value for the member must be present.

What is the required trait in Smithy?

400

(True or False) Typescript types exist at runtime.

False, typescript exists at compile time and gets compiled down to plain JS at runtime.

400

This unique system helps your browser find servers IP address using human readable names.

What is the Domain Name System?

500

This hook allows you to add state to functional components and update the UI when that state changes.

What is the useState hook?

500

This method helps you retrieve the current state of your Redux store.

What is getState()?

500

This feature allows shapes to have their members and traits copied into other shapes to reduce duplication.

What is are mixins in Smithy?

500

This metaprogramming feature allows adding or modifying the behavior of a class, method, accessor, property, or parameter.

What is a TypeScript decorator.

500

This layer in the OSI model uses either the TCP or UDP to move data from one place to another.

What is Layer 4, the Transport Layer?