useEffect React Hook

 https://dmitripavlutin.com/react-useeffect-explanation/

https://daveceddia.com/useeffect-hook-examples/

https://epicreact.dev/myths-about-useeffect/

https://blog.logrocket.com/guide-to-react-useeffect-hook/

This website lets you drive around in dozens of cities—from Berlin to Beijing—while listening to the local radio.

https://www.reddit.com/r/InternetIsBeautiful/comments/kn39ok/this_website_lets_you_drive_around_in_dozens_of/ 

Ruby 3.0 changes

https://rubyreferences.github.io/rubychanges/3.0.html 

Where's the connection between index.html and index.js in a Create-React-App application?

 https://stackoverflow.com/questions/41738421/how-react-js-index-js-file-contacting-index-html-for-id-references

https://stackoverflow.com/questions/42438171/wheres-the-connection-between-index-html-and-index-js-in-a-create-react-app-app

Alki from Dropbox - a new cost efficient petabyte-scale metadata store

 https://dropbox.tech/infrastructure/alki--or-how-we-learned-to-stop-worrying-and-love-cold-metadata

Episode #275 - Hotwire from Drifting Ruby

 

Rails 4: Allow your site to be iframed by another site.

 https://coderwall.com/p/2d0phq/rails-4-allow-your-site-to-be-iframed-by-another-site

DOM Attributes in React 16

 https://reactjs.org/blog/2017/09/08/dom-attributes-in-react-16.html#changes-in-detail

Encapsulating Ruby on Rails views

 https://github.blog/2020-12-15-encapsulating-ruby-on-rails-views/

Kubernetes related - It’s Time to Embrace Kubernetes! Really? (Part 1)

 https://www.pulumi.com/blog/embrace-kubernetes-part1/

Build Containers the Hard Way

https://containers.gitbook.io/build-containers-the-hard-way/ 

Improving performance of React applications

 https://nosleepjavascript.com/react-performance/

Responsive Navigation Bar With Html, CSS and Javascript - Responsive Sidebar Menu For Mobile

 

How to Code a Tetris Game using HTML and javascript

 

Adopting TypeScript Will Make You Suffer

 https://medium.com/swlh/typescript-will-make-you-suffer-7cc6ca4b1233

feasible-ui - a React UI Component Library

 https://aliakseiherman.github.io/feasible-ui/#/demo

Learn to write selectors for shadow DOM elements

 

Applying Textbook Data Structures for Real Life Wins

 https://heap.io/blog/engineering/applying-textbook-data-structures-for-real-life-wins

How to Build HTML Forms Right: Security

 https://austingil.com/how-to-build-html-forms-right-security/

Recursion Visualization

 https://quanticdev.com/algorithms/primitives/recursion-visualization/

WhatsApp’s new carts feature is aimed at simplifying in-app shopping

 https://www.theverge.com/2020/12/8/22163106/whatsapp-carts-feature-shopping-in-app-ecommerce

Program to track your face movements and converts them into keyboard actions using the Pigo face detection library

 

I made a program which track your face movements and converts them into keyboard actions using the Pigo face detection library. from r/programming

The Problem with Threads

https://www2.eecs.berkeley.edu/Pubs/TechRpts/2006/EECS-2006-1.pdf 

https://www.reddit.com/r/programming/comments/jwkdqq/the_problem_with_threads/

How to Build Desktop Applications using Electron the Right Way

 https://livecodestream.dev/post/2020-11-15-how-to-build-desktop-applications-using-electron-the-right-way/

https://www.reddit.com/r/programming/comments/juw2w5/how_to_build_desktop_applications_using_electron/

An Introduction to Computer Vision in JavaScript using OpenCV.js

 https://www.digitalocean.com/community/tutorials/introduction-to-computer-vision-in-javascript-using-opencvjs

interviews.school

 https://interviews.school/

Bash Terminal related

https://askubuntu.com/questions/16728/hide-current-working-directory-in-terminal

 

Rich Harris: Futuristic Web Development

 

150+ Stanford On-Campus Computer Science Courses Available Online

 https://www.classcentral.com/report/stanford-on-campus-courses/

https://www.classcentral.com/university/stanford

Chrome DevTools - CSS Overview

 https://mbbaig.blog/css-overview-in-chrome-dev-tools/

Do You Actually Need Kubernetes?

https://medium.com/better-programming/do-you-actually-need-kubernetes-a342b0a90fd8

 

