simon_space:frontend_dev
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| simon_space:frontend_dev [2023/08/05 18:24] – [React] loqui | simon_space:frontend_dev [2023/08/06 18:59] (current) – [Other] loqui | ||
|---|---|---|---|
| Line 3: | Line 3: | ||
| * electron-react-boilerplate | * electron-react-boilerplate | ||
| * https:// | * https:// | ||
| + | * https:// | ||
| * Uses TypeScript :tada: | * Uses TypeScript :tada: | ||
| + | * Build an Electron app with TypeScript and React | ||
| + | * https:// | ||
| ===== React ===== | ===== React ===== | ||
| Line 11: | Line 14: | ||
| * Core Loop | * Core Loop | ||
| * https:// | * https:// | ||
| + | * Mount | ||
| + | * First load | ||
| + | * Happens once | ||
| + | * Leads to Trigger | ||
| + | * Trigger | ||
| + | * Something happens | ||
| + | * Leads to Render | ||
| + | * Render | ||
| + | * Build the virtual DOM | ||
| + | * Reconcile with the existing DOM to see if any changes are needed | ||
| + | * Leads to Commit | ||
| + | * Commit | ||
| + | * Change the DOM if necessary, causing browser to re-paint the page | ||
| + | * React goes idle after this until something happens that sends it back to Trigger | ||
| * Tools | * Tools | ||
| * https:// | * https:// | ||
| + | |||
| + | * Event Pooling was removed in React 17 | ||
| + | * https:// | ||
| + | * State as a Snapshot | ||
| + | * https:// | ||
| ==== Notes ==== | ==== Notes ==== | ||
| Line 37: | Line 59: | ||
| * Installation | * Installation | ||
| * https:// | * https:// | ||
| + | * Tutorial | ||
| + | * https:// | ||
| + | * Electron does NOT support EcmaScript Modules | ||
| + | * https:// | ||
| + | * How to Notarize/ | ||
| + | * https:// | ||
| ===== TypeScript ===== | ===== TypeScript ===== | ||
| Line 44: | Line 72: | ||
| * https:// | * https:// | ||
| * https:// | * https:// | ||
| + | |||
| + | ===== Other ===== | ||
| + | |||
| + | * Prettier is the new standard JavaScript formatter | ||
| + | * https:// | ||
| + | * Svelte is a competitor to React | ||
| + | * https:// | ||
| + | * Uses its own language that observes values directly instead of using hooks like useState | ||
| + | |||
simon_space/frontend_dev.1691259884.txt.gz · Last modified: by loqui
