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.

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