Sunday, June 13, 2021

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/

Saturday, June 12, 2021

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

Wednesday, January 6, 2021

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.

Wednesday, December 9, 2020

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/

Sunday, September 20, 2020

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! 

Tuesday, September 1, 2020

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')
}

Saturday, August 29, 2020

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


Monday, August 24, 2020

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

 

Sunday, August 23, 2020

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

 

Saturday, July 25, 2020

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

React & JS Cheatsheets by Reed Barger

Old links that are not working anymore:

New links:

How to center an element horizontally and vertically

Friday, July 24, 2020

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?

Wednesday, July 22, 2020

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

Friday, July 10, 2020

The myth of NoSQL (vs. RDBMS) “joins dont scale”

An Intro to JavaScript Modules

CRDTs: The Hard Parts


The Auth Bottleneck Pattern

Javascript Testing - React, Jest, React Testing Library, Cypress




Beeswarm chart with D3.js

The Difference Between HTTP Auth, API Keys, and OAuth

International Institute of Software Management, iiSM.ORG

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.

Sunday, June 28, 2020

Good Haskell books for beginners

Good Haskell books for beginners:
1) REAL WORLD HASKELL!
2) "Get programming with Haskell" by Will Kurt

Followers

Blog Archive