Data

Tools

Indexes

Applications

Experiments

Awesome

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

https://github.com/amirhosseinnouri/learning

My learning repository, which also contains useful article URLs.
https://github.com/amirhosseinnouri/learning

clean-code css git go golang javascript jss react react-spring ssr typescript

Last synced: 3 months ago
JSON representation

My learning repository, which also contains useful article URLs.

Awesome Lists containing this project

README 

          
# Learning



## PolyLine Algorithm



- [Lossy Compression](https://www.pcmag.com/encyclopedia/term/lossy-compression)

- [Polyline algorithm](https://developers.google.com/maps/documentation/utilities/polylinealgorithm#example)



## UseImperativeHandle



-[React Hooks Explained: useImperativeHandle](https://dev.to/anikcreative/react-hooks-explained-useimperativehandle-5g44)



## Image Tiling - How Maps work - Vector Tiles - Raster Tiles



- [Image Tiling](https://northstar-www.dartmouth.edu/doc/idl/html_6.2/Image_Tiling.html#:~:text=This%20changes%20the%20resolution%20of,zoom%20in%20on%20that%20area.)

- [Vector tiles: the next generation of tiled maps](https://www.e-education.psu.edu/geog585/node/746)

- [WHAT IS TILE AND DIFFERENTIATE BETWEEN RASTER TILE AND VECTOR TILE](https://bachasoftware.com/what-is-tile-and-differentiate-between-raster-tile-and-vector-tile/)

- [How web maps work - MapBox Document](https://docs.mapbox.com/vector-tiles/reference/)



## Branded Types in Typescript

- [An Introduction to Nominal TypeScript](https://betterprogramming.pub/nominal-typescript-eee36e9432d2)

- [Surviving the TypeScript Ecosystem — Part 6: Branding and Type-Tagging](https://medium.com/@KevinBGreene/surviving-the-typescript-ecosystem-branding-and-type-tagging-6cf6e516523d)



## How browsers works

- [How the browser renders a web page? — DOM, CSSOM, and Rendering](https://medium.com/jspoint/how-the-browser-renders-a-web-page-dom-cssom-and-rendering-df10531c9969)

- [Inside look at modern web browser (part 3)](https://developers.google.com/web/updates/2018/09/inside-browser-part3)

- [How web browser works step by step [Latest]— high-level architecture (part 1)](https://cabulous.medium.com/how-browser-works-part-i-process-and-thread-f63a9111bae9)

- [Anatomy of a Browser](https://www.youtube.com/watch?v=LTV56k5X36o)

- [How web browser works step by step [latest]— navigation phase (part 2)](https://cabulous.medium.com/how-does-browser-work-in-2019-part-ii-navigation-342b27e56d7b)

- [How does browser work step by step [latest] — rendering phase (part 3)](https://cabulous.medium.com/how-does-browser-work-in-2019-part-iii-rendering-phase-i-850c8935958f)

- [How does browser work step by step [latest] — optimization in the loading stage (part 4)](https://cabulous.medium.com/how-does-browser-work-in-2019-part-4-more-about-rendering-phase-fbba0d94a174)

- [How does browser work step by step [latest] — optimization in the interaction stage (part 5)](https://cabulous.medium.com/how-does-browser-work-in-2019-part-5-optimization-in-the-interaction-stage-66b53b8ec0ad)

- [When Reflow happens?](https://stackoverflow.com/a/27637245/2790983)

- [LAYOUT & WEB PERFORMANCE](https://kellegous.com/j/2013/01/26/layout-performance/)

- [Avoid Large, Complex Layouts and Layout Thrashing](https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing#feedback)



## Bitmap

- [A Beginners Guide to Bitmaps](http://paulbourke.net/dataformats/bitmaps/)

- [What are bitmap and vector graphics, and how are they different?](https://kb.iu.edu/d/afmr)



## Event Deligation in React

- [Event Capturing, Bubbling, and Delegation in React](https://medium.com/@john.louis.rumingan/event-capturing-bubbling-and-delegation-in-react-f08b704706a0)

- [Should I use event delegation in React?](https://dev.to/thawsitt/should-i-use-event-delegation-in-react-nl0)



## Redux Selectors and Reselect

- [What is a Redux selector?](https://medium.com/@matthew.holman/what-is-a-redux-selector-a517acee1fe8)

- [Selectors in Redux](https://www.youtube.com/watch?v=frT3to2ACCw)

- [Reselect Doc](https://github.com/reduxjs/reselect)



## React Design Patterns

- [React component code smells](https://antongunnarsson.com/react-component-code-smells/)



## Server Side Rendering

- [A beginner’s guide to React Server-Side Rendering (SSR)](https://medium.com/jspoint/a-beginners-guide-to-react-server-side-rendering-ssr-bf3853841d55)



## Javascript Promises

- [Promise.all() static method](https://www.javascripttutorial.net/es6/javascript-promise-all/)



## Testing

- [Maintaining End-To-End Quality With Visual Testing](https://www.smashingmagazine.com/2021/07/maintaining-end-to-end-quality-visual-testing)



## Solid Design Principles

- [SOLID Design Principles Explained: The Single Responsibility Principle](https://stackify.com/solid-design-principles/)

- [SOLID Design Principles Explained: The Open/Closed Principle with Code Examples](https://stackify.com/solid-design-open-closed-principle/)

- [SOLID Design Principles Explained: The Liskov Substitution Principle with Code Examples](https://stackify.com/solid-design-liskov-substitution-principle/)

- [SOLID Design Principles Explained: Interface Segregation with Code Examples](https://stackify.com/interface-segregation-principle/)

- [SOLID Design Principles Explained: Dependency Inversion Principle with Code Examples](https://stackify.com/dependency-inversion-principle/)



## WebRTC

- [WebRTC Doc](https://webrtc.org/getting-started/media-devices#using-asyncawait)

- [WebRTC Teach Lead slides - Justin Uberti](https://io13webrtc.appspot.com/)

- [Google I/O 2012 - WebRTC: Real-time Audio/Video and P2P in HTML5](https://www.youtube.com/watch?v=E8C8ouiXHHk)



## Symbols in JS

- [JavaScript Symbols: But Why?](https://medium.com/intrinsic-blog/javascript-symbols-but-why-6b02768f4a5c)



## HTTP, Web Socket, Polling, MQTT and SSE

- [What is Realtime?](https://ably.com/blog/what-is-realtime)

- [Transmission Control Protocol (TCP)](https://www.khanacademy.org/computing/computers-and-internet/xcae6f4a7ff015e7d:the-internet/xcae6f4a7ff015e7d:transporting-packets/a/transmission-control-protocol--tcp)

- [The Evolution of HTTP – HTTP/2 Deep Dive](https://ably.com/topic/http2)

- [WebSockets - A Conceptual Deep Dive](https://ably.com/topic/websockets)

- [WebSockets vs Long Polling](https://ably.com/blog/websockets-vs-long-polling)

- [WebSockets vs. HTTP](https://ably.com/topic/websockets-vs-http)

- [Server-Sent Events (SSE): A Conceptual Deep Dive](https://ably.com/topic/server-sent-events)

- [Long Polling - Concepts and Considerations](https://ably.com/topic/long-polling)

- [MQTT: A Conceptual Deep-Dive](https://ably.com/topic/mqtt)

- [MQTT vs WebSocket](https://www.educba.com/mqtt-vs-websocket/)

- [MQTT vs WebSocket](https://iot.stackexchange.com/questions/1492/what-is-the-difference-between-mqtt-and-web-sockets-and-when-should-i-use-them/1493)

- [MQTT vs MQTT over WebSocket](https://stackoverflow.com/questions/30624897/direct-mqtt-vs-mqtt-over-websocket/30625067)

- [HiveMQ - MQTT over Websockets](https://www.hivemq.com/blog/mqtt-over-websockets-with-hivemq/)

- [What are the pros and cons of WebSockets versus MQTT as real-time web infrastructure for the Internet of Things?](https://www.quora.com/What-are-the-pros-and-cons-of-WebSockets-versus-MQTT-as-real-time-web-infrastructure-for-the-Internet-of-Things)

- [MQTT over WebSockets with example](https://iotbytes.wordpress.com/mqtt-over-websockets/)

- [Quality of Service 0,1 & 2 - MQTT Essentials: Part 6](https://www.hivemq.com/blog/mqtt-essentials-part-6-mqtt-quality-of-service-levels/)

- [Authenticating Websockets ](https://dev.to/kleeut/authenticating-websockets-21lo)

- [Quality of Service 0,1 & 2](https://www.hivemq.com/blog/mqtt-essentials-part-6-mqtt-quality-of-service-levels/)

- [Persistent Session and Queuing Messages - MQTT](https://www.hivemq.com/blog/mqtt-essentials-part-7-persistent-session-queuing-messages/)



## React Pure Component

- [What are Pure Components in React](https://medium.com/technofunnel/working-with-react-pure-components-166ded26ae48)



## Babel Preset and Plugins

- [What are Babel "plugins" and "presets"? (And how to use them)](https://www.newline.co/fullstack-react/articles/what-are-babel-plugins-and-presets/)



## UseMemo

- [Should You Really Use useMemo in React? Let’s Find Out.](https://medium.com/swlh/should-you-use-usememo-in-react-a-benchmarked-analysis-159faf6609b7)

- [Understanding when to use useMemo](https://maxrozen.com/understanding-when-use-usememo)

- [When to useMemo and useCallback](https://kentcdodds.com/blog/usememo-and-usecallback)

- [React.useMemo and when you should use it](https://everyday.codes/javascript/react-usememo-and-when-you-should-use-it/)



## UseCallback

- [Stop useEffect from running on every render with useCallback](https://maxrozen.com/stop-useeffect-running-every-render-with-usecallback)



## Deploying

- [Deploying Typescript Node.js applications to Heroku (with static files)](https://medium.com/developer-rants/deploying-typescript-node-js-applications-to-heroku-81dd75424ce0)



## How does JS work

- [How JavaScript works: an overview of the engine, the runtime, and the call stack](https://blog.sessionstack.com/how-does-javascript-actually-work-part-1-b0bacc073cf)

- [How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code](https://blog.sessionstack.com/how-javascript-works-inside-the-v8-engine-5-tips-on-how-to-write-optimized-code-ac089e62b12e)

- [How JavaScript works: memory management + how to handle 4 common memory leaks](https://blog.sessionstack.com/how-javascript-works-memory-management-how-to-handle-4-common-memory-leaks-3f28b94cfbec)



## React Memory Leak

- [How to fix the React memory leak warning ](https://dev.to/jexperton/how-to-fix-the-react-memory-leak-warning-d4i)



## Hidden Classes and Inline Caching in V8

- [Writing Optimized Code in JS By Understanding Hidden Classes](https://medium.com/swlh/writing-optimized-code-in-js-by-understanding-hidden-classes-3dd42862ad1d)

- [V8 Hidden class](https://engineering.linecorp.com/en/blog/v8-hidden-class/)

- [Javascript Hidden Classes and Inline Caching in V8](https://richardartoul.github.io/jekyll/update/2015/04/26/hidden-classes.html)

- [V8 optimizations behind the scenes](https://medium.com/@yashschandra/hidden-v8-optimizations-hidden-classes-and-inline-caching-736a09c2e9eb)



## Just In Time Compilation

- [What Is Just-In-Time (JIT) Compilation?](https://www.cloudsavvyit.com/6872/what-is-just-in-time-jit-compilation/)

- [Just in Time Compilation Explained](https://www.freecodecamp.org/news/just-in-time-compilation-explained/)



## Define Private Variable Using Closure

- [Using closures in JavaScript to create private variables](http://ritzcovan.com/index.php/2019/12/19/using-closure-in-javascript-to-create-private-variables/)



## Docker

- [Docker tutorial for beginners through examples - a step by step tutorial ](https://takacsmark.com/getting-started-with-docker-in-your-project-step-by-step-tutorial/)

- [Dockerfile tutorial by example - basics and best practices [2018] ](https://takacsmark.com/dockerfile-tutorial-by-example-dockerfile-best-practices-2018/)

- [Multi Stage Build](https://docs.docker.com/develop/develop-images/multistage-build/)



## SetInterval in useEffect Hook

- [Making setInterval Declarative with React Hooks](https://overreacted.io/making-setinterval-declarative-with-react-hooks/)



## Publish Package on NPM

- [The complete guide to publishing a React package to npm](https://blog.logrocket.com/the-complete-guide-to-publishing-a-react-package-to-npm/)



## Atomic CSS

- [Let’s Define Exactly What Atomic CSS is ](https://css-tricks.com/lets-define-exactly-atomic-css/)



## Import Alias

- [Absolute import in CRA projects](https://engineering.snapp.ir/cra-absolute-import-yeva6ol2apr3)

- [How to configure import aliases in Vite, TypeScript and Jest](https://divotion.com/blog/how-to-configure-import-aliases-in-vite-typescript-and-jest)



## Git hooks

- [Git Hooks](https://www.atlassian.com/git/tutorials/git-hooks)



## NPM Typescript Package

- [Step by step: Building and publishing an NPM Typescript package](https://itnext.io/step-by-step-building-and-publishing-an-npm-typescript-package-44fe7164964c)



## Yalm

- [Yaml tutorial](https://youtu.be/1uFVr15xDGg)



## Go template language

- [Go template](https://pkg.go.dev/text/template)



## Helm

- [Helm documentation](https://helm.sh/docs/chart_template_guide/getting_started/)