educative.io course - Grokking the Advanced System Design Interview - Learn Interactively

 https://www.educative.io/courses/grokking-adv-system-design-intvw

But how does bitcoin actually work?

 

Redux - Can I dispatch an action in reducer?

https://stackoverflow.com/questions/36730793/can-i-dispatch-an-action-in-reducer 

blog.microideation.com

 https://blog.microideation.com/

A new children's book / illustrated guide to Apache Kafka

 https://www.gentlydownthe.stream/

Memoize Commands or Bash Functions with Coprocs

https://mbuki-mvuki.org/posts/2021-05-30-memoize-commands-or-bash-functions-with-coprocs/ 

Disasters I've seen in a microservices world

https://world.hey.com/joaoqalves/disasters-i-ve-seen-in-a-microservices-world-a9137a51 

Stock Market APIs

 https://kush01.hashnode.dev/top-stock-market-apis

Nerves device as an IP Camera?

 https://elixirforum.com/t/nerves-device-as-an-ip-camera/19526

BUILDING A HOME SECURITY SYSTEM WITH ELIXIR AND NERVES by Arto Bendiken

 https://ar.to/2019/02/talk-at-pivorak-conf-2

CCTV Security Camera 1080p Night Vision WiFi & IP66 Unboxing in Telugu

 

(Free) Machine Learning crash course from Google

 https://developers.google.com/machine-learning/crash-course/

Drone Programming With Python Course | 3 Hours | Including x4 Projects | Computer Vision

 

Don't Buy Security Camera! Build Your Own || Computer Vision || Open cv tutorial || python project

 

increment.com - General Trends in Software Industry

 https://increment.com/issues/

codesdope.com

 https://www.codesdope.com/course/algorithms-introduction/

https://www.codesdope.com/course/data-structures-introduction/

Quantum Communications - Dual band stabilization

https://www.zdnet.com/article/researchers-created-an-un-hackable-quantum-network-over-hundreds-of-kilometers-using-optical-fiber/ 

Excerpt:

To tackle the instable conditions inside optical fibers, Toshiba's researchers developed a new technique called "dual band stabilization". The method sends two signals down the optical fiber at different wavelengths. The first wavelength is used to cancel out rapidly varying fluctuations, while the second wavelength, which is at the same wavelength as the qubits, is used for finer adjustments of the phase. 

Put simply, the two wavelengths combine to cancel environmental fluctuations inside the fiber in real time, which according to Toshiba's researchers, enabled qubits to travel safely over 600 kilometers. 

Already, the company's team has used the technology to trial one of the most well-known applications of quantum networks: quantum-based encryption. 

Known as Quantum Key Distribution (QKD), the protocol leverages quantum networks to create security keys that are impossible to hack, meaning that users can securely exchange confidential information, like bank statements or health records, over an untrusted communication channel such as the internet.  

kalkicode.com - DSA practice website

https://kalkicode.com/ 

Do You Really Need Redis? How to Get Away with Just PostgreSQL

 https://spin.atomicobject.com/2021/02/04/redis-postgresql/

Priority Queue Using Heap

 https://www.codesdope.com/blog/article/priority-queue-using-heap/

https://www.codesdope.com/course/algorithms-introduction/

https://www.codesdope.com/course/data-structures-introduction/

http://web.eecs.utk.edu/~leparker/Courses/CS302-Fall06/Lecture_notes/09-26-Priority-queues-1.pdf

https://sites.fas.harvard.edu/~libs111/files/lectures/unit9-3.pdf

mocki.io - create fake json API

https://mocki.io/ 

Designing Software with Predicate Logic

https://buttondown.email/hillelwayne/archive/designing-software-with-predicate-logic/ 

Wormhole: Instant Encrypted File-Sharing Powered by WebTorrent

 https://torrentfreak.com/wormhole-instant-encrypted-file-sharing-powered-by-webtorrent-210611/

https://torrentfreak.com/webtorrent-brings-bittorrent-to-the-web-impresses-netflix-151213/

Good and Bad Elixir

https://keathley.io/blog/good-and-bad-elixir.html 

glitch.com - online IDE

 https://glitch.com/

Hash.ai - where models and simulations live

 https://hash.ai/index

Redux related

Memoized Selectors

 https://www.reddit.com/r/reduxjs/comments/ns2gh5/memoized_selectors/

shallowEqual:

https://www.reddit.com/r/reduxjs/comments/n65lig/destructuring_useselector_or_not/

singularityhub.com/, reddit.com/r/Futurology/

 https://singularityhub.com/

https://www.reddit.com/r/Futurology/

A Self-Driving Truck Got a Shipment Cross-Country 10 Hours Faster Than a Human Driver

 https://singularityhub.com/2021/06/01/a-driverless-truck-took-a-load-of-watermelons-cross-country-42-faster-than-a-human-driver/

De-fragmenting your brain

https://kristiandupont.medium.com/you-should-meditate-but-you-already-knew-that-e694f6f04dcf 

M1 dev setup with a virtual Linux box

https://gopensource.com/m1-dev-setup-with-a-virtual-linux-box-1a2688231667 

https://kristiandupont.medium.com/

Tailwind CSS - css utility classes

https://adamwathan.me/css-utility-classes-and-separation-of-concerns/ 

Introduction to React Testing

 https://javascript.works-hub.com/learn/react-testing-a-beginners-intro-a9533?utm_source=reddit&utm_medium=affiliates&utm_campaign=javascriptworks-blogpost

A complete computer science study plan to become a software engineer

 https://github.com/jwasham/coding-interview-university

Create a cryptocurrency trading bot in Elixir

 https://www.elixircryptobot.com

https://www.youtube.com/watch?v=wVYIx7M6o28&list=PLxsE19GnjC5Nv1CbeKOiS5YqGqw35aZFJ

Circular Progress Bar

 https://tiagobalmeida.github.io/posts/making-a-pure-css-circular-progress-bar.html

https://codepen.io/theacadian/pen/mdWrGyX

Creating Virtual Reality using WebXR and HTML

 http://www.primaryobjects.com/2021/05/10/creating-virtual-reality-using-webxr/

Learn CSS Grid

 https://www.youtube.com/watch?v=zhhZDKhK-NU

Understanding Docker: part 32 – Networks

https://dev.to/aurelievache/understanding-docker-part-32-networks-38gj 

Building a Distributed Turn-Based Game System in Elixir

 https://fly.io/blog/building-a-distributed-turn-based-game-system-in-elixir/

Binance Trading Bot | Built With React.Js

 https://www.asquero.com/project/binance-trading-bot-built-with-reactjs-6XuWg0KC/

https://github.com/chrisleekr/binance-trading-bot

Ruby Schedulers: Whenever vs Sidekiq Cron vs Sidekiq Scheduler

 https://medium.com/serpapi/ruby-schedulers-whenever-vs-sidekiq-cron-vs-sidekiq-scheduler-b229d7ca5256

Stack on a budget (Free Tier Driven Development FTDD)

https://github.com/255kb/stack-on-a-budget 

Youtube channel for learning different things

https://www.youtube.com/c/HusseinNasser-software-engineering/videos?app=desktop&view=0&sort=da&flow=grid 

Low Level Design related

 https://shashibhushankr.medium.com/cracking-the-low-level-design-lld-interview-4e02b3b555e2

Become A DevOps Engineer in 2021: A Comprehensive Guide

 https://devopscube.com/become-devops-engineer

Go vs Elixir

https://preslav.me/2021/04/23/between-golang-and-elixir/ 

React Native - News app

 https://youtu.be/zqADgkPiT1g

Supabase with Ionic

 https://buff.ly/32kmfr7

A Guide to Flexbox

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

Linked List in Javascript — Circular, and Reversed List

https://beforesemicolon.medium.com/linked-list-in-javascript-circular-and-reversed-list-4376980f6568 

4 types of nosql databases

 https://vishnu.hashnode.dev/4-types-of-nosql-databases

Context Switching in Git

https://opensource.com/article/21/4/context-switching-git 

Retargeting

https://onesignal.com/blog/retargeting/ 

Why some developers are avoiding app store headaches by going web-only

https://www.fastcompany.com/90623905/ios-web-apps 

Building Git in Elixir

 https://itnext.io/building-git-in-elixir-part-1-2f2ec245df74

Liveview example

https://twitter.com/mrkurt/status/1380517985606057986?s=21 

https://liveview-counter.fly.dev/

https://github.com/fly-apps/phoenix-liveview-cluster

Ionic React - Banking UI

 https://ionicreacthub.com/ionic-react-banking-ui

https://github.com/alanmontgomery/ionic-banking-ui

Programming/Data Structures - Nested Data Structure Traversal

https://github.com/josevalim/nested-data-structure-traversal 

Json-Function - Lets you use where, limit, select, orderBy, and more in JSON data.

https://github.com/aykutkardas/Json-Function 

Sandbox for Mac

 https://github.com/lynaghk/sandboxtron

React - React Stack 2021

https://dev.to/mondal10/react-stack-2021-4h8l 

Learning Elixir, Phoenix and LiveView: A Primer for Experienced Programmers

https://amattn.com/p/learning_elixir_phoenix_and_liveview_a_primer_for_experienced_programmers.html?utm_source=elixirdigest&utm_medium=web&utm_campaign=301 

React - Ways of getting data from API

https://dev.to/olenadrugalya/ways-of-getting-data-from-api-in-react-2kpf

React + D3.js

 https://twitter.com/reactnewsletter/status/1379114124894953475?s=21

https://wattenberger.com/blog/react-and-d3

Ionic React - Facebook Clone

 https://twitter.com/93alan/status/1378943233896673286?s=21

https://github.com/alanmontgomery/ionic-facebook-clone

Ionic React related - ionic-react-marvel-app

https://twitter.com/93alan/status/1375433375662624777?s=21

https://github.com/alanmontgomery/ionic-react-marvel-app 

SQL, NoSQL, and Scale: How DynamoDB scales where relational databases don't

https://www.alexdebrie.com/posts/dynamodb-no-bad-queries/ 

Getting better at UI/UX as a Developer

 https://twitter.com/katherinecodes/status/1375928023044648962?s=21

Association Defaults in Ecto (Designing secure and scalable multi-tenant applications in Elixir)

https://twitter.com/slab/status/1375128887538057217?s=21 

https://slab.com/blog/association-defaults-in-ecto/

An Elixir client for the Nu HTML Checker (v.Nu).

 https://github.com/angelikatyborska/vnu-elixir

v.Nu is a document validity checker used by the W3C. It offers validating HTML, CSS, and SVG documents.

This library brings that functionality to Elixir by using the Checker's JSON API. It offers ExUnit assertions for validating dynamic content in tests, Mix tasks for validating static content, and general purpose functions to fulfill other needs.

Easily test React-Redux with Cypress

https://dev.to/santispavajeau/easily-test-react-redux-with-cypress-4i27 

Automatic Video Editing

https://tratt.net/laurie/blog/entries/automatic_video_editing.html 

developer.mozilla.org - Populating the page: how browsers work

https://developer.mozilla.org/en-US/docs/Web/Performance/How_browsers_work 

https://developer.mozilla.org/en-US/docs/Web/Performance

Blockchain related - TRAI's norms for commercial messages are based on Blockchain technology

https://www.rediff.com/business/report/hdfc-bank-sbi-others-not-adhering-to-bulk-sms-norms/20210326.htm 

Supabase with Ionic

https://devdactic.com/supabase-ionic/ 

Supabase is an open source Firebase alternative that’s currently in Beta but getting a lot of great feedback

Bot Match

https://www.reddit.com/r/Damnthatsinteresting/comments/m9bh5b/ive_never_seen_so_much_violence_in_a_robot_or_a/ 

Sveltekit tutorial

 https://prismic.io/blog/svelte-sveltekit-tutorial

Tool for Drawing on Screen

https://github.com/steveruizok/telestrator 

Real Time Digit Recognition in iOS - Processing live camera feed with torchscript in swift

https://towardsdatascience.com/real-time-digit-recognition-in-ios-2a982f32fcce 

Customer Case Study: Building an end-to-end Speech Recognition model in PyTorch with AssemblyAI

 https://www.comet.ml/site/customer-case-study-building-an-end-to-end-speech-recognition-model-in-pytorch-with-assemblyai/

What I wish I knew before building a Shopify App

 https://ma.ttias.ch/what-i-wish-i-knew-before-building-a-shopify-app.html

Fetching Data in React

 https://www.robinwieruch.de/react-hooks-fetch-data

https://www.robinwieruch.de/react-fetching-data

Turblolinks related

https://candland.net/rails/2019/03/13/rails-turbolinks-not-firing-js-on-load.html

https://stackoverflow.com/questions/57847015/specific-page-script-in-head-doesnt-get-called-first-time-i-navigate-on-page-c

https://github.com/turbolinks/turbolinks/issues/489#issuecomment-529434261

Tool to spot HTML errors

 https://webformatter.com/html

Maintainable Elixir with Saša Jurić

https://thinkingelixir.com/podcast-episodes/038-maintainable-elixir-with-sasa-juric/

 

The Future of Web Software Is HTML-over-WebSockets

 https://alistapart.com/article/the-future-of-web-software-is-html-over-websockets/

https://hackernoon.com/scaling-websockets-9a31497af051

Subdomains Zine

https://wizardzines.com/comics/subdomains 

WebSockets vs HTTP : when websockets is better and why was it implemented

 https://stackoverflow.com/questions/14703627/websockets-protocol-vs-http

Below is a talk by Srushtika Neelakantam related to 'realtime' stuff.

CommonJS vs AMD vs RequireJS vs ES6 Modules

 https://medium.com/computed-comparisons/commonjs-vs-amd-vs-requirejs-vs-es6-modules-2e814b114a0b

Flawless React State Management: useReducer and Context API - Jan 22, 2021

 https://dev.to/sanderdebr/flawless-react-state-management-usereducer-and-context-api-1a7g

Cheat sheet of alignment in CSS Flexbox

 https://twitter.com/prathkum/status/1359143367389573126?s=21

Kubernetes Tutorial for Beginners

 https://youtu.be/X48VuDVv0do

Search key in nested json

 https://stackoverflow.com/questions/38805134/search-key-in-nested-complex-json

Setting up a node.js project with npm

 http://cassandrawilcox.me/setting-up-a-node-js-project-with-npm/

Understanding module.exports and exports in Node.js - Nov 2019

 https://www.sitepoint.com/understanding-module-exports-exports-node-js/

Reactjs - Wall Street Bets Ticker Dashboard with Real-time data, brokerage info, and recent news.

https://www.reddit.com/r/reactjs/comments/la62if/wall_street_bets_ticker_dashboard_with_realtime/ 

Japan API

https://github.com/japan-api 

Design Patterns explained with food

 https://github.com/wesdoyle/design-patterns-explained-with-food

How to use code2fow | Syntax walkthrough

 

Machine Learning - How ML saves us $1.7M a year on document previews

https://dropbox.tech/machine-learning/cannes--how-ml-saves-us--1-7m-a-year-on-document-previews 

WebRTC is now a W3C and IETF standard

https://web.dev/webrtc-standard-announcement/

 https://www.reddit.com/r/programming/comments/l6czhe/webrtc_is_now_a_w3c_and_ietf_standard/

Application State Management with React - Kent C Dodds

 https://kentcdodds.com/blog/application-state-management-with-react

React Hooks - How does React associate Hook calls with components?

You might be curious how React knows which component useState corresponds to since we’re not passing anything like this back to React.

 https://reactjs.org/docs/hooks-faq.html#how-does-react-associate-hook-calls-with-components

React & Object.is()

 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is#description

(React uses the Object.is comparison algorithm.)

Random Word API

 https://random-word-api.herokuapp.com/home

Linux command line tools and techniques for data cleansing & transformation (ETL)

https://medium.com/@parth.patil/linux-command-line-tools-and-techniques-for-data-cleansing-transformation-etl-59661d55ca91 

Elixir related - A “behind the scenes” look at the tech that makes up the X-Plane massive multiplayer (MMO) server

 https://developer.x-plane.com/2021/01/have-you-heard-the-good-news-about-elixir/

My React components render twice and drive me crazy

https://mariosfakiolas.com/blog/my-react-components-render-twice-and-drive-me-crazy/ 

Deprecating Excalidraw Electron in favor of the Web version

 https://web.dev/deprecating-excalidraw-electron/

OPTIMIZE YOUR REDUX SELECTORS WITH USESELECTOR HOOK AND MEMOIZE THEM WITH RESELECT – PART 1

 https://programmerden.com/2020/04/06/optimize-your-redux-selectors-with-useselector-hook-and-memoize-them-with-reselect/

React related - React Query

https://www.reddit.com/r/reactjs/comments/krezz4/redux_context_api_and_react_query/ 

You can fetch data and store it in Redux, but it wasn't purpose-built for that use case. So (as of right now) you have to write most of the fetching and updating code yourself. React-Query, on the other hand, is entirely built to simplify the process of fetching data and caching it, and it's built to take advantage of React hooks. So, if the only thing you're doing is data fetching, React-Query is going to make that a lot simpler.

How to learn computer science using CodeCombat

 

ScaffoldHub - The javascript/typescript full-stack web application generator.

 https://scaffoldhub.io/?partner=1

ZenMonitor: Scaling Distributed Monitoring at Discord | Code BEAM SF 19

 

State of Web Components in 2020

https://youtu.be/kzfAi3qZpJk 

Javascript - Module Pattern & ES6 Class syntax

https://coryrylan.com/blog/javascript-module-pattern-basics 

https://coryrylan.com/blog/javascript-es6-class-syntax

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