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).

VS Code customize sidebar

https://stackoverflow.com/questions/35774918/vs-code-customize-sidebar

The only ways to scale various parts of the UI currently are through the overall zoom level (window.zoomLevel) and the editor's font size (editor.fontSize).

Linux Productivity Tools

https://www.usenix.org/sites/default/files/conference/protected-files/lisa19_maheshwari.pdf

ThoughtWorks Tech Radar 2020

https://assets.thoughtworks.com/assets/technology-radar-vol-22-en.pdf

Figma - collaborative design tool like Invision, Sketch

Figma
Adopt

Figma has demonstrated to be the go-to tool for collaborative design, not only for designers but for multidisciplinary teams too; it allows developers and other roles to view and comment on designs through the browser without the desktop version. Compared to its competitors (e.g., Invision or Sketch) which have you use more than one tool for versioning, collaborating and design sharing, Figma puts together all of these features in one tool that makes it easier for our teams to discover new ideas together. Our teams find Figma very useful, especially in remote and distributed design work enablement and facilitation. In addition to its real-time design and collaboration capabilities, Figma also offers an API that helps to improve the DesignOps process.

date time in linux

https://www.lifewire.com/display-date-time-using-linux-command-line-4032698

crontab

https://www.liquidweb.com/kb/how-to-display-list-all-jobs-in-cron-crontab/

React + Mobx example - Todo List

jquery + mobx example

https://jsfiddle.net/mweststrate/vxn7qgdw

How Not to Store Passwords

https://pboyd.io/posts/how-not-to-store-passwords/

Mongodb tooling in VS Code

https://www.mongodb.com/blog/post/introducing-mongodb-for-vs-code

deno - version 1.0 released

https://academind.com/learn/node-js/denojs-first-look/

https://deno.land/v1

Phoenx Liveview - Free course

https://pragmaticstudio.com/phoenix-liveview

Impact of Network Latency on DB performance

https://www.cybertec-postgresql.com/en/postgresql-network-latency-does-make-a-big-difference/

Icons at icons8.com

https://icons8.com/

Web Vitals - Essential metrics for a healthy site

https://web.dev/vitals/

OAuth 2.0 related

https://medium.com/dailyjs/what-every-software-engineer-should-know-about-oauth-2-0-10f0ef4998e5

Facebook redesign related

https://engineering.fb.com/web/facebook-redesign/

System Design class

https://systemdesignclass.com/

mongo - cursor not found error

https://itisatechiesworld.wordpress.com/2017/02/23/mongoerroroperationfailure-cursor-not-found/

https://docs.mongodb.com/manual/reference/method/cursor.noCursorTimeout/

Mongo - creating and removing indexes using ruby driver

https://docs.mongodb.com/ruby-driver/master/tutorials/ruby-driver-indexing/#listing-indexes

Linux - screen command

https://www.howtogeek.com/662422/how-to-use-linuxs-screen-command/

Drones related - Mavic Air 2

Learn Linux via Zines

https://wizardzines.com/zines/bite-size-linux/

How to monitor EC2 instances by memory?

https://stackoverflow.com/questions/42317062/how-to-monitor-ec2-instances-by-memory#42317227

XState - JavaScript State Machines and Statecharts

https://xstate.js.org/

https://github.com/davidkpiano/xstate

Rails.cache.delete_matched calls can cause high CPU load in Redis

https://gitlab.com/gitlab-org/gitlab/-/issues/201808

https://gitlab.com/gitlab-com/gl-infra/production/-/issues/1617

Mongodb tutorials

https://studio3t.com/knowledge-base/categories/mongodb-tutorials/

HOW TO FLY A QUADCOPTER/DRONE FOR BEGINNERS

Websites to learn about Drones

https://en.wikipedia.org/wiki/Unmanned_aerial_vehicle

https://www.dronezon.com/learn-about-drones-quadcopters/what-is-drone-technology-or-how-does-drone-technology-work/

https://insideunmannedsystems.com/

What's coming in Unpoly 0.70 - Google Groups

https://groups.google.com/forum/m/#!topic/unpoly/FDdVjxbjNLg

Phoenix LiveView - using JS & Charts component

You can tie into JavaScript with hooks: https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.html#module-js-interop-and-client-controlled-dom

and if you want JS charts, check out how the Phoenix Dashboard uses uPlot:
https://github.com/phoenixframework/phoenix_live_dashboard/commit/d887c305f887c4d991f2ee40301a628aa41eb8b0

Here's the charting component: -
https://github.com/phoenixframework/phoenix_live_dashboard/blob/master/assets/js/metrics_live/index.js

Build a real-time Twitter clone in 15 minutes with LiveView and Phoenix 1.5

https://www.phoenixframework.org/blog/build-a-real-time-twitter-clone-in-15-minutes-with-live-view-and-phoenix-1-5



Code at - https://github.com/josecfreittas/phoenix-liveview-15m.twitter

Pokemon Rest API

https://pokeapi.co/

Discussion on React's performance issues

https://twitter.com/slightlylate/status/1251668620335214592?s=19

https://docs.google.com/document/d/1LlpQ7WPj9MuW8SOw8eRKyxYyTJ2FPLQ6WaMNXeR9mUM/edit#

Postgresql - launch options

Run as a Background service:

To have launchd start postgresql now and restart at login:
  brew services start postgresql

Not as a Background service:
Or, if you don't want/need a background service you can just run:
  pg_ctl -D /usr/local/var/postgres start

Data for Covid19 in India

https://indiacovid19.github.io/
JSON Data https://indiacovid19.github.io/indiacovid19.json

The BEST Low Cost DRONES for BEGINNERS (part 1)

Drone Theory 101: Part 1. The basics, and how an fpv quadcopter functions!

Drone programming using MIT Scratch

Lazy Load images in browser

https://addyosmani.com/blog/lazy-loading/

The Ultimate Guide to WKWebView

https://www.hackingwithswift.com/articles/112/the-ultimate-guide-to-wkwebview

Build a Hybrid SwiftUI app for iOS with Phoenix LiveView

https://www.richardtaylor.dev/articles/hybrid-swiftui-app-for-ios-with-phoenix-liveview

Rails & Docker Compose

https://docs.docker.com/compose/rails/

Difference between Management & Leadership

https://marker.medium.com/companies-dont-need-to-lay-people-off-to-survive-4197a9e57f6c

Excerpt:

One of the things I’ve learned in my 45 years leading a company is that while Management is about using others for your success, Leadership is about stewarding the lives entrusted to you.

A good website to waste time

https://www.reddit.com/r/AskReddit/comments/fy2j5o/whats_a_good_website_to_waste_a_whole_night_on/

D3.js tutorial

https://www.tutorialspoint.com/d3js/index.htm

AWS ElastiCache (Redis) metrics - CPU Utilization vs Engine CPU Utilization

https://stackoverflow.com/questions/51303663/aws-elasticache-for-redis-engine-cpu-utilization-metrics-how-to-interpret#51378513

A new authentication solution for Phoenix by @josevalim

https://t.co/XBCcsw75w4?amp=1

LiveView update

https://twitter.com/josevalim/status/1244996966355959808

https://pragmaticstudio.com/phoenix-liveview

How DevOps has evolved since 2012

https://www.techrepublic.com/article/how-devops-has-evolved-since-2012/

GOTO 2019 - Scaling up an iOS Codebase - Tjeerd In't Veen

JavaScript Closures: setTimeout Inside a For Loop

https://wsvincent.com/javascript-closure-settimeout-for-loop/

d3 pie/donut chart example

Initial version:
https://codepen.io/theacadian/pen/jOPdPGm?editors=1011
Final version:
https://codepen.io/theacadian/pen/ExjregK?editors=0010

References:
- https://schoolofdata.org/2013/10/01/pie-and-donut-charts-in-d3-js/
- http://www.adeveloperdiary.com/d3-js/create-a-simple-donut-chart-using-d3-js/
- https://bost.ocks.org/mike/circles/

Learn D3

https://observablehq.com/@d3/learn-d3

PWA related news

https://andregarzia.com/2020/03/private-client-side-only-pwas-are-hard-but-now-apple-made-them-impossible.html

List of Open-Source iOS Apps

https://github.com/dkhamsing/open-source-ios-apps

UI Colors

https://flatuicolors.com/ - get hex values for colors

https://www.uicolor.io/ - convert hex values to RGB values

Excalidraw - whiteboard tool

https://excalidraw.com

Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.

Redis in Action - ebook

https://redislabs.com/redis-in-action/

AWS ElastiCache documentation

https://docs.aws.amazon.com/AmazonElastiCache/latest/red-ug/redis-ug.pdf#Tutorials

CPU Utilization discussion around Elixir

CPU Utilization discussion around Elixir
https://www.reddit.com/r/elixir/comments/fi6hfe/has_cpu_utilization_been_improved_since_17/

Below artice shows high CPU usage for Elixir
https://stressgrid.com/blog/benchmarking_go_vs_node_vs_elixir/

Below article explains why and how it is actually a feature of BEAM (busy waiting) which might be interpreted wrongly, but since AWS will also interpret it wrongly, how to turn off busy-waiting
https://stressgrid.com/blog/beam_cpu_usage/

Tabular data sorting/pagination with Phoenix LiveView

https://www.reddit.com/r/elixir/comments/fjinjo/can_i_do_this_using_phoenix_liveview/

(includes a response from Chris McCord)

Progressive Enhancement in Rails: why and how

https://featurist.co.uk/blog/progressive-enhancement-in-rails/

Text processing in the shell

https://blog.balthazar-rouberol.com/text-processing-in-the-shell

Read a paper: The VM that powers Amazon's Lambda

Job Control: the Bash Feature You Only Think You Don't Need

https://www.linuxjournal.com/content/job-control-bash-feature-you-only-think-you-dont-need

A primer on the different recommendation system algorithms (with pros and cons of each)

https://medium.com/@CrossingMinds/what-are-the-top-recommendation-engine-algorithms-used-nowadays-646f588ce639

Do Not Log

https://sobolevn.me/2020/03/do-not-log

Debugging Your iPhone Mobile Web App With Safari Dev Tools

https://medium.com/@mattcroak718/debugging-your-iphone-mobile-web-app-using-safari-development-tools-71240657c487

Design Tips for Developers

https://dev.to/supabase/design-tips-for-developers-1akg

Building a Vue Enterprise Application

https://medium.com/@gregsolo/building-vue-enterprise-application-part-0-overture-6d41bea14236

start-working-with-kubernetes-today

https://www.flightapi.io/blog/start-working-with-kubernetes-today.html

Akka vs Elixir

https://www.reddit.com/r/elixir/comments/fbhnxq/choosing_between_akka_and_elixir/

An intro to Elixir & Phoenix

https://emmanuelhayford.com/how-to-program-elixir-phoenix-in-a-day/

How To Show Confirmation Alerts With OK And Cancel Buttons Using Swift 5?

https://www.yogeshchauhan.com/150/swift/how-to-show-confirmation-alerts-with-ok-and-cancel-buttons-using-swift-5

Why your software should use UUIDs in 2020s

https://devforth.io/blog/why-your-software-should-use-uuids-in-2020s

Excerpt:

Conclusion

• UUIDs solve the problem of centralized ID store making possible working in offline and handle complex relations on frontend by making frontend independent from the server which makes it super-responsive
• UUIDs allow you to implement shards for high-load scalable systems
• UUIDs make your IDs more secure by hiding records count
• To decrease insert time use UUIDv1 as IDs system
• Store it in the database as 16 bytes
• To save traffic transmit Shot UUIDs

Read a paper: My VM is Lighter (and Safer) than your Container

Also look at Firecracker from Amazon

React Lessons

https://blog.soshace.com/category/javascript/react/react-lessons/

Build an iMessage Clone with The Stream Chat iOS SDK

https://getstream.io/blog/imessage-clone-using-streamchat-ios-sdk/

CSS & React

https://twitter.com/mxstbr/status/1235354464975904768?s=12

Compare Trends on StackOverflow

https://insights.stackoverflow.com/trends?tags=ruby%2Cruby-on-rails%2Cjavascript%2Celixir%2Cpython%2Cc%23%2Cjava

How to use Benchmark Method in Ruby

https://learnandlearn.com/ruby-programming/ruby-reference/how-to-use-benchmark-method-in-ruby

A guide to character encoding aware development

https://gist.github.com/clarkb7/3e7e43ab85717e81925656f70f5bae8d

General articles about Programming - Programming in the twenty-first century

https://prog21.dadgum.com/

gRPC

https://docs.anycable.io/#/getting_startedhttps://grpc.io

AnyCable - ActionCable on Steroids

https://evilmartians.com/chronicles/anycable-actioncable-on-steroids

https://medium.com/@leshchuk/from-action-to-any-1e8d863dd4cf

Working with Javascript in Rails

https://guides.rubyonrails.org/working_with_javascript_in_rails.html#remote-elements

Asynchronous messaging terms

https://www.kislayverma.com/post/defining-messaging-terms-precisely

Continuous Refactoring

https://www.kislayverma.com/post/saving-the-day-with-continuous-refactoring

AWS CloudFormation guide

https://start.jcolemorrison.com/the-complete-cloudformation-guide/

A JS playground with some decent visualization

https://algorithm-pad.now.sh/

Podcast - Adopting Elixir and RabbitMQ with Steven Nunez

https://www.reddit.com/r/elixir/comments/f5r4za/podcast_elixirmix_88_adopting_elixir_and_rabbitmq/

Elixir/Phoenix - User Account Management

https://www.reddit.com/r/elixir/comments/f6rfi5/what_do_you_use_for_useraccount_management/

StimulusReflex, Unpoly.js

StimulusReflex:
https://docs.stimulusreflex.com

Unpoly:
https://unpoly.com
https://unpoly.com/tutorial

Agile History: Kent Beck vs. Alan Cooper

https://neilonsoftware.com/2020/01/24/agile-history-kent-beck-vs-alan-cooper/

How remote.com Uses Phoenix and Elixir to Serve Up to 1 Million Requests a Day on a Small AWS ECS Cluster

https://runninginproduction.com/podcast/13-remote-helps-you-find-remote-jobs-anywhere