https://css-tricks.com/auto-growing-inputs-textareas/

расширяющаяся текстарея с минимумом джс. все свои прошлые текстареи я брала из ант-дизайна и особо не думала, но это действительно проблема)

#git

посмотреть урлы ремоут репозиториев можно командой git remote -v

git remote show origin покажет что нового в репозитории origin

#git

git switch - возвращает на предыдущую ветку

ой я много лет была не права когда использовала в тестах .toMatchObject

Use .toMatchObject to check that a JavaScript object matches a subset of the properties of an object. It will match received objects with properties that are not in the expected object.

toMatchObject посчитает за сматченное тот объект, в котором нет каких-то значений (ну другие-то есть, значит матчится 😬)

а то что в объектах все свойства одинаковые, нужно проверять через .toStrictEqual

#jest

#git правила ребейза и капелька угроз

кстати не использую ребейз пушто не вижу преимуществ, но знаю, что можно легко всё испортить

https://wiki.csswg.org/ideas/mistakes
список концептуальных ошибок в цсс

например вот о чем я не догадывалась
z-index should be called z-order or depth and should Just Work on all elements (like it does on flex items)


флекс-элементам можно задавать z-index независимо от их position. это действительно работает:

https://codepen.io/iwanttobealight/pen/OJWOLZL

отличие map от flatMap

flatMap применяет функцию к каждому элементу массива (как map), но потом делает результат плоским ээ на один уровень (как flat)

можно узнать плотность пикселей на экране если ввести в консоль хрома devicePixelRatio

на обычных мониторах это 1, на ретине 2

могут быть варианты 1.25, 1.5

также это значение меняется при изменении масштаба страницы

chrome://chrome-urls/

адрес ссылок по которым можно узнать полезную инфу, лежащую в хроме

ну или поиграть в динозаврика
chrome://dino/

https://medium.com/@codebyamir/a-web-developers-guide-to-browser-caching-cc41f3b73e7c

как работает кэш в браузере

лучшая картинка про event loop

зачем мы делаем import React from 'react'

с 17-го реакта мы так не делаем, но оглянемся назад

эта строчка говорит babel трасформировать jsx в createElement

https://djoech.medium.com/why-do-you-need-to-import-react-in-functional-components-7385e4329ffb

плюсы серверных компонентов

sudo расшифровывается как substitute user and do

как сделать кондишинал реакт проп

type TruncateProps =
  | { truncate?: false; showExpanded?: never }
  | { truncate: true; showExpanded?: boolean }

https://www.benmvp.com/blog/conditional-react-props-typescript/