Monday, May 25, 2020

VUECONF US 2019 | Vue 3: What I'm Most Excited About with Chris Fritz





Below is a Youtube comment by: Prashanth Krishnamurthy 

Here's an outline of the video. Vue 3 - harder, better, faster, stronger.Trends - Simpler and more explicit. List of things that Chris Fritz is excited about: 1. Reactivity caveats are gone. You can do this now - arr[index] = newVal; 2. Multiple root nodes
3. Simpler transparent wrappers How do you write a custom component today for a 'super-powered' input box?
v-model="searchText" placeholder="Search" @keyup.enter="search" The actual component ..
{{ label }}
Compare this to a more concise component. {{ label }}

4. No more automatic attribute inheritance. Explicitly pass arguments using v-bind="$attrs" You don't have to use inheritAttrs: false (since it will never be true).

5. v-on will compile to attributes. E.g @keyup compiles to on-keyup. Just v-bind = "$attrs" ($attrs will incl. all non-emitted listeners) No more $listeners. No more .native modifier for v-on.

6. v-model will compile to attributes. Again, just v-bind = "$attrs". No more overriding the native input event. No more model option.

7. Smarter v-model on components If you want to move 'select' to a component. {{ choice }}

You will use -
The corresponding component code is simpler... {{ choice }}


8. Simpler render functions
render(h) { return h(BaseInput, { modelValue: this.searchText, onModelUpdate: newValue => { this.searchText=newValue; }, class: this.$style.searchInput, placeholder: 'Search' }) } Vue3 migration will be easier through automatic migrations (where the intent is clear).

Saturday, May 23, 2020

VS Code customize sidebar

https://stackoverflow.com/questions/35774918/vs-code-customize-sidebar

The only ways to scale various parts of the UI currently are through the overall zoom level (window.zoomLevel) and the editor's font size (editor.fontSize).


Tuesday, May 19, 2020

Linux Productivity Tools

ThoughtWorks Tech Radar 2020

Figma - collaborative design tool like Invision, Sketch

Figma
Adopt

Figma has demonstrated to be the go-to tool for collaborative design, not only for designers but for multidisciplinary teams too; it allows developers and other roles to view and comment on designs through the browser without the desktop version. Compared to its competitors (e.g., Invision or Sketch) which have you use more than one tool for versioning, collaborating and design sharing, Figma puts together all of these features in one tool that makes it easier for our teams to discover new ideas together. Our teams find Figma very useful, especially in remote and distributed design work enablement and facilitation. In addition to its real-time design and collaboration capabilities, Figma also offers an API that helps to improve the DesignOps process.

Sunday, April 19, 2020

Postgresql - launch options

Run as a Background service:

To have launchd start postgresql now and restart at login:
  brew services start postgresql

Not as a Background service:
Or, if you don't want/need a background service you can just run:
  pg_ctl -D /usr/local/var/postgres start

Friday, April 10, 2020

Tuesday, March 24, 2020

UI Colors

https://flatuicolors.com/ - get hex values for colors

https://www.uicolor.io/ - convert hex values to RGB values

Excalidraw - whiteboard tool

https://excalidraw.com

Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.

Thursday, March 19, 2020

CPU Utilization discussion around Elixir

CPU Utilization discussion around Elixir
https://www.reddit.com/r/elixir/comments/fi6hfe/has_cpu_utilization_been_improved_since_17/

Below artice shows high CPU usage for Elixir
https://stressgrid.com/blog/benchmarking_go_vs_node_vs_elixir/

Below article explains why and how it is actually a feature of BEAM (busy waiting) which might be interpreted wrongly, but since AWS will also interpret it wrongly, how to turn off busy-waiting
https://stressgrid.com/blog/beam_cpu_usage/

Tabular data sorting/pagination with Phoenix LiveView

Wednesday, March 11, 2020

How To Show Confirmation Alerts With OK And Cancel Buttons Using Swift 5?

Why your software should use UUIDs in 2020s

https://devforth.io/blog/why-your-software-should-use-uuids-in-2020s

Excerpt:

Conclusion

  • UUIDs solve the problem of centralized ID store making possible working in offline and handle complex relations on frontend by making frontend independent from the server which makes it super-responsive
  • UUIDs allow you to implement shards for high-load scalable systems
  • UUIDs make your IDs more secure by hiding records count
  • To decrease insert time use UUIDv1 as IDs system
  • Store it in the database as 16 bytes
  • To save traffic transmit Shot UUIDs

Read a paper: My VM is Lighter (and Safer) than your Container




Also look at Firecracker from Amazon

React Lessons

Build an iMessage Clone with The Stream Chat iOS SDK

Wednesday, February 12, 2020

Understanding modern cloud architecture on aws - A concepts series

Articles to Read Later

NoSQL related:
https://www.memsql.com/blog/why-nosql-databases-wrong-tool-for-modern-application/

React:
https://www.robinwieruch.de/react-libraries

Design, Web Applications:
https://changelog.com/posts/monoliths-are-the-future

UI, Javascript, Web Applications:
Infinite Scroll bugs - https://www.youtube.com/playlist?list=PLbZZF2MaiZb5bZKRQ8OtdeX3LTSUS7nsw

AWS, DevOps, Serverless:
Serverless Computing: One Step Forward, Two Steps Back - https://www.youtube.com/watch?v=dIb0xbXo6es&feature=youtu.be

General, Design:
'A Systemwide Disaster': How the Iowa Caucuses Melted Down
https://www.nytimes.com/2020/02/04/us/politics/what-happened-iowa-caucuses.html

General, Mobile:
The Rise and Fall of Mobilee - https://deprogrammaticaipsum.com/2020/02/03/the-rise-and-fall-of-mobile/

Elixir:
https://blog.agentrisk.com/elixirs-with-statement-is-fantastic-1431bcbcde3

General:
DHH Interview -  Software Contrarian - https://corecursive.com/david-heinemeier-hansson-software-contrarian-transcript/

Web Applications:
Develop a web crawler in 90 seconds - https://medium.com/@MarvinZhang89/develop-a-web-crawler-in-90-seconds-dab74bd1473f

General, Hardware:
Best Laptops for Programmers in 2020: https://www.reddit.com/r/programming/comments/ez6o87/best_laptops_for_programmers_in_2020/

React, Redux:
Introduction to using Redux with React Native - https://blog.afmonteiro.pt/react-native-and-redux/

Web Applications, Design, Performance:
Using queues to offload Web API - https://thomasvilhena.com/2019/07/using-queues-to-offload-web-api

YAML, DevOps, Kubernetes:
Overcooming YAML Pain in Continuous Integration - https://ithrowexceptions.com/2020/02/04/yaml-hell-in-devops.html

Web Applications, Design:
Nanoservices - https://labrary.online/nanoservices.html

Web Applications, DevOps:
https://www.bearer.sh/blog/what-is-an-api-gateway

React, Redux, Hooks:
https://blog.betomorrow.com/replacing-redux-with-observables-and-react-hooks-acdbbaf5ba80

Web Applications, DevOps:
The Amazon Premium: http://calpaterson.com/amazon-premium.html

Elixir
https://medium.com/@iantbutler01/writing-a-quick-and-dirty-web-crawler-in-elixir-b6aac2cfaac4

Passenger, Performance:
Request Load Balancing in Phusion Passenger - https://www.phusionpassenger.com/library/indepth/ruby/request_load_balancing.html

Web Applications, Security:
https://www.andrew-best.com/posts/learn-auth-the-hard-way-part-one/

iOS, Swift, SwiftUI:
https://developer.apple.com/tutorials/swiftui/

Database, ETL:
Introduction to Stream Processing - https://blog.frankel.ch/stream-processing/1

Kafka:
Why Kafka is so fast - https://medium.com/swlh/why-kafka-is-so-fast-bde0d987cd03

Multithreading, Performance, Concurrent:
https://i-kh.net/2020/02/10/multithreading-without-locks/




Monday, January 27, 2020

Using Phoenix and Rails together for a project, Terraform

Abandoning MySQL in favor of a database-free architecture and an Elixir-driven data indexing model

https://moz.com/devblog/moz-analytics-db-free
We are abandoning MySQL database storage—our current infrastructure’s decisive bottleneck—in favor of a database-free architecture and an Elixir-driven data indexing model. 

Elixir - online resources for learning

  1. ElixirConf Youtube Channel — All of the videos of speakers from ElixirConf starting back from 2017. Lots of great information and different perspectives.
  2. Elixir Forum — An active Elixir only forum where you can get quick and valuable feedback from engineers working in Elixir.
  3. Elixir tutorials and classes — A mixture of free and paid training classes.
  4. Elixir School — A destination for newbie and experienced Elixir programmers.
  5. Programming Elixir 1.6 — If you’re an experienced programmer looking for a comprehensive written resource on programming in Elixir, then this book is for you.
  6. Elixir training on Github
  7. Slack Bot tutorial — How to develop a Slack bot with Elixir and Phoenix.
  8. How to Learn Elixir for Hipster Javascript Developers — Some great basic concepts of Elixir.
  9. Learn Elixir in Y minutes — A high-level overview of Elixir on one page.
  10. How We Learned Elixir — A great story, with examples, about how engineers at a company learned Elixir.

Elixir, Telemetry, Prometheus example

A base Elixir project with Prometheus instrumentation through telemetry
https://github.com/philcallister/elixir_prometheus_telemetry

htop explained visually

The Sass Ampersand

Friday, January 24, 2020

Web Components related

What Would You Do Without a Framework? Front-End Anew with Lit-HTML - May 29 2019







Declarative Reactive Web Components with Justin Fagnani - June 2019


Sunday, January 12, 2020

Iterator

Excerpt from https://davidwalsh.name/es6-generators

Iterators are a special kind of behavior, a design pattern actually, where we step through an ordered set of values one at a time by calling next(). Imagine for example using an iterator on an array that has five values in it: [1,2,3,4,5]. The first next() call would return 1, the second next() call would return 2, and so on. After all values had been returned, next() would return null or false or otherwise signal to you that you've iterated over all the values in the data container.

New Web APIs

Followers

Blog Archive