Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mudssrali/til

📝 Today I Learn
https://github.com/mudssrali/til

dev-life til today-i-learn writing

Last synced: 3 days ago
JSON representation

📝 Today I Learn

Awesome Lists containing this project

README 

        
# 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](#css)

- [HTML](#html)

- [Javascript](#javascript)

- [React](#react)

- [React Router](#react-router)

- [React Redux](#react-redux)

- [React Animation](#react-animation)

- [Typescript](#typescript)

- [AI-Google Blog](#ai-google-blog)



Backend



- [C-Sharp](#c-sharp)

- [Elixir](#elixir)

- [PostgreSQL](#postgresql)



Random Readings



- [Articles](#articles)



### Articles



- [International Phone Number Format](https://www.cm.com/blog/how-to-format-international-telephone-numbers/)

- [The first modern pandemic (short read)](https://www.gatesnotes.com/Health/Innovation-for-COVID)

- [Android SMS Limit-1](https://android.googlesource.com/platform/frameworks/base/+/master/telephony/java/android/telephony/SmsMessage.java)

- [Android SMS Limit-2](https://developer.android.com/reference/kotlin/android/telephony/SmsMessage)

- [CircleCi overview](https://circleci.com/docs/2.0/about-circleci/)

- [Share like a native app with the Web Share API](https://web.dev/web-share/)

- [Getting Started - Chrome Extensions](https://developer.chrome.com/extensions/getstarted)

- [How to write idempotent Bash scripts](https://arslan.io/2019/07/03/how-to-write-idempotent-bash-scripts/)

- [Process pools with Elixir's Registry](https://andrealeopardi.com/posts/process-pools-with-elixirs-registry/)

- [Rebuilding our tech stack for the new Facebook.com - IMP](https://engineering.fb.com/web/facebook-redesign/)

- [Designing very large (JavaScript) applications - IMP](https://medium.com/@cramforce/designing-very-large-javascript-applications-6e013a3291a3)

- [Hoisting in Javascript](https://medium.com/javascript-in-plain-english/https-medium-com-javascript-in-plain-english-what-is-hoisting-in-javascript-a63c1b2267a1)

- [Understanding hoisting in Javascript](https://scotch.io/tutorials/understanding-hoisting-in-javascript)

- [C4-Architecture Model - `IMP`](https://www.infoq.com/articles/C4-architecture-model/)

- [How to Start Freelancing (The Basics) - `IMP`](https://dev.to/study_web_dev/how-to-start-freelancing-the-basics-52d7)

- [Modern Touch-Friendly Design - `IMP`](https://addyosmani.com/blog/touch-friendly-design/)

- [Dynamic Imports in Javascript](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import)

- [First Class Function - `IMP`](https://developer.mozilla.org/en-US/docs/Glossary/First-class_Function)

- [Support for theme-color in Chrome 39 for Android](https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android)

- [Symmetric key encryption and decryption in cryptography: A Study of Fernet algorithm](https://topic.alibabacloud.com/a/symmetric-font-colorredkeyfont-encryption-and-decryption-in-cryptography-a-study-of-fernet-algorithm_8_8_30274822.html)

- [The effects of remote work on collaboration among information workers](https://www.nature.com/articles/s41562-021-01196-4)



- [What is a progressive JPEG?](https://www.liquidweb.com/kb/what-is-a-progressive-jpeg/)



- [The Delivery Hero Reliability Manifesto](https://tech.deliveryhero.com/our-reliability-manifesto/)



- [Operational transformation](https://en.wikipedia.org/wiki/Operational_transformation)

- [OO - Dynamic Dispatch](https://en.wikipedia.org/wiki/Dynamic_dispatch)

- [The components of a URL](https://www.ibm.com/docs/en/cics-ts/5.2?topic=concepts-components-url)



### Unread Articles



- [Native image lazy-loading for the web!](https://addyosmani.com/blog/lazy-loading/)

- [Optimize Cumulative Layout Shift](https://web.dev/optimize-cls/)

- [Second-guessing the modern web](https://macwright.org/2020/05/10/spa-fatigue.html)

- [The melting pot of JavaScript](https://increment.com/development/the-melting-pot-of-javascript/)



### CSS



- [Wiring-up tailwind.css](https://github.com/Mudassar045/tailwindcss-components)

- [Tailwindcss responsiveness](https://tailwindcss.com/docs/responsive-design)

- [Smooth scrolling using css](css/1.md)

- [Tailwindcss - Pseudo Class variants](https://tailwindcss.com/docs/pseudo-class-variants)

- [Tailwindcss - Adding base styles](https://tailwindcss.com/docs/adding-base-styles)

- [Preventing Page Scrolling on Modal Popup](https://css-tricks.com/prevent-page-scrolling-when-a-modal-is-open/)

- [CSS Marker for 
  • ](https://web.dev/css-marker-pseudo-element/)
    


    ### HTML
    


    - [Change image on change prefers-color-scheme](html/1.md)
    


    ### Javascript
    


    - [Append Item to array](javascript/1.md)

    - [Map can have empty-string, null or undefined as key](javascript/2.md)

    - [cond-flow, lodash _cond | Elixir cond replication](https://github.com/erikmueller/cond-flow)

    - [learn about jest - javascript and typescript test-runner](https://github.com/mudassar045/cond-construct)

    - [Publish npm package](https://www.npmjs.com/package/cond-construct)

    - [Scope](https://developer.mozilla.org/en-US/docs/Glossary/Scope)

    - [Hoisting - MDN](https://developer.mozilla.org/en-US/docs/Glossary/Hoisting)

    - [What is closure](https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-closure-b2f0d2152b36)

    - [Dynamic Imports](javascript/dynamic-imports.md)

    - [Javascript - Introduction to Events](https://www.quirksmode.org/js/introevents.html)

    - [https://www.quirksmode.org/js/events_order.html](Event order)

    - [Object.is()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is#Description)

    - [Read files in JavaScript](https://web.dev/read-files/)

    ### React
    


    - [Capture Click Handlers](react/capture-click.md)

    - [Learn to use react-pdf-renderer to generate pdfs](https://github.com/diegomura/react-pdf/)

    - [Learn to use react-pdf to view pdf file in react-app](https://github.com/wojtekmaj/react-pdf)

    - [Building and deploying Next.js app on Netlify](https://www.netlify.com/blog/2020/05/04/building-a-markdown-blog-with-next-9.3-and-netlify/)

    - [Learning about RBAC](./react/rbac.md)

    - [useMemo Hook](./useMemo.md)

    - [Implement useState with useReducer](https://kentcdodds.com/blog/how-to-implement-usestate-with-usereducer)

    ### React Router
    


    - [useParams](https://reacttraining.com/blog/react-router-v5-1/#useparams)
    


    ### React Redux
    


    - [Learning about plain Redux](https://github.com/Mudassar045/redux-learn)

    - [dispatch() is automatically injected from state's store to the component which uses connect](https://stackoverflow.com/questions/42871136/dispatch-function-in-react-redux)
    


    ### React Animation
    


    - [Know the basics of Bespoke](https://github.com/bespokejs/bespoke)

    - [React Spring - Trails API](https://www.react-spring.io/docs/hooks/use-trail)
    


    ### Typescript
    


    - [Discriminated Unions](https://github.com/Mudassar045/typescript-cheatsheet#discriminated-unions)

    - [Typescript 3.9 Beta](https://devblogs.microsoft.com/typescript/announcing-typescript-3-9-beta)

    - [// @ts-expect-error](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-9.html)

    - [TypeScript Next.js Cheat Sheet](https://www.saltycrane.com/cheat-sheets/typescript/next.js/latest/)
    


    ### C-Sharp
    


    ### Elixir
    


    - [All Values For A Key In A Keyword List](elixir/1.md)

    - [Concurrency Primitives - Concurrency Principles](https://github.com/Mudassar045/iexSmix#concurrency-principles)

    - [case cond](https://elixir-lang.org/getting-started/case-cond-and-if.html#cond)

    - [Concurrency Primitives - Creating process](https://github.com/Mudassar045/iexSmix#working-with-processes)

    - [Concurrency Primitives - Message passing](https://github.com/Mudassar045/iexSmix#message-passing)

    - [Concurrency Primitives - Synchronous Sending of Messages](https://github.com/Mudassar045/iexSmix#synchronous-sending)

    - [Phoenix Framework with LiveView](https://www.phoenixframework.org/blog/build-a-real-time-twitter-clone-in-15-minutes-with-live-view-and-phoenix-1-5)

    -	[Concurrency Primitives - Stateful Server Process](https://github.com/Mudassar045/iexSmix#53-stateful-server-processes)

    - [Registry](https://hexdocs.pm/elixir/Registry.html)

    - [Concurrency Primitives - Keeping a process state](https://github.com/Mudassar045/iexSmix#keeping-a-process-state)

    - [Concurrency Primitives - Learn Mutable Process State](https://github.com/Mudassar045/iexSmix#mutable-state)

    - [GenServer - Basic implementation](https://github.com/Mudassar045/iexSmix#chapter-6-generic-server-processes)

    - [`Import` vs `use`](https://stackoverflow.com/questions/28491306/elixir-use-vs-import?rq=1)

    - [Application Behaviour](https://hexdocs.pm/elixir/Application.html)

    - [Append To A Keyword List](elixir/append-to-a-keyword-list.md)

    - [Count the currently running process](elixir/2.md)

    - [Concatenate two list](elixir/3.md)

    - [IO.inspect OPts](elixir/4.md)

    - [Processing Large CSV files with Elixir Streams](https://www.poeticoding.com/processing-large-csv-files-with-elixir-streams/)

    - [Generate signature in Elixir and PHP using hmac](https://stackoverflow.com/questions/32601860/generate-signature-in-elixir-and-php-using-hmac)

    - [Is there any way to send a string from Elixir to PHP securely?(no SSL)](https://stackoverflow.com/questions/34845437/is-there-any-way-to-send-a-string-from-elixir-to-php-securelyno-ssl)

    - [Cowboy-Session Secure ERL](https://github.com/spawngrid/cowboy_session/blob/master/src/cowboy_session_secure.erl#L63)
    


    - [Bootstrapping a multiplayer server with Elixir at X-Plane](https://elixir-lang.org/blog/2021/07/29/bootstraping-a-multiplayer-server-with-elixir-at-x-plane/)

    - [Robust job processing in Elixir, backed by modern PostgreSQL](https://github.com/sorentwo/oban)

    - [Announcing Delta for Elixir](https://slab.com/blog/announcing-delta-for-elixir/)

    - [Elixir Best Practices - Deeply Nested Maps](https://dockyard.com/blog/2016/02/01/elixir-best-practices-deeply-nested-maps)
    


    - [Syn - global Process Registry and Process Group manager](https://github.com/ostinelli/syn)
    


        Related Links:

        - [Eventual Consistency](https://en.wikipedia.org/wiki/Eventual_consistency)

        - [CAP Theorem](https://en.wikipedia.org/wiki/CAP_theorem)

        - [Atomicity_(database_systems)](https://en.wikipedia.org/wiki/Atomicity_(database_systems))

        - [Leader Election](https://en.wikipedia.org/wiki/Leader_election)

        - [Erlang - Global](https://www.erlang.org/doc/man/global.html)

        - [Erlang - pg](https://www.erlang.org/doc/man/pg.html)

    - [GenStage - How Discord handles push request bursts of over a million per minute](https://blog.discord.com/how-discord-handles-push-request-bursts-of-over-a-million-per-minute-with-elixirs-genstage-8f899f0221b4)

    - [Delivering social change with Elixir at Change.org](https://elixir-lang.org/blog/2020/10/27/delivering-social-change-with-elixir-at-change.org/)

    - [Broadway - Change.org - Our Elixir Bandit Service](https://medium.com/making-change-org/our-elixir-bandit-service-e2b6af6eebc4)

    ### PostgreSQL

      

    ### GraphQL

    - [Graphql with Node, MySQL, Apollo and ReactJS](https://subscription.packtpub.com/video/web_development/9781838823009)
    


    ### AI-Google Blog
    


    - [The C4_200M Synthetic Dataset for Grammatical Error Correction](https://ai.googleblog.com/2021/08/the-c4200m-synthetic-dataset-for.html)
    


    ### System Architecture & Desing

    - [Top 7 Ways to 10x Your API Performance](https://www.youtube.com/watch?v=zvWKqUiovAM)

    - [Session Vs JWT: The Differences You May Not Know!](https://www.youtube.com/watch?v=fyTxwIa-1U0)
    •