Be careful when referencing record ID in element for critical operations. Sample:
Blog
4pt Grid System
Uses multiples of 4 as foundational units for spacing, margins, padding, and grid. (e.g. 4, 8, 12, 16, 20, 24, 28, etc.)
React Fragment
Use <React.Fragment>…</React.Fragment> as replacement wrapper to avoid rendering the top-level wrapper. Alternately <>…</>, the shorthand version, can be used.
React Popular Hooks
useState – values that changes overtime. useEffect – opt into component’s lifecycle to introduce side effects.
On Event Handle: With return or none
HTML + JavaScript in JSX = bread and butter
JavaScript in HTML can:
Standard vs Arrow Function Declaration
React Component Hierarchies
Also called as component tree. It usually has a parent component, a child component (sibling component to each other), and a leaf component (does not render other component).
Codecademy Cheatsheets
I find these articles useful as reference for development. https://www.codecademy.com/resources/cheatsheets/all
JavaScript: Design Patterns
Design patterns tends to be: DRY (Don’t repeat yourself) Modular Reusable Easier to maintain Easier to discuss with peers at a high level (vs diving into implementation details) Traits of anti-design patterns: Namespace pollution — unexpected behavior from interactions from different clients Increased code complexity Code being difficult to understand and update Difficulty with testing… Continue reading JavaScript: Design Patterns