React Hooks related - Multiple useEffect()

 https://stackoverflow.com/questions/54002792/should-i-use-one-or-many-useeffect-in-component

https://reactjs.org/docs/hooks-effect.html#tip-use-multiple-effects-to-separate-concerns

How to specify a port to run a create-react-app based project?

 https://stackoverflow.com/questions/40714583/how-to-specify-a-port-to-run-a-create-react-app-based-project#comment78121210_42232944

https://stackoverflow.com/a/40714921

Phoneix LiveView & iOS app

https://twitter.com/stevegraham/status/1264304523826216960?s=21

"The iOS part is a simple swift app that loads a webview with some simple code to pass messages between native and web lands. The webview is Phoenix LiveView, i.e. server side rendered HTML with events and DOM diffs going back and forth over the Phoenix websocket." 

Javascript Generators

 https://github.com/gajus/gajus.com-blog/blob/master/posts/the-definitive-guide-to-the-javascript-generators/index.md

https://exploringjs.com/es6/ch_generators.html

Redux Loop

 https://redux-loop.js.org/docs/tutorial/Tutorial.html

https://stackoverflow.com/questions/58322566/what-is-redux-loop-and-how-can-we-use-it-in-react-native

Redux Thunks

 https://medium.com/fullstack-academy/thunks-in-redux-the-basics-85e538a3fe60

GraphQL API Monitor

https://gitlab.com/dee-see/graphql-api-monitor 

Arwes - React UI Framework

https://arwes.dev/docs

SCIFI UI FRAMEWORK

React - Thought/Idea

 Look for a way to outline components created by developers of a team

i.e. differentiate between components given by a Framework (like Antd) and components added by a team's developers.

CSS Grid related

https://twitter.com/b0rk/status/1296872883642404865?s=21

 

React Hooks - useSelector - useSelector hook first returns undefined state and after an action call returns the state correctly

https://stackoverflow.com/questions/61353697/useselector-hook-first-returns-undefined-state-and-after-an-action-call-returns

CSS - inline-block vs table-cell

https://stackoverflow.com/questions/15939896/css-inline-block-vs-table-cell

https://jsfiddle.net/g5bE8/

Excerpt 1:

You'll also find the gap between block when you apply display: inline-block;  

Re-size your window by pressing Ctrl key and scrolling with mouse scroll button to see differences.

Notice the vertical-align: middle; is not working as display: table-cell; in display: inline-block;.

 Exceprt 2:

Set line-height equal to element height and vertical-align will work for inline-block.

App for sketching UI & UX

https://twitter.com/hasankassem_/status/1296664902657089537?s=21

 

CSS: Guides to Flexbox, Grid

 https://css-tricks.com/snippets/css/a-guide-to-flexbox/

https://css-tricks.com/snippets/css/complete-guide-grid/

Excerpt:

Flexbox layout is most appropriate to the components of an application, and small-scale layouts, while the Grid layout is intended for larger scale layouts.

Absolute vs. Relative — Explaining CSS Positioning

 https://www.lifewire.com/absolute-vs-relative-3466208

https://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

https://css-tricks.com/absolute-positioning-inside-relative-positioning/

https://css-tricks.com/fixed-headers-and-jump-links-the-solution-is-scroll-margin-top/

React - handleChange() - using event.persist() and computed property names

Using event.persist() and computed property names

handleChange = ({event, value}) => {

  event.persist();

this.setState({[event.target.name]: value});

}

Centering in CSS: A Complete Guide - Feb 2020

 https://css-tricks.com/centering-css-complete-guide/

CSS related - Things I Wish I’d Known About CSS

 https://cssfordesigners.com/articles/things-i-wish-id-known-about-css

React Shopping Cart - First using Vanilla JavaScript and then using React [Project] [2020]

 

Concurrency In The Erlang VM

 https://www.skcript.com/svr/concurrency-in-the-erlang-vm/

Custom CloudWatch Metrics From Your App

 https://insights.dice.com/2020/08/14/learning-aws-custom-cloudwatch-metrics-from-your-app/

12 ways to call a method in Ruby

 https://www.notonlycode.org/12-ways-to-call-a-method-in-ruby/

Mobx related - Why/when should I consider MobX?

https://twitter.com/housecor/status/1295374455699640321?s=21 

Rails - Date formatting

 https://jdc.io/rails-date-formats-strftime

CSS - When do you use inline-block?

 https://css-tricks.com/when-do-you-use-inline-block/

Rails - has_many - order by association attribute

 https://code-examples.net/en/q/b469b

Exclude a folder from indexing in Sublime Text

 https://stackoverflow.com/questions/30954728/how-can-i-exclude-a-folder-from-indexing-in-sublime-text-while-still-showing-it

Fast Design Framework

 https://www.fast.design/docs/introduction

React + GraphQL 2020 Crash Course

https://www.freecodecamp.org/news/the-react-graphql-2020-crash-course/

How to Sort a Hash in Ruby

http://www.rubyinside.com/how-to/ruby-sort-hash

Linux - bash

https://wizardzines.com/comics/bash-tricks/

https://wizardzines.com/comics/more-bash-tricks/

Linux - tar

https://wizardzines.com/comics/tar