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

JavaScript: Currying

The art of writing a function that returns nested functions for modular, easier to test, and reusable code.

Built-in JavaScript Errors

7 Types of built-in JavaScript Errors: EvalError RangeError ReferenceError SyntaxError TypeError URIError InternalError Reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error