DEV Community: acuevasd

Final project review

acuevasd — Sat, 04 Mar 2023 22:25:30 +0000

Tips:

indirect associations, instead of belongs_to is has_one
migrations after scaffold need to be updated manually

Links:

3.3.2 Creating Join Tables for has_and_belongs_to_many Associations

The Joy of React

acuevasd — Tue, 07 Feb 2023 02:58:42 +0000

Platform Renders:

react-dom for the web
react-native for mobile (iOS / Android) or desktop (Windows / MacOS) applications
react-three-fiber for 3D scenes using WebGL and Three.js

Steps in render function:

create a DOM element
update properties
put it in the container
We can only use JS expressions inside the {}

Auth reviews

acuevasd — Tue, 31 Jan 2023 22:52:43 +0000

:index,:show,:new,:edit are the get routes
Levels: route (for everybody), controller (for some people)
We always should review authorization for every action, not just hide the routes. But always, don't show people things they should not be able to see

Scrimba's JavaScript Deep Dive - Part IV

acuevasd — Tue, 31 Jan 2023 22:52:25 +0000

Array & Sets

More flexible than Objects
indexOf= -1 means the value does not exist in the array. We can use includes or some (like callback functions). We also have every to review a condition in all elements of the array
map method return an array of the same length, if we want a subset of the array, we can use the method filter. But if there is not element matching, we will get an empty array.
Also we can use reduce can also be used, but need more arguments. This is the most powerful method for arrays
push to add elements to array, but it will replicate to other arrays with reference (as array is a subtype of objects). We can use concat to copy and add values, or use spread operators to clone arrays and slice
object.keys(): allow to generate an array and use the key names
Set don't count equal elements, unless they are in [i], as they will be arrays. We can use this method to find the unique data sets
Array methods: map(), filter(), reduce(), some()/every(), find()/findeIndex(), forEach(). Plus: slice(), concat(), includes() + spread. Use the best for each case, that makes the code easier to write and follow

Scrimba's JavaScript Deep Dive - Part III

acuevasd — Sun, 29 Jan 2023 23:27:05 +0000

Functions:

define by functionas key word
a function will return undefinedby default
closure: how to remember values (or pass down)
toFixed: return string, so we need to update the type
we can also use default values (with equal in the declaration of arguments)
we need to write functions think that arguments will not be correctly given
arrow function don't need function key word, just =>. But by default they use implicit return (so we don't need the key word)
higher order function: call an function in a function (all callbacks are higher order)
arrow function need a variable storage the function
functions can be thought like actions, so better to name them as verbs. Be explicit (it don't need to be short), but be consistent with the names you use (simple prefix are great!)

Object and Maps:

We can create objects to organize, with keys (references)
key don't need "
to use them object.key
object are great for static information
object are collection of primitive (6 types: undefined, null, boolean, number, string, and symbol)
object are not the equally to other (exactly the same)
object are passed as reference (not a copy), so if we are not careful, we can update both objects at once
dot notation is the most comfortable way to reach values
we can destructured objects properties and make them into variables of the same name using { }
Object.assign({}, obj1,obj2) we should make a new object, to merge to previous objects. Or ...obj to spread. For both, order matters, the last is the one that will be use.
Maps: when key is not a string or symbol

Scrimba's JavaScript Deep Dive - Part II

acuevasd — Sat, 28 Jan 2023 00:08:18 +0000

Types & Conditionals:

If, else if or else -> as usual
Switch (something) {case break and default}: can be more useful
Primitive types (string, number, boolean, undefined, null & symbol) or Object (everything else). We can look for type with typeof
explicit type conversion (with functions) or implicit (automatic // coercion)
In conditionality, java script will convert to boolean. All value will be "truthy" (coercion to true) and "falsy" (coercion to false). Remember that: "false", "0", " '' " (empty), "null", "undefined" and "NaN" are the falsy values.
For direct comparison, we need to use === as other equals change types. And avoid direct comparison (=)
Ternaries do not allow actions. They are nice with value assignment with conditionals
&& has higher precedent than ||, unless we are using ()

Scrimba's JavaScript Deep Dive - Part I

acuevasd — Fri, 27 Jan 2023 18:08:45 +0000

Getting Started:

Text in Javascript ALWAYS needs to have to be grab in quotes

Variables & String

by default, variables have the value "undefined", meaning is empty
we can declare and assign variables at the same time
camel-cased: first letter is lowercase, but next word is uppercase (by convention). For example: firstName
Requirements: 1) name just letter, number, "$", and "_" 2) first character must not be a number, 3) cannot use reserved name (like "var")
Browser: window // Server: global
Sloppy (normal) mode: default // Strict mode: throws more errors, but prevents better -> "use strict"; But this does not solve all the problems
let& const to declare variables, but let can be reassigned (like var). Use cont unless it will be reassigned
Variable shadowing: let & const are block-scoped
Template literal for string interpolation: to add variables in strings Hi ${username} (we can do operations or put conditions inside the {} ). It use ` not '
Variables names are case sensitive
Variables names should be descriptive and in camel-cased. Any variable can be of any type, that is why is so important to follow this convention, so others know what we are doing
Other conventions: isSomething or hasSomething to do condicional, for constant we use all caps and _ to separate (FIRST_NUMBER)

Class Week 4

acuevasd — Wed, 25 Jan 2023 02:47:42 +0000

User can see profile (or comment/like picture) if a user is public, my profile or user is a leader for current user
We need to be careful to change in every view
has_one: does the at(0) on the collection, it works if we know we just have one element (example: owner)
Be careful with the logic, true/false and && or ||
We do tests to see if they are working (and sometimes the code for the test is longer than the app's)
Authentication != authorization. Device for first, and pundit for second

Reviewing class 2

acuevasd — Tue, 17 Jan 2023 03:17:31 +0000

Remember to do not touch the part of the navbar that makes it collapsible
Create new resources, THEN migration to Add to column
We have to restart when we add a new gem

Photogram 4

acuevasd — Sun, 15 Jan 2023 03:43:20 +0000

This video starts with how to push/pull git commits

New:

Device does not generate the routes
Resources with only, the array is not necessary when we have only one -> resources :users, only: [:show] same that resources :users, only: :show

Photogram 3

acuevasd — Sun, 15 Jan 2023 02:15:28 +0000

In routes: if there is a conflict, the most specific route should be before the other (order matters)
Quick link: Faker
When creating sample_data, do a few users that you know

Also remember:

For random robot pictures: "https://robohash.org/#{rand(9999)"

Photogram 1&2

acuevasd — Sun, 15 Jan 2023 01:21:01 +0000

Reminders

Add index to foreign keys!

New:

rails db:rollback is just for the last migration
We write the sample data to review databases and their associations
When creating sample data, p u.errors.full_massages to see erros that may be happening
We can use << to push (creating) record in a table