Bills and three types of resolutions.
Generally, bills are legislative proposals that, if enacted, carry the force of law, whereas resolutions do not. Though, this is not always true.
Bills, are legislative proposals that, if enacted, carry the force of law.
| Lifecycle (in order) | Triggered When | Use When |
|---|---|---|
| getDefaultProps | Triggered when | Useful when |
| The result of getDefaultProps() will be cached and used to ensure that this.props.value will have a value if it was not specified by the parent component. | ||
| componentWillMount() | Triggered before render(). | Useful when |
| componentDidMount() | Triggered Called after render. Can access refs. The componentDidMount() method of child components is invoked before that of parent components. This is the place to call external libraries, use setTimeout, make ajax requests | Useful when |
| shouldComponentUpdate(nextProps, nextState) | Triggered when updates | Useful when called when there are new props or state changes. return false to prevent a render. good for performance. |
| componentWillReceiveProps(nextProps) | Triggered when view is updated | Useful when Called before render when props change. Access to old |
| /* in ES5 */ | |
| //create Person | |
| function Person () {} | |
| // Person Inheritance a name through the prototype keyword | |
| Person.prototype.name = “Garrett Mac”; | |
| //Person is a constructor function because we will use new keyword to invoke it. |
| const vehicles = [ | |
| { make: ‘Honda’, model: ‘CR-V’, type: ‘suv’, price: 24045 }, | |
| { make: ‘Honda’, model: ‘Accord’, type: ‘sedan’, price: 22455 }, | |
| { make: ‘Mazda’, model: ‘Mazda 6’, type: ‘sedan’, price: 24195 }, | |
| { make: ‘Mazda’, model: ‘CX-9’, type: ‘suv’, price: 31520 }, | |
| { make: ‘Toyota’, model: ‘4Runner’, type: ‘suv’, price: 34210 }, | |
| { make: ‘Toyota’, model: ‘Sequoia’, type: ‘suv’, price: 45560 }, | |
| { make: ‘Toyota’, model: ‘Tacoma’, type: ‘truck’, price: 24320 }, | |
| { make: ‘Ford’, model: ‘F-150’, type: ‘truck’, price: 27110 }, |
| const vehicles = [ | |
| { make: ‘Honda’, model: ‘CR-V’, type: ‘suv’, price: 24045 }, | |
| { make: ‘Honda’, model: ‘Accord’, type: ‘sedan’, price: 22455 }, | |
| { make: ‘Mazda’, model: ‘Mazda 6’, type: ‘sedan’, price: 24195 }, | |
| { make: ‘Mazda’, model: ‘CX-9’, type: ‘suv’, price: 31520 }, | |
| { make: ‘Toyota’, model: ‘4Runner’, type: ‘suv’, price: 34210 }, | |
| { make: ‘Toyota’, model: ‘Sequoia’, type: ‘suv’, price: 45560 }, | |
| { make: ‘Toyota’, model: ‘Tacoma’, type: ‘truck’, price: 24320 }, | |
| { make: ‘Ford’, model: ‘F-150’, type: ‘truck’, price: 27110 }, |
| function iterativeFactorial(n) { | |
| let product = 1; | |
| for (let i = 1; i <= n; i++) { | |
| product *= i; | |
| } | |
| return product; | |
| } |
| function add(a, b) { | |
| return a + b; | |
| } | |
| add(3, 4);//returns 7 | |
| //This is a function that takes two arguments, a and b, and returns their sum. We will now curry this function: | |
| function add(a) { | |
| return function (b) { | |
| return a + b; | |
| } |
Object Oriented Programming (OOP) refers to using self-contained pieces of code to develop applications. We call these self-contained pieces of code objects, better known as Classes in most OOP programming languages and Functions in JavaScript.
Objects can be thought of as the main actors in an application, or simply the main “things” or building blocks that do all the work. As you know by now, objects are everywhere in JavaScript since every component in JavaScript is an Object, including Functions, Strings, and Numbers.
| a |