ACAlbert Changinacdev.hashnode.dev·Jun 3, 2022 · 2 min readMental Model For SQL JoinsSYNTAX SELECT * FROM table1 JOIN table2 ON table1.id = table2.id; Just replace JOIN with LEFT JOIN/ FULL OUTER JOIN, etc if using a different join. Join / Inner Join loop through each row in table1 for each row in table1, loop through table2 ...00
ACAlbert Changinacdev.hashnode.dev·May 19, 2022 · 1 min readHow Babel transforms JSX to JSWhen writing JSX you can either start your tag in lowercase <div> or in uppercase <Component>. Below we will discuss each case separately Lowercase tags Babel transforms <div>.. into React.createElement('div',...). Essentially treating the tag name d...00
ACAlbert Changinacdev.hashnode.dev·Mar 13, 2022 · 2 min readCSS Position PropertyWhat does this property do? It determines how an element is positioned in the document. Some Clarifications offset properties refers to top/right/bottom/left properties an element's natural position / where an element would naturally be refers to th...00
ACAlbert Changinacdev.hashnode.dev·Aug 17, 2021 · 1 min readBlock vs. Inline vs. Inline-Block###Block elements with display: block;. It occupies the entire horizontal space of its parent element. Always start on a new line. Most elements by default belongs to this category. For a complete list please refer to MDN list of block elements ##...00
ACAlbert Changinacdev.hashnode.dev·Aug 16, 2021 · 2 min readPractical Introduction to CSS Grid###What is CSS Grid A two dimensional system made up of rows and columns that helps you position your html elements. ###How to enable and use CSS Grid On any element, declare display:grid ; Every item that is added to that element will by default occ...00
