code_notes
71 subscribers
136 photos
1 video
134 links
учусь делать веб

обратная связь: t.me/dmorenogogoleva
Download Telegram
#git

You can get the best of both worlds: rebase local changes before pushing to clean up your work, but never rebase anything that you’ve pushed somewhere.
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
image-rendering: pixelated;
отличие map от flatMap

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

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

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

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

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

ну или поиграть в динозаврика
chrome://dino/
лучшая картинка про 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/
можно добавить .patch к коммиту, чтобы посмотреть когда он был сделан и кем
https://matthew-brett.github.io/pydagogue/git_diff_dots.html

важная инфа про диффы и точки
как вам такое
как сделать бесконечный скролл (сделала через интерсекшн обсервер, всё работает, я довольна)

https://medium.com/suyeonme/react-how-to-implement-an-infinite-scroll-749003e9896a