Beta React Docs

Вчера наткнулся на Beta новой документации React

https://beta.reactjs.org/

Ну я вам скажу, это небо и земля вообще...

Просто сравните док по useCallback в старом и новом...
https://reactjs.org/docs/hooks-reference.html#usecallback
https://beta.reactjs.org/apis/react/useCallback

Собственно, искал инфу чтобы сделать пост про useCallback, но с такой докой уже можно не делать :)

#docs #react #frontend #дока2

Hellride ищет СреднегоПрограммиста 1C УТ 11.3

Немного не по теме моего канала, но мои друзья из Hellride https://hellride.ru/
Ищут 1С миддла на УТ 11.3
Желательно фултайм.
Вилка 150-220.
Можно офис, можно удаленку.

Если (вдруг!) у вас где то есть друг 1С программист, и он (вдруг!) ищет работу, то киньте ему этот пост)

Писать сюда https://news.1rj.ru/str/Teddn

#вакансия #1с

Ищем в хантику мануального терапевта тестировщика

Собсно нужен человек на парт-тайм, который будет ломать наш функционал и бесить разрабов :)

— Нужно быть внимательным (так как мы тут все невнимательные, и нужен хоть один нормальный человек)
— Еще хорошо бы отличать дымовые тесты от регрессионных.
— Еще лучше, если прочитали хотя бы одну книгу по тестированию или прошли курс.
— Совсем отлично уметь в селениум.

Еще иногда нужно будет звонить кандидатам, и узнавать как они умудрились сломать все своими кривыми руками на своем нищебродском хуёмифоне смогли наткнуться на баг, который не заметили мы.

Для отклика пройдите интервью на нашем сервисе https://huntica.works/v/1069

#вакансия #тестирование

Мок сервера

Классная штука - Mock Service Worker https://mswjs.io/
Позволяет легко мокать REST или GraphQL сервер и не нужно поднимать в CI API или мокать библиотеки типа axios)

А какие интересные штуки для unit и интеграционного тестирования вы знаете?

#advices #front #testing #back

Чот я слоу... Оказывается уже можно пушить чарты Helm прямо в Docker Registry. Как я понял - любой :) И не надо заморачиваться с chartmuseum.

https://helm.sh/docs/topics/registries/

#kubernetes #helm

Устроил спа для клавиатуры, пока там не возникла жизнь:)

А как часто вы чистите свою? И какие средства используете и чем чистите основу?

#mechanical

Прикольный пакет для всяких штук с ресайзами для React
https://github.com/johnwalley/allotment

Можно пилить свой vscode :)

#react #packages

Если вас как и меня задолбала собака в Ubuntu, вот как ее выключить. Настройка - звук уведомления.

P.S. https://www.youtube.com/watch?v=uMpNrGcZwaI

Запилил плагин для Vue2 Яндекс Метрика

Значит столкнулся с таким пакетом vue-yandex-metrika.
Но в нем обнаружился баг - когда браузер вырезает трекер, то this.$metrika становится undefined. Issue c 20 года висит.
Пакет древний, но для vue2 альтернативных пакетов не было.

В общем форкнул его, и задумал запилить туда Proxy. Но там все было настолько старое, что даже дебаггер в тестах не хотел останавливаться там где нужно. Попробовал обновить jest, но там сразу конфликтовать зависимости пошли.

В итоге запилил свой пакет по мотивам https://www.npmjs.com/package/vue2-ya-metrika

Кому надо - пользуйтесь :)

PR - welcome

#yandexmetrika #vue2

Ищем QA инженера в Питере

К нам в Геоскан нужен тестировщик. Вакансия тут https://hh.ru/vacancy/74004518?from=employer&hhtmFrom=employer

Работа интересная, тестировать НСУ - наземную станцию управления БПЛА. Тестить нужно как фронт, так и бек (тесты API, JUnit).
В идеале уметь в автоматизацию (планируем использовать Cypress, хоть в вакансии и указан Selenium).

Рассмотрим не только миддла, на вырост тоже смотрим.
Основное условие - работа в офисе в Санкт-Петербурге.

Ну и плюшки - белая зп (120-150), аккредитованная IT компания и всякие там ДМСы, отсрочка от армии и мобилизации :)

Если интересно, пишите @bearlogin

Интересная либа для генерации типов и маркдауна из объектов https://github.com/unjs/untyped

Вопрос: Как в Nuxt3 использовать runtimeConfig вне setup, если process.env не работает при билде?

Например для указания baseUrl:

import axios from 'axios'

const api = axios.create({
  baseURL: process.env.NUXT_BACK_URL //не работает,
  withCredentials: true
})

api.defaults.withCredentials = true

export default api

Ответ: Нужно сделать функцию setter для такого конфига и вызвать ее в контексте setup.

export function setBaseUrl (baseUrl: string) {
  api.defaults.baseURL = baseUrl
}

//app.vue
setup() {
  ...
      const { backUrl } = useRuntimeConfig()
      setBaseUrl(backUrl)
  ...
}

P.S. конкретно для этого примера, лучше использовать механизм плагинов, но например в RC они очень хреново работали. А сейчас хз, надо проверить. Но тут не важно, вопрос был, как использовать runtimeConfig ВНЕ контекста.

#nuxt3 #faq #advices #frontend

Мультистрочные скрипты в gitlab-ci.yml и других CI

Часто вижу километровые docker build ... команды без переноса строк. Какое то время думал, что по-другому нельзя :)
В итоге нашел решение — все оказалось просто. Добавляем символ ">" и все.

Вроде это механизм самого YAML, https://yaml-multiline.info/
По-этому должно работать и в остальных CI/CD типа github, bitbucket и т.д.

https://jsramblings.com/using-multiline-strings-in-gitlab-yml-file/

#devops #gitlab #advices #ci

Вебинар

В Новом Году планирую выход в люди :) Сделаю вебинар «Devops практики для фронт и бек разрабов» Было бы интересно прийти?

Разберем как готовить Docker, писать деплои в gitlab, запускать тесты и всякие инструменты интересные.

Если да, то пишите что хотелось бы увидеть?

С праздником.

Значит, с наступающием НГ вас всех! Благ там, закрытия гештальтов, дзена и выжить...

P.S.
Я думаю вам уже осточертели новогодние открытки,
поэтому, вот вам синьор, объясняющий джуну приведение типов в JS в последний день предновогоднего спринта...

HTTPS Backend Proxy

Бывает такое, когда нужно при разработке фронта подключаться по https к беку на удаленном сервере.
И если на беке используются куки для авторизации и/или CORS, то приходится поднимать https локально, прописывать там всякие hosts и прочее.

В общем для таких случаев, я запилил небольшой проектик, который с помощью докера поднимает прокси и позволяет работать с https бекендом, как будто он на локалхосте через обычный http протокол.

Работает даже на винде :)

https://github.com/BEARlogin/backend-docker-proxy

Upd. Заменил Nginx на Express

#devops #frontend #docker

Backend Proxy 2.0

Предыдущая версия работала только в том случае, если локальный хост уже был прописан на dev окружении для динамического ORIGIN, иначе валились CORS и куки.

Начал допиливать, чтобы была возможность работать с API без дополнительных изменений окружения на удаленном сервере.
В итоге отказался от NGINX, так как он при переписывании domain у кук ставит всегда ".localhost", что для Chrome не равно "localhost". И он отказывается ставить cookie.

Перешел на Express и пакет express-http-proxy. Бонусом получилось 2 варианта запуска - через docker или NodeJS напрямую. Теперь Docker необязательно ставить.

Если не трудно, потестите на своих окружениях, получится ли спроксировать к продакшну или стейджу например? У меня получилось к проду api.huntica.works локалку подключить без добавления ORIGIN и STATEFUL_HOSTS. Авторизация, CORS работает как надо :) Но может есть какие то кейсы, которых у меня не случилось.


Upd. Добавил возможность запуска через npx без клона репозитория

npx dev-backend-proxy -t https://jsonplaceholder.typicode.com -r https://jsonplaceholder.typicode.com -p 3001

https://github.com/BEARlogin/backend-docker-proxy

#devops #frontend #docker