Javascript Security

 https://wpengine.com/resources/javascript-security/

React Hooks related - useReducer

 https://twitter.com/erikras/status/1314673077070987270?s=21

Discussion about current state of React Native

 https://twitter.com/tejaskumar_/status/1314613344154931201?s=21

React - how to display a loading indicator on fetch calls

 https://www.basefactor.com/react-how-to-display-a-loading-indicator-on-fetch-calls

How do I remove the first 300 million lines from a 700 GB txt file on a system with 1 TB disk space?

 https://unix.stackexchange.com/questions/610494/how-do-i-remove-the-first-300-million-lines-from-a-700-gb-txt-file-on-a-system-w

Interact with Bluetooth devices on the Web

 https://google.github.io/physical-web/

2015 article: https://developers.google.com/web/updates/2015/07/interact-with-ble-devices-on-the-web

Difference between Ruby's dup and clone methods?

 https://stackoverflow.com/a/24650062

Handling File Upload Using Ruby on Rails 5 API

 https://www.pluralsight.com/guides/handling-file-upload-using-ruby-on-rails-5-api

Live Streaming with LiveView and Mux (in under 70 lines of code)

 https://dockyard.com/blog/2020/09/25/live-streaming-with-liveview-and-mux-in-under-70-lines-of-code

Automate API Testing with Postman

https://www.smashingmagazine.com/2020/09/automate-api-testing-postman/

 

Given a background color, how to get a foreground color that makes it readable on that background color?

https://stackoverflow.com/questions/3116260/given-a-background-color-how-to-get-a-foreground-color-that-makes-it-readable-o 

Phoenix Liveview related

https://phoenixphrenzy.com

 

10 useful HTML5 features, you may not be using

 https://dev.to/atapas/10-useful-html5-features-you-may-not-be-using-2bk0

The Rust Book

 https://doc.rust-lang.org/book/ch00-00-introduction.html

There is another book called "Rust By Example" 

(both these books can be accessed by typing "rustup doc")

Elixir, Docker, git

 https://dev.to/noelworden/docker-connecting-an-elixir-phoenix-app-container-and-database-container-2n0a

Systems Programming - Low-Level Academy

https://lowlvl.org

an explorable systems programming course that uses #rustlang and #webassembly for interactive playgrounds and visualisation. It starts with network programming, but it will be expanded to more topics! 

React Native - Facebook React Native clone Interface & styled components

 

Unix Permissions zine

https://wizardzines.com/comics/permissions

 

git - list branches ordered by most recent commit

https://stackoverflow.com/a/5188364

https://stackoverflow.com/questions/5188320/how-can-i-get-a-list-of-git-branches-ordered-by-most-recent-commit

git branch --sort=-committerdate  # DESC

git branch --sort=committerdate  # ASC 

Multiple redux-sagas

 https://stackoverflow.com/questions/39666643/multiple-redux-sagas

How can I exclude one word with grep?

 https://stackoverflow.com/questions/4538253/how-can-i-exclude-one-word-with-grep#4538335

grep -v "unwanted word"

CSS - Hiding

https://wizardzines.com/comics/css-hiding/

 

CSS Reset vs CSS Normalize

https://twitter.com/adrian_twarog/status/1300677257040523272?s=21

 

CSS - Borders (zine)

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

https://wizardzines.com/comics/css-borders/

 

Url to get sample json data

Url to get sample json data - https://jsonplaceholder.typicode.com/posts

function getData() {

console.log('Fetching remote articles');

return fetch('https://jsonplaceholder.typicode.com/posts')

}

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

Webpack overview

https://what-problem-does-it-solve.com/webpack/intro.html

Icons related - Font Awesome alternatives in 2020

https://web3canvas.com/font-awesome-alternatives/

Ways to optimize React applications

https://blog.soshace.com/ways-to-optimize-react-applications/

React - Convert Redux code to MobX

MobX State Tree

Website - https://mobx-state-tree.js.org/intro/philosophy

EggHead.io free course - https://egghead.io/courses/manage-application-state-with-mobx-state-tree

Async in mobx

Preethi Kasireddy - MobX vs Redux: Comparing the Opposing Paradigms - React Conf 2017

React Hooks - useState hook & callbacks

https://medium.com/ableneo/react-setstate-does-not-immediately-update-the-state-84dbd26f67d5

