GOOGLE STRATEGY (FAST USE)

Use tight, intent-based queries:

• react useEffect purpose

• jsx rules react

• C# list vs array

• ASP.NET MVC what is

• "jquery factory function"

Techniques

• Quotes → exact phrase

• “vs” → comparisons

• Add “simple” or “what is” → definitions

• Scan snippets only (don’t read full pages)

---

REACT

Core Setup

• Vite

  • Fast dev server + build tool

  • Replaces Create React App

• Node.js

  • Runs JavaScript outside browser

• NPM

  • Package manager (installs dependencies)

---

Components

• Functional Components

  • Just functions returning JSX

• Composition

  • Components inside components

• Props

  • Read-only inputs

• State

  • Internal, changeable data

---

JSX

• HTML-like syntax in JS

• Must return one parent element

• Use {} for JS inside JSX

• className NOT class

---

Hooks

• useState

  • stores state

• useEffect

  • runs side effects

  • runs:

    • every render (no deps)

    • once ([])

    • when deps change

---

Events

• camelCase:

  • onClick, onChange

• pass function, not call:

  • onClick={handleClick}

---

Loops (Rendering Lists)

• use .map()

• requires key

  • unique identifier

---

React Google Triggers

• react props vs state

• useEffect when runs

• jsx rules

• react map key why

---

C# / ASP.NET

App Types

• Console App

  • text-based

• Windows Forms

  • desktop GUI

• MVC Web App

  • web architecture

---

MVC STRUCTURE

• Model

  • data + logic

• View

  • UI

• Controller

  • handles input / connects model + view

---

ASP.NET

• Framework for web apps

• Often uses MVC

---

Collections

• Array

  • fixed size

• List

  • dynamic size

• Dictionary

  • key-value pairs

---

Key Differences

• List vs Array → resizing

• Dictionary → fast lookup by key

---

C# Google Triggers

• C# list vs array

• dictionary vs list

• ASP.NET MVC roles

• model view controller explanation

---

jQuery

Core Concept

• $() → factory function

  • selects elements

  • returns jQuery object

---

Features

• DOM manipulation

• event handling

• chaining:

  • $("p").hide().fadeIn()

---

Plugins

• Extend jQuery functionality

• reusable components

---

jQuery vs JS

• jQuery = simplified wrapper

• modern JS reduces need

---

jQuery Google Triggers

• jquery factory function meaning

• jquery plugin definition

• jquery chaining example

---

PATTERN RECOGNITION (FAST ELIMINATION)

React Questions

→ hooks, JSX, props/state, components

jQuery Questions

→ $(), plugins, DOM shortcuts

No Label

→ C#, MVC, ASP.NET

---

COMMON TRAPS

• JSX:

  • ❌ multiple root elements

  • ❌ class instead of className

• React:

  • ❌ modifying props

• Hooks:

  • ❌ misunderstanding useEffect timing

• C#:

  • ❌ confusing List vs Array

• MVC:

  • ❌ mixing roles

• jQuery:

  • ❌ thinking $() returns raw DOM

---

TIME STRATEGY

• Easy → 10–20 sec

• Medium → 30–45 sec

• Hard → 60 sec max

If stuck:

1. Eliminate 2 answers

2. Avoid extremes (“always”, “never”)

3. Choose most specific answer

---

FINAL APPROACH

1. Identify topic instantly

2. Use keyword search

3. Confirm definition

4. Answer and move

REACT Setup Vite → fast dev/build tool for React apps Node.js → runs JavaScript outside browser NPM → installs/manages packages Components Functional Components Functions that return JSX Composition Components nested inside others Props Read-only inputs passed to components State Internal, changeable data JSX HTML-like syntax in JavaScript Must return one parent element Use {} to embed JavaScript className instead of class Hooks useState stores and updates state useEffect handles side effects runs: every render (no dependency array) once ([]) when dependencies change Events camelCase naming: onClick, onChange pass function reference: onClick={handleClick} Loops (Rendering Lists) use .map() each item needs a unique key C# / ASP.NET Application Types Console App → text-based Windows Forms → desktop GUI MVC Web App → structured web application MVC (Model-View-Controller) Model data + business logic View user interface Controller handles input, connects model and view ASP.NET Framework for building web apps commonly uses MVC structure Collections Array fixed size List dynamic size Dictionary key-value pairs Key Differences List vs Array → resizing capability Dictionary → fast lookup using keys jQuery Core $() → factory function selects elements returns jQuery object Features DOM manipulation event handling chaining: multiple methods in one line Plugins extend jQuery functionality reusable add-ons jQuery vs JavaScript jQuery simplifies DOM operations modern JavaScript reduces need for jQuery PATTERN RECOGNITION React → hooks, JSX, props/state, components jQuery → $(), plugins, DOM shortcuts No label → C#, MVC, ASP.NET COMMON TRAPS React multiple root elements in JSX using class instead of className modifying props directly Hooks misunderstanding when useEffect runs C# confusing List vs Array mixing up MVC roles jQuery thinking $() returns a raw DOM element