Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/ducin/awesomes

Awesome list of valuable resources and people to follow, curated by me ™
https://github.com/ducin/awesomes
List: awesomes
Last synced: 3 months ago
JSON representation
Awesome list of valuable resources and people to follow, curated by me ™
Host: GitHub
URL: https://github.com/ducin/awesomes
Owner: ducin
Created: 2019-10-20T20:04:28.000Z (about 5 years ago)
Default Branch: master
Last Pushed: 2023-04-27T10:45:42.000Z (over 1 year ago)
Last Synced: 2024-05-22T07:01:58.130Z (6 months ago)
Homepage:
Size: 5.86 KB
Stars: 39
Watchers: 5
Forks: 8
Open Issues: 0
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project

ultimate-awesome - awesomes - Awesome list of valuable resources and people to follow, curated by me ™. (Other Lists / PowerShell Lists)
README

        # Awesomes

My personal list of valuable resources and people to follow:

- [people](#people)

- [videos](#videos)

- [tools/apps](#tools)

- [snippets](#snippets)

----

# people

👷🏼‍♂️👷🏾‍♀️

## architecture

- [Martin Fowler](https://martinfowler.com/bliki/)

- [Mark Seemann](https://twitter.com/ploeh), [blog](https://blog.ploeh.dk)

- [Mathias Verraes](https://twitter.com/mathiasverraes)

- [Greg Young](https://twitter.com/gregyoung)

- [Kevlin Henney](https://twitter.com/KevlinHenney)

- [Dan North](https://twitter.com/tastapod)

- [Udi Dahan](https://twitter.com/UdiDahan)

- [Sam Newmann](https://twitter.com/samnewman)

- [Michael Feathers](https://twitter.com/mfeathers)

- [Daniel Bryant](https://twitter.com/danielbryantuk)

- [Simon Brown](https://twitter.com/simonbrown)

- [Eric Evans](https://twitter.com/ericevans0)

- [Vaugn Vernon](https://twitter.com/VaughnVernon)

- [Bartosz Milewski](https://twitter.com/BartoszMilewski)

- [Dino Esposito](https://twitter.com/despos)

- [Kent Beck](https://twitter.com/KentBeck)

- [Anders Hejlsberg](https://twitter.com/ahejlsberg)

- [Alberto Brandolini](https://twitter.com/ziobrando)

- [Adam Dymitruk](https://twitter.com/adymitruk)

- [Kelsey Hightower](https://twitter.com/kelseyhightower)

- [Jimmy Boggard](https://twitter.com/jbogard)

- [Tomasz Nurkiewicz](https://twitter.com/tnurkiewicz)

- [Venkat Subramaniam](https://twitter.com/venkat_s)

- [Bob Martin](https://twitter.com/unclebobmartin), [blog](http://cleancoder.com)

- [Michael Nygard](https://twitter.com/mtnygard)

- [Dan Abramov](https://twitter.com/dan_abramov)

- [André Staltz](https://twitter.com/andrestaltz)

- [Ryan Cavanaugh](https://twitter.com/SeaRyanC)

- [Titian Cernicova Dragomir](https://twitter.com/TitianCernicova)

- [Franziska Hinkelmann](https://twitter.com/fhinkel)

- [Rich Harris](https://twitter.com/Rich_Harris)

- [Sarah Drasner](https://twitter.com/sarah_edo)

- [Guillermo Rauch](https://twitter.com/rauchg)

- [Matteo Collina](https://twitter.com/matteocollina)

- [Max Koretskiy](https://twitter.com/maxkoretskyi)

- and [me](https://twitter.com/tomasz_ducin) 😇

and last but not least, [faces in things](https://twitter.com/FacesPics)

# Videos

📹🤔

- [_Vyacheslav Egorov: JavaScript Performance Through the Spyglass_](https://www.youtube.com/watch?v=r76ZjdzFExg)

  - JavaScript JIT

  - what people usually get wrong

- [_Philip Roberts: What the heck is the event loop anyway?_](https://www.youtube.com/watch?v=8aGhZQkoFbQ)

  - Async internals

  - event loop

- [Jake Archibald: In The Loop](https://www.youtube.com/watch?v=cCOL7MC4Pl0)

  - Async revisited, including RAF

- [_Tomasz Ducin: 5 Architectures of Asynchronous JavaScript_](https://www.youtube.com/watch?v=YXo4YOLDK1k)

  - a walkthrough over various JS async APIs

  - callbacks, events, promises, async/await, RxJS

- [_Tomasz Ducin: Async Functions Awaiting You_](https://www.youtube.com/watch?v=IYikhsDVvic)

  - deep-dive into async/await and its foundations

- [_Dan Abramov: Hot Reloading with Time Travel_](https://www.youtube.com/watch?v=xsSnOQynTHs)

  - introduced redux along with its devtools

- [_Rich Harris - Rethinking reactivity_](https://www.youtube.com/watch?v=AdNJ3fydeao)

  - Svelte challenging React with a new approach to reactivity

- [_David Khourshid: Simplifying Complex UIs with Finite Automata & Statecharts_](https://www.youtube.com/watch?v=RqTxtOXcv8Y)

  - State Machines in UIs

- [_Maxim Koretskyi: A sneak peek into super optimized code in JS frameworks_](https://www.youtube.com/watch?v=_VHNTC67NR8)

  - low-level optimizations in JS frameworks (including object shapes)

- [_Kris Kowal: A General Theory of Reactivity_](https://www.youtube.com/watch?v=2p51PE1MZ8U)

  - high-level description of reactivity

  - [A General Theory of Reactivity (essay)](https://github.com/kriskowal/gtor)

- [_Tomasz Ducin: Architect's Guide to Frontend Frameworks_](https://www.youtube.com/watch?v=HI2vFGxiwkM)

  - high-level comparison of frontend frameworks internals

- [_Tomasz Ducin: The many meanings of Inversion of Control (IoC) in JavaScript_](https://www.youtube.com/watch?v=grF-BVK1vzM)

  - IoC as an approach

  - problems solved & various implementations in JavaScript

- [_Pascal Precht: Angular Change Detection explained_](https://www.youtube.com/watch?v=aAMMXRwoPXI)

  - change detection & NgZone

- [_Eliran Eliassy: Bye bye NgModules_](https://www.youtube.com/watch?v=MwFl2Rd_RJ0)

  - design flaws behind NgModules in Angular

- [_Pascal Precht: Angular Elements_](https://www.youtube.com/watch?v=9zyq7FcIuvM)

and last but not least, [️️⚡️ WAT ⚡️](https://www.destroyallsoftware.com/talks/wat)

also:

- [*The Problem with Time & Timezones*](https://www.youtube.com/watch?v=-5wpm-gesOY)

# tools

🔨🛠🔩

### online demos

- http://stackblitz.com

  - [stackblitz choosing console via iframe](https://i.imgur.com/kPvFjmV.png)

- https://jsfiddle.net

- https://codesandbox.io

### fake online APIs

- https://jsonplaceholder.typicode.com/comments?name_like=earum

- https://dog.ceo/dog-api/documentation/

  - https://dog.ceo/api/breeds/image/random

- https://icanhazdadjoke.com/api

- https://www.thecocktaildb.com/api.php, https://www.thecocktaildb.com/api/json/v1/1/search.php?s=margarita

- https://ergast.com/api/f1/2018/results/1.json, https://ergast.com/mrd/

### free stock photos

- https://unsplash.com/

- https://pixabay.com/

- https://picjumbo.com/

- https://www.pexels.com/

### UI design, sketches, mockups

- https://freebiesupply.com/free-sketch-websites/traders-social-network-concept-free-sketch/

- refactoring UI (tips): https://twitter.com/i/moments/994601867987619840

- https://uxmyths.com

### placeholder images

- https://loremipsum.io/21-of-the-best-placeholder-image-generators/ (!)

- https://loremflickr.com/

- https://placeimg.com

### icons

- [Material UI **ICONS**](https://www.materialui.co/icons)

- https://simpleicons.org/

- https://streamlineicons.com/free/

### emmet

extremely concise syntax that generates standard HTML (dev-friendly)

- [syntax, docs](https://docs.emmet.io/abbreviations/syntax/)

- VSCode has Emmet built-in.

- emmet [cheat-sheet](https://docs.emmet.io/cheat-sheet/)

use within template files:

- `ul#list>li.item{item no. $}*5`

- `ul>li*3>a>lorem10` (lorem ipsum)

### some emojis

- `(╯°□°)╯︵ ┻━┻`

- `(┛◉Д◉)┛彡 ¡ɹǝƃuɐ¡`

- `¯\_(ツ)_/¯`

- [emoji4fun](https://emojipedia.org): 🏦💰💸✨⚡🌩️🧟🔨👠🏳️‍🌈💀⚰️🥥🍕☃🎸

- flags: 🇫🇷🇩🇪🇵🇱🇪🇸🇮🇹🇳🇱🇬🇧🇺🇸

----

# snippets

Improve your developer productivity with tailored code snippets used throughout your apps.

**good practice**:

- think about the order in which you think about your code. THe order in which you define piece by piece might make it more smooth - or more cumbersome - to achieve your goal. Define the order with `${N:ELEMENT}`, where `N` number defines the order and `ELEMENT` is a default name (likely to change), best describing what this piece is. Example: `${1:AGGR}`

- Declare multiple bieces with the same number: `${1:ELEMENT} ${1:ELEMENT}` if you want both o change at the same time. Example below: React Component along with its props interface name

**create**:

VSCode's custom snippets:

- `ctrl` + `shift` + `P` (windows)

- `cmd` + `shift` + `P` (mac)

then: _user snippets_ > `javascript.json` / `typescript.json` > add following:

```json

{

	"Array-Reduce": {

		"prefix": "reduce",

		"body": [

			"${1:COLLECTION}.reduce( (${3:ACC}, ${2:ITEM}) => ${5:NEWACC}, ${4:INIT} )",

			"$0"

		],

		"description": "Call Array.reduce FTW!"

	},

	"Array-Reduce-Function": {

		"prefix": "reduce-fn",

		"body": [

			"${1:COLLECTION}.reduce((${3:ACC}, ${2:ITEM}) => {",

			"  return ${5:NEWACC}",

			"}, ${4:INIT})",

			"$0"

		],

		"description": "Call Array.reduce FTW!"

	}

}

```

or `typescriptreact.json` (TSX):

```json

	"FunctionComponent": {

		"prefix": "fc",

		"description": "typed function component",

		"body": [

			"import React from 'react';",

			"",

			"type ${1:Component}Props = {",

			"  ${2:...}",

			"}",

			"",

			"export const ${1:Component}: React.FC<${1:Component}Props> = (${4:props}) => {",

			"  return <>${3:siema}>",

			"}",

			"$0"

		]

	},

```