https://stackoverflow.com/questions/56247433/how-to-use-setstate-callback-on-react-hooks

https://stackoverflow.com/questions/53253940/make-react-useeffect-hook-not-run-on-initial-render

https://reactjs.org/docs/hooks-reference.html#uselayouteffect

Some pitfalls of SSR in React

MobX & React Hooks

Feb 2019 How to use Mobx with React Hooks
https://www.youtube.com/watch?v=oQiMXRsO4o4

Dec 2019 Intro to Mobx & React in 2020
https://www.youtube.com/watch?v=pnhIJA64ByY

Dec 2019 React Hooks + MobX TodoList
https://levelup.gitconnected.com/react-hooks-mobx-todolist-c138eb4f3d04

Dec 2019 Replacing Redux with Observables and React Hooks
https://blog.betomorrow.com/replacing-redux-with-observables-and-react-hooks-acdbbaf5ba80

Jan 2020 Using MobX with React Hooks
https://dev.to/ryands17/using-mobx-with-react-hooks-part---2-8ac

April 2020 MobX Strategies with React Hooks
https://medium.com/@suraj.kc/mobx-strategies-with-react-hooks-3de23932cb8c

June 2020 A State management comparison with React hooks, mobx and recoiljs
https://medium.com/@dbottiau/a-state-management-comparison-with-react-hooks-mobx-and-recoiljs-3b7e2f4cc6c3

June 2020 How to use React with MobX and Hooks - Note Taking App Tutorial
https://www.youtube.com/watch?v=MKNls_FReXI

useSelector or useContext

https://stackoverflow.com/questions/60438772/useselector-or-usecontext

React & JS Cheatsheets by Reed Barger

Old links that are not working anymore:

https://codeartistry.io/10-javascript-concepts-for-react-cheatsheet/
https://codeartistry.io/the-react-2020-cheatsheet/

New links:

https://medium.com/code-artistry/10-javascript-concepts-you-need-to-master-react-cheatsheet-4801f85e8e7e

https://www.freecodecamp.org/news/the-react-cheatsheet-for-2020/

How to center an element horizontally and vertically

https://stackoverflow.com/questions/19461521/how-to-center-an-element-horizontally-and-vertically/19461564#19461564

VueJS Best Practices

https://tekkiwebsolutions.com/blog/vuejs-best-practices/

Refactoring and the Art of Improvement

https://medium.com/young-coder/refactoring-and-the-art-of-improvement-19735563fbc2

Here are some common suggestions that sound reasonable, but set different thresholds:

• Refactor when the cost of refactoring is less than the cost of not refactoring. (Sounds good, but how can you make that calculation?)
• Refactor before adding new features if it will make it easier to add those features.
• Ignore ugly code once. But refactor if you stumble over the same pain point twice.
• Refactor opportunistically. Clean things up whenever and wherever you get the chance.
• Refactor if you can make the change quickly (say, within a day).
• Only refactor when the pain of leaving it exceeds the pain of fixing it.
• Refactor immediately after shipping. (A great idea with very little likelihood of actually being followed.)

Why does Rails 6 include both Webpacker and Sprockets?

https://rossta.net/blog/why-does-rails-install-both-webpacker-and-sprockets.html

React 2020 Cheat Sheet

https://codeartistry.io/the-react-2020-cheatsheet/

Advice from Marcelo Bielsa

"- Do not allow failure to deteriorate your self-esteem. When you win, the message of admiration is so confusing, it stimulates you so much your love for yourself and that deforms so much. And when you lose, the opposite happens, there is a morbid tendency to discredit you , to offend you, just because you lost. In any task you can win or lose, the important thing is the nobility of the resources used. " - Marcelo Bielsa

React Spinners library

davidhu.io/react-spinners

550+ customizable (size, color, stroke) open-source SVG icons for web developers

https://tablericons.com/

https://www.reddit.com/r/programming/comments/hum2mq/550_customizable_size_color_stroke_opensource_svg/

Great short tutorial zines for a variety of topics

https://wizardzines.com/comics/

Mac OS - Tab back to Full Screen app

https://superuser.com/questions/404228/mac-os-x-command-tab-doesnt-switch-back-to-fullscreen-app

GoRails episodes to watch

Direct Uploads with Active Storage
https://gorails.com/episodes/direct-uploads-with-rails-active-storage?autoplay=1

How to use Uppy with Active Storage
https://gorails.com/episodes/uppy-with-active-storage?autoplay=1

How to use Bootstrap with Webpack & Rails
https://gorails.com/episodes/how-to-use-bootstrap-with-webpack-and-rails?autoplay=1

How to use Javascript via Webpacker in Rails 6
https://gorails.com/episodes/webpacker-javascript-in-rails-6?autoplay=1

How to use ActionText in Rails 6
https://gorails.com/episodes/how-to-use-action-text?autoplay=1

Webpacker Javascript Embed Code Snippet & Scoped Styles
https://gorails.com/episodes/embeddable-javascript-widget-part-6?autoplay=1

Embeddable Javascript Comments Widget Models - Part 1
https://gorails.com/episodes/embeddable-javascript-widget-part-1?autoplay=1

VueJS JWT Auth with Rails APIs and LocalStorage
https://gorails.com/episodes/vuejs-jwt-auth-with-rails-api?autoplay=1

How to build APIs with Rails
https://gorails.com/series/how-to-build-apis-with-rails

Everything You Need to Know About OAuth (2.0)

https://gravitational.com/blog/everything-you-need-to-know-about-oauth/

Some CSS basics

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

https://twitter.com/b0rk/status/1284528767151611904?s=12

URI issue after attempting to run Rails server with completely new app

Error: uninitialized constant URI::Generic,
NameError: uninitialized class variable @@schemes in URI

https://stackoverflow.com/questions/59495309/uri-issue-after-attempting-to-run-rails-server-with-completely-new-app

Ruby command line arguments

https://alvinalexander.com/blog/post/ruby/how-read-command-line-arguments-args-script-program/

Styling React Applications with Ant.Design

2017 article

https://medium.com/@yoniweisbrod/styling-react-applications-with-ant-design-92b742aab0b0

https://ant.design

Hamler - Haskell-style functional programming language running on Erlang VM.

https://www.hamler-lang.org/
https://www.reddit.com/r/elm/comments/h7qd0w/rewrite_your_backends_hamler_a_haskellstyle/

Dan Abramov's JS site - whatthefuck.is/closure

whatthefuck.is/closure

Popular React UI Component Libraries And Frameworks

2018 April - https://hackernoon.com/23-best-react-ui-component-libraries-and-frameworks-250a81b2ac42

2019 Feb - https://designrevision.com/react-component-libraries/

2020 March - https://blog.logrocket.com/top-10-react-component-libraries-for-2020/

2020 June - https://www.codeinwp.com/blog/react-ui-component-libraries-frameworks/

Finding the Largest Files On Your Mac

Install elasticseach on Mac

https://demonuts.com/install-elasticsearch-mac/

Programming Concepts: Explained With Clean and Simple Animations

The myth of NoSQL (vs. RDBMS) “joins dont scale”

https://blog.dbi-services.com/the-myth-of-nosql-vs-rdbms-joins-dont-scale/

An Intro to JavaScript Modules

https://livecodestream.dev/post/2020-07-08-an-intro-to-javascript-modules/

CRDTs: The Hard Parts

The Auth Bottleneck Pattern

https://fusionauth.io/blog/2020/07/08/auth-and-the-bottleneck-architecture

Javascript Testing - React, Jest, React Testing Library, Cypress

Beeswarm chart with D3.js

https://towardsdatascience.com/better-data-visualization-using-beeswarm-chart-bb46a229c56b

The Difference Between HTTP Auth, API Keys, and OAuth

https://nordicapis.com/the-difference-between-http-auth-api-keys-and-oauth/

International Institute of Software Management, iiSM.ORG

https://iism.org/home

Linux - Splitting & Joining a file

https://www.ibm.com/support/pages/how-use-split-and-cat-commands-split-large-file-smaller-pieces-and-then-restore-pieces-single-file

Splitting:
split -l 1000000 full_file.dat

Output is - xaa, xab, xac

Joining:
cat xab >> xaa
cat xac >> xaa

Note: At the lines where the files are joining, the ending line of part1 and 1st line of part 2 will be concatenated on the same line. We'll have to open the file in vi and just enter a newline in those places.

VS Code Theme suggestions

https://twitter.com/emmabostian/status/1280854686573133825?s=21

Vue.js - How to pass an object as prop and have the component update sub-objects

https://stackoverflow.com/questions/49072799/vuejs-how-to-pass-an-object-as-prop-and-have-the-component-update-sub-objects

Forcing vue.js to re-render

https://stackoverflow.com/questions/32106155/can-you-force-vue-js-to-reload-re-render#40586872

Redux Toolkit

https://redux-starter-kit.js.org/tutorials/intermediate-tutorial

https://github.com/immerjs/immer

React - Hooks & Redux related

https://react-redux.js.org/api/hooks

Additional considerations when using hooks

There are some architectural trade offs to take into consideration when deciding whether to use hooks or not. Mark Erikson summarizes these nicely in his two blog posts Thoughts on React Hooks, Redux, and Separation of Concerns and Hooks, HOCs, and Tradeoffs.

https://blog.isquaredsoftware.com/2016/10/idiomatic-redux-why-use-action-creators/

Online tool to plot a line

Online tool to plot a line:
https://www.rapidtables.com/tools/scatter-plot.html

ES6 Computed Property Names

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names

// Computed property names (ES2015)
let i = 0
let a = {
  ['foo' + ++i]: i,
  ['foo' + ++i]: i,
  ['foo' + ++i]: i
}

console.log(a.foo1) // 1
console.log(a.foo2) // 2
console.log(a.foo3) // 3

Handling React Forms with Mobx Observables

https://blog.risingstack.com/handling-react-forms-with-mobx-observables/

https://twitter.com/emmabostian/status/1277208982864748544?s=21

Rack::Attack - Rack middleware for blocking & throttling abusive requests

iptables
    |
   V
nginx  -   ngx_http_limit_conn_module
    |
   V
rack middleware - rack attack

Iptables:
https://duckduckgo.com/?q=iptables&t=brave&ia=web

Nginx ngx_http_limit_conn_module:
https://nginx.org/en/docs/http/ngx_http_limit_conn_module.html#limit_conn_zone

Rack Attack links:
https://github.com/kickstarter/rack-attack
https://kickstarter.engineering/rack-attack-protection-from-abusive-clients-4c188496293b
https://blog.bigbinary.com/2018/05/15/how-to-mitigate-ddos-using-rack-attack.html
https://dylanwolff.com/posts/blocking-abusive-requests-to-your-ruby-app-with-rack-attack/
http://blog.hayleyanderson.us/2015/06/05/using-and-testing-rack-attack-to-improve-the-security-of-your-rails-app/

Good Haskell books for beginners

Good Haskell books for beginners:
1) REAL WORLD HASKELL!
2) "Get programming with Haskell" by Will Kurt

elm-ui Intro

https://korban.net/posts/elm/2019-11-17-elm-ui-introduction/

How to try out new stuff

Flatten a Javascript object

https://stackoverflow.com/questions/19098797/fastest-way-to-flatten-un-flatten-nested-json-objects
https://www.npmjs.com/package/flat

Take a nested Javascript object and flatten it, or unflatten an object with delimited keys.

var flatten = require('flat')

 

flatten({

    key1: {

        keyA: 'valueI'

    },

    key2: {

        keyB: 'valueII'

    },

    key3: { a: { b: { c: 2 } } }

})

 

// {

//   'key1.keyA': 'valueI',

//   'key2.keyB': 'valueII',

//   'key3.a.b.c': 2

// }

Lodash flatMap example

https://jsfiddle.net/royto/qvu8kr17/

Interesting Thoughts on Software Design by Kent Beck (RailsConf 2020)

RailsConf 2020 CE - Webpacker, It-Just-Works, But How? by Justin Gordon

Learn Elixir and Phoenix by building a read-it-later service

https://dev.to/oliverandrich/learn-elixir-and-phoenix-by-building-a-read-it-later-service-project-setup-3d1c

Ruby on Rails multitenancy in 2020

https://realptsdengineer.com/ruby-on-rails-multitenancy-in-2020/

Glimmer - Ruby Desktop Development GUI Library

https://github.com/AndyObtiva/glimmer

a tiny whack-a-mole game using Vue.js

https://jvns.ca/blog/2017/06/26/vue-js-fun/

A little bit of plain Javascript can do a lot

https://jvns.ca/blog/2020/06/19/a-little-bit-of-plain-javascript-can-do-a-lot/

Docker for beginners

https://dev.to/kodekloud/docker-for-absolute-beginners-3pb9

Concurrent browser tests with elixir

https://github.com/elixir-wallaby/wallaby

Elixir Processes: Observability

https://samuelmullen.com/articles/elixir-processes-observability/

Programming videos

https://www.youtube.com/channel/UCZCFT11CWBi3MHNlGf019nw/featured

https://www.reddit.com/r/programming/comments/hbvx0t/this_man_teaches_better_than_most_mit_professors/

Ecommerce in Ruby on Rails - Spree vs Solidus

https://selleo.com/blog/best-ruby-on-rails-ecommerce-platform-spree-vs-solidus

Password Manager - Build on top of electron - Source Code

https://github.com/hasukmistry/password-manager

https://github.com/hasukmistry/passman

hey.com is a love letter to the open web

https://twitter.com/alekseykulikov_/status/1272887192495566849?s=21

React state management in 2020

https://twitter.com/chrisachard/status/1272963243225632768?s=21

Deploying Elixir in Kubernetes

https://mpraski.com/2020/03/25/deploying-elixir-in-kubernetes

Read a paper: Will Serverless End the Dominance of Linux in the Cloud?

Load Testing

https://www.freecodecamp.org/news/practical-guide-to-load-testing/

Using global mixins in Vue

https://medium.com/@freekmurze/using-global-mixins-in-vue-js-68bf0623c554

Vuejs Component Templates - different options

https://vuejsdevelopers.com/2017/03/24/vue-js-component-templates/

Getting Started with Vue

What's Functional Programming All About?

https://www.lihaoyi.com/post/WhatsFunctionalProgrammingAllAbout.html

Grid.js - Advanced Table Plugin

https://gridjs.io/

Grid.js is a Free and open-source HTML table plugin written in TypeScript. It works with most JavaScript frameworks, including React, Angular.js, Vue and VanillaJs.

Jobs site including Remote - https://www.techseek.io/

https://www.techseek.io/

PostgreSQL articles

https://info.crunchydata.com/blog

PostgreSQL BRIN Indexes: Big Data Performance With Minimal Storage

https://info.crunchydata.com/blog/postgresql-brin-indexes-big-data-performance-with-minimal-storage

Most Popular Backend Frameworks (2012 - 2020)

Simplest explanation of the math behind Public Key Cryptography

https://www.onebigfluke.com/2013/11/public-key-crypto-math-explained.html?m=1

AWS S3 tutorial

https://dev.to/rrampage/level-up-your-s3-skills-by-playing-this-game-23a8

Lost connection to MySQL server during query

https://samirbehara.com/2019/09/10/mysql-connectivity/

JavaScript Module Systems Showdown: CommonJS vs AMD vs ES2015

https://auth0.com/blog/javascript-module-systems-showdown/

How to write Javascript in Rails 6 | Webpacker, Yarn and Sprockets

https://blog.capsens.eu/how-to-write-javascript-in-rails-6-webpacker-yarn-and-sprockets-cdf990387463

https://www.botreetechnologies.com/blog/introducing-jquery-in-rails-6-using-webpacker

VUECONF US 2019 | Vue 3: What I'm Most Excited About with Chris Fritz

Below is a Youtube comment by: Prashanth Krishnamurthy 

Here's an outline of the video. Vue 3 - harder, better, faster, stronger.Trends - Simpler and more explicit. List of things that Chris Fritz is excited about: 1. Reactivity caveats are gone. You can do this now - arr[index] = newVal; 2. Multiple root nodes

3. Simpler transparent wrappers How do you write a custom component today for a 'super-powered' input box?
v-model="searchText" placeholder="Search" @keyup.enter="search" The actual component ..

{{ label }}
Compare this to a more concise component.
{{ label }}

4. No more automatic attribute inheritance. Explicitly pass arguments using v-bind="$attrs" You don't have to use inheritAttrs: false (since it will never be true).

5. v-on will compile to attributes. E.g @keyup compiles to on-keyup. Just v-bind = "$attrs" ($attrs will incl. all non-emitted listeners) No more $listeners. No more .native modifier for v-on.

6. v-model will compile to attributes. Again, just v-bind = "$attrs". No more overriding the native input event. No more model option.

7. Smarter v-model on components If you want to move 'select' to a component.

{{ choice }}

You will use -
The corresponding component code is simpler...


{{ choice }}

8. Simpler render functions
render(h) { return h(BaseInput, { modelValue: this.searchText, onModelUpdate: newValue => { this.searchText=newValue; }, class: this.$style.searchInput, placeholder: 'Search' }) } Vue3 migration will be easier through automatic migrations (where the intent is clear).