Ruby Basics Why should you learn Ruby ? It’s built for developers to program easily. In other word, it is built for human so it’s a friendlier language. It can be used as a procedural, functional or object-oriented language. Everything in Ruby is object. Ruby is powerful at building dictionary like application such as e-commerce or…

Objectives OOP irb class instance binding pry naming convention getter/setter method attr_accessor/attr_writer/attr_reader What is OOP Object Oriented Programming? Object-oriented programming (OOP) is a computer programming model that organizes software design around data, or objects, rather than functions and logic. Why do we use OOP Object Oriented Programming? ABSTRACTION : by using classes, we are able to generalize our object types, simplifying our program.

What is useEffect ? We tell React that the component needs to do something after render. React will remember the function you passed (we’ll refer to it as our “effect”), and call it later after performing the DOM updates. …

A detailed look at React props. — Objectives [ ] What are React and components? [ ] articulate what props are [ ] discuss the importance of props in React [ ] use props to pass information between function components [ ] pass different data types of props correctly [ ] Destructuring props In order for us to…

Array.prototype.forEach() - JavaScript | MDN The forEach() method executes a provided function once for each array element. forEach() calls a provided callbackFn…developer.mozilla.org The forEach() method executes a callback function for each element in the array. What does that mean? The ‘forEach’ method calls a function that’s outside of forEach and that handles the iteration for the array that it’s checking. Let’s look closely how it really works.

What is EmailJS? EmailJS is an incredible tool that sends a submitted contact form from the client-side javascript code to an email inbox without a backend server. How to use EmailJS? It’s easy to start. Create an account on EmailJS, connect the account to your email, then copy the React REST API code into your JS code…

1. Functional component event handling <button onClick = {clickNext}> next </button> In JSX, line 11, when the button gets clicked, the click handler callback function clickNext will run. The helper function, clickNext on line 5 will be triggered and the console will print “next button clicked”. 2. Class component event handling For React class components, the only difference for…