Тем временем хокку канал развивается, уже 300+ подписчиков) Заходите, не стесняйтесь)

Танцует разраб,
Спринт закрыл успешно,
Позапрошлый правда.

©Devs хокку и AI картинки

ПОВТОРЕНЬЕ - МАТЬ УЧЕНЬЯ! МОДЕЛЬ ТАКМАНА

Продолжаем вспоминать полезные инструменты. И развиваем дальше тему аудита команд.

Модель Такмана. Пожалуй, самый популярный в управлении командами инструмент. Простой и понятный. Шторминг, норминг, перформинг. Любая команда при формировании проходит через этап внутреннего конфликта. А потом все стабилизируется и все работают.

Как понять, на каком этапе команда? Есть несколько основных индикаторов. Но если упростить, то получается так:
- В команде есть ярковыраженные конфликты и противостояние - шторминг.
- В команде есть конфликты, но люди научились и начали договариваться - норминг.
- В команде редко бывают конфликты, все роли четко определены и всем понятны - перформинг.

Есть распространенное мнение, что изменение состава команды сразу же запускает процесс заново, и команда сваливается в шторминг. Ну т е любой человек поменялся - и все сразу ругаются. Категорическая ерунда.

Здесь надо четко понять, что команда - это не группа людей. Команда - это группа РОЛЕЙ. И эти роли должны четко разложиться по тем людям, что есть в команде. Отсюда и шторминг.

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

Отсюда и основные рекомендации, что нужно делать, чтобы быстрее пройти шторминг и выйти на максимальную эффективность - нужно помогать людям распределять роли. Где-то это означает разрешать конфликты, чтобы договориться по ролям. Где-то нужно эти самые роли четко обозначить, и может быть, даже явным образом распределить.

В общем, нужно раскладывать роли по сотрудникам, а не просто пытаться всех со всеми перемирить. Многие, к сожалению, делают наоборот. И потом живут в затяжном шторминге постоянно. Не надо так.

Как сделать так, чтобы Webstorm не тормозил

1. Идем по этой ссылке https://code.visualstudio.com/
2. Устанавливаем VS Code
3. Заходим в плагины и устанавливаем: CodeStorm, Darcula Theme, JetBrains IDEA Icons, IntelliJ IDEA Keybindings, Eslint, Prettier, Auto Rename Tag, Copy With Imports
4. Устанавливаем шрифт Jetbrains Mono https://www.jetbrains.com/lp/mono/#how-to-install

"editor.fontFamily": "'JetBrains Mono', Menlo, Monaco, 'Courier New', monospace"

5. Удаляем Webstorm
6. Спокойно работаем и не тратим нервы на тормозящий кусок говна.

#advices #ide #webstorm

Нейросеть показала компьютер, на котором не тормозят IDE от Jetbrains

Или вот еще придумал — эксперты из MIT признали что IDE от Jetbrains оказывают большее влияние на развитие мощности вычислительных машин, чем компьютерные игры 😀

Когнитивные искажение и их влияние на продукты

@artalog подкинул ссылочку https://keepsimple.io/uxcore
Просто офигенная тема, которая раскрывает искажения, и примеры применения их в продуктах или hr процессах
Пользуйтесь, изучаейте)

#product

Что-то из научно-фантастических рассказов, когда герой говорит своему другу из прошлого: "к сожалению, ты не увидишь этого будущего, но я могу передать твоим детям послание..."

React и JS

Много таких, кто поддавшись соблазну и не познав свет Javanoscript бросился в омут реакта с головой, не имея навыков молитвы работы с чистым JS.

Многие из них сейчас горят в гиене огненной сидят в вечных джунах, не имея возможности вознестись к небу взойти по карьерной лестнице...

Да простит им Кайл Симпсон прегрешения их...

https://aftershock.news/?q=node/1333376
https://aftershock.news/?q=node/971470

Это когда ты такой менеджер и говоришь, "да зачем нам тесты писать, у нас много пользователей, если будет ошибка какая, сразу сообщат — поправим"

В Typenoscript тут GQL типы завезли, выглядит многообещающе

https://gql-tada.0no.co/

SSR

В следующий раз, когда решите делать SSR для SEO, вспомните про пререндер https://github.com/prerender/prerender
Его суть в том, что пользователи так же работают с SPA и ничего для них не меняется, но если зайдет робот, то ему с помощью браузера рендерится html.

Profit! Все довольны, сеошники открывают шампанское, разрабы радуются, что им не придется сношаться с Nuxt, Next и прочим.🎉

Есть куча мидлварей для разных языков, даже с помощью nginx можно сделать middleware https://github.com/prerender/prerender-nginx

#ssr #seo #frontend

Figma to Code

Скинули тут очередное AI поделие https://www.locofy.ai/
Зашел посмотреть, ну что там, фронтам уже пора учиться копать траншеи или нет...
Спойлер — Нет

Такое ощущение что все эти плагины AI для фигмы - это скам для инвесторов недалеких.

Эта шляпа сгенерила CRA проект, в котором 1 файл с html версткой на 5.5к строк. С адски кривой версткой.

У вас есть опыт положительный использования подобных инструментов? Мб прост мне не везет?

#ai #frontend

А, вот как выглядит верстка

Пока все переводят Фигму в код, эти чуваки https://html.to.design/home переводят код в фигму 😀

По мотивам https://news.1rj.ru/str/bearlogin_dev/247?comment=1287

6 шагов к восхитительной пюрешке

1. Чистим и варим картофан. Чтобы быстрее сварилось режем на большие куски.
2. Варим, пока без усилий не станем протыкать вилкой.
3. Воду после варки не выливайте совсем, она еще может понадобиться. Слейте ее в контейнер.
4. Толочь картофан лучше без воды совсем, так не будут лететь горячие брызги. И никогда не используйте блендер! Получится крахмальная, липкая фигня. Толчите нормальной ручной толкушкой.
5. Этот пункт только для бояр. Греем молоко и топим в нем сливочное масло. Не заливайте холодное молоко в картошку — будет противная и серая масса.
6. Делаем ямку и заливаем немного молока с маслом (или воды, которую слили на пункте 3)
7. Толчем дальше.
8. Повторяем 6,7 до тех пор, пока пюре не станет довольно жидким. Это важно, иначе после хранения, пюре будет отламываться кусками и не выглядеть как пюре. Если молока не хватило, берет воду с шага 3.

Всем пюре!

#еда #пюрешкаедабогов

Typenoscript теперь в телеграм Prisma Json

Значит дошли руки разобраться, что же делать с Json в призме, так как приводить типы порядком надоело (ну или затыкать рот компилятору as any)
Нашел такую вот замечательную либу https://github.com/arthurfiorette/prisma-json-types-generator

Суть такая — добавляем в схему еще 1 генератор, обязательно после основного генератора призмы.

generator json {
  provider = "prisma-json-types-generator"
  // namespace = "PrismaJson"
  // clientOutput = "<finds it automatically>"
  // (./ -> relative to schema, or an importable path to require() it)
}

Затем где то в области видимости компилятора TS, например в src/index.ts пишем глобальный неймспейс и прописываем наш существующий тип.

declare global {
  namespace PrismaJson {
    type FormData = FormDataContract;
  }
}

В схеме пишем комментарий

model Form {
  /// [FormData]
  formData: Json
}

Запускаем генерацию и Profit, в сущности теперь типизированное поле!

Всем призма!

Bearlogin Dev

#prisma #typenoscript

Best breakdown of all times ИМХО https://youtu.be/1YxNiEl_Fic?si=8u-4qARwMx1LzZ6I&t=134

Ветку ребейзил,
Конфликты час резолвил,
Где мой код теперь?

#это575

©Devs хокку