TIL

📝 Today I Learn

A collection of concise write-ups on small things I learn day to day across a variety of languages and technologies.

---

Quick Links for Categories:

Front-end

• CSS
• HTML
• Javascript
• React
• React Router
• React Redux
• React Animation
• Typescript
• AI-Google Blog

Backend

• C-Sharp
• Elixir
• PostgreSQL

Random Readings

• Articles

Articles

• International Phone Number Format

• The first modern pandemic (short read)

• Android SMS Limit-1

• Android SMS Limit-2

• CircleCi overview

• Share like a native app with the Web Share API

• Getting Started - Chrome Extensions

• How to write idempotent Bash scripts

• Process pools with Elixir's Registry

• Rebuilding our tech stack for the new Facebook.com - IMP

• Designing very large (JavaScript) applications - IMP

• Hoisting in Javascript

• Understanding hoisting in Javascript

• C4-Architecture Model - IMP

• How to Start Freelancing (The Basics) - IMP

• Modern Touch-Friendly Design - IMP

• Dynamic Imports in Javascript

• First Class Function - IMP

• Support for theme-color in Chrome 39 for Android

• Symmetric key encryption and decryption in cryptography: A Study of Fernet algorithm

• The effects of remote work on collaboration among information workers

• What is a progressive JPEG?

• The Delivery Hero Reliability Manifesto

• Operational transformation

• OO - Dynamic Dispatch

• The components of a URL

Unread Articles

• Native image lazy-loading for the web!
• Optimize Cumulative Layout Shift
• Second-guessing the modern web
• The melting pot of JavaScript

CSS

• Wiring-up tailwind.css
• Tailwindcss responsiveness
• Smooth scrolling using css
• Tailwindcss - Pseudo Class variants
• Tailwindcss - Adding base styles
• Preventing Page Scrolling on Modal Popup
• CSS Marker for

HTML

• Change image on change prefers-color-scheme

Javascript

• Append Item to array
• Map can have empty-string, null or undefined as key
• cond-flow, lodash _cond | Elixir cond replication
• learn about jest - javascript and typescript test-runner
• Publish npm package
• Scope
• Hoisting - MDN
• What is closure
• Dynamic Imports
• Javascript - Introduction to Events
• [https://www.quirksmode.org/js/events_order.html](Event order)
• Object.is()
• Read files in JavaScript

React

• Capture Click Handlers
• Learn to use react-pdf-renderer to generate pdfs
• Learn to use react-pdf to view pdf file in react-app
• Building and deploying Next.js app on Netlify
• Learning about RBAC
• useMemo Hook
• Implement useState with useReducer

React Router

• useParams

React Redux

• Learning about plain Redux
• dispatch() is automatically injected from state's store to the component which uses connect

React Animation

• Know the basics of Bespoke
• React Spring - Trails API

Typescript

• Discriminated Unions
• Typescript 3.9 Beta
• // @ts-expect-error
• TypeScript Next.js Cheat Sheet

C-Sharp

Elixir

• All Values For A Key In A Keyword List

• Concurrency Primitives - Concurrency Principles

• case cond

• Concurrency Primitives - Creating process

• Concurrency Primitives - Message passing

• Concurrency Primitives - Synchronous Sending of Messages

• Phoenix Framework with LiveView

• Concurrency Primitives - Stateful Server Process

• Registry

• Concurrency Primitives - Keeping a process state

• Concurrency Primitives - Learn Mutable Process State

• GenServer - Basic implementation

• Import vs use

• Application Behaviour

• Append To A Keyword List

• Count the currently running process

• Concatenate two list

• IO.inspect OPts

• Processing Large CSV files with Elixir Streams

• Generate signature in Elixir and PHP using hmac

• Is there any way to send a string from Elixir to PHP securely?(no SSL)

• Cowboy-Session Secure ERL

• Bootstrapping a multiplayer server with Elixir at X-Plane

• Robust job processing in Elixir, backed by modern PostgreSQL

• Announcing Delta for Elixir

• Elixir Best Practices - Deeply Nested Maps

• Syn - global Process Registry and Process Group manager

  Related Links:

  • Eventual Consistency
  • CAP Theorem
  • Atomicity_(database_systems)
  • Leader Election
  • Erlang - Global
  • Erlang - pg

• GenStage - How Discord handles push request bursts of over a million per minute

• Delivering social change with Elixir at Change.org

• Broadway - Change.org - Our Elixir Bandit Service

PostgreSQL

GraphQL

• Graphql with Node, MySQL, Apollo and ReactJS

AI-Google Blog

• The C4_200M Synthetic Dataset for Grammatical Error Correction

System Architecture & Desing

• Top 7 Ways to 10x Your API Performance
• Session Vs JWT: The Differences You May Not Know!