2-3 goals with one being focused on AI
- AI
- Design System
- Accessibility
- Analytics
- Architecture
| import React, { useEffect, useState } from "react"; | |
| type ActivityRange = "CURRENT_SCHOOL_YEAR" | "LAST_30_DAYS"; | |
| interface OrgEngagementSummary { | |
| teacherMaterialsAccessed: number; | |
| studentMaterialsAccessed: number; | |
| } | |
| interface OrgEngagementMetricsProps { |
| /** | |
| * CODING EXERCISE: Organization Engagement Report | |
| * | |
| * BUGS: | |
| * 1. The engagement summary does not update when the activity range is changed. | |
| * 2. The select component and label are not properly associated for accessibility. | |
| * | |
| * IMPROVEMENTS: | |
| * 1. How could we handle error states in the UI? | |
| * 2. What about loading states? |
| echo "hello" |
| { | |
| "compilerOptions": { | |
| "allowJs": false, | |
| "allowSyntheticDefaultImports": true, | |
| "baseUrl": ".", | |
| "esModuleInterop": true, | |
| "experimentalDecorators": true, | |
| "jsx": "react", | |
| "lib": ["es6"], | |
| "module": "commonjs", |
| interface Foo { | |
| handleSelect(field: string): (newSelected: string) => void; | |
| } | |
| // vs | |
| interface Bar { | |
| handleSelect: (field: string) => (newSelected: string) => void; | |
| } |
| /* | |
| * Returns array of items de-duped based on primary key field | |
| * ie: id | |
| * */ | |
| function removeDuplications<T>(primaryKey: string, items: T[]): T[] { | |
| if (items && items.length === 0) { | |
| return []; | |
| } | |
| if (!items[0].hasOwnProperty(primaryKey)) { |
TypeScript
const things: string[] = ['foo', 'bar'];vs
JavaScript
const things: string[] = ['foo', 'bar'];You can use as many APIs and concepts as you would like in your app, but it must contain at least one of each of the following:
| #!/bin/bash | |
| adb shell screencap -p /sdcard/screenshot.png | |
| adb pull /sdcard/screenshot.png | |
| now=$(date +%d:%m-%H.%M.%S) | |
| mv screenshot.png screenshot-${now}.png |