Всем привет!
Хорошая статья о CSS-in-Js. Я не люб этот подход, но сейчас работаю с ui библиотекой и приходится править стили именно этим способом, такое публичное api у готовых компонентов(((
#css
Хорошая статья о CSS-in-Js. Я не люб этот подход, но сейчас работаю с ui библиотекой и приходится править стили именно этим способом, такое публичное api у готовых компонентов(((
#css
Хабр
Сравнение производительности CSS и CSS-in-JS в реальном мире
Технология CSS-in-JS заняла прочное место среди инструментов фронтенд-разработки. И возникает ощущение, что CSS-in-JS-тренд в ближайшем будущем лишь усилится. Ос...
Всем привет!
Коллеги поделились ссылкой - сейчас в прямом эфире Сбербанк проводит первую конференцию SmartDev
Топовые специалисты будут рассказывать о всевозможных направлениях в течении дня - все бесплатно
Коллеги поделились ссылкой - сейчас в прямом эфире Сбербанк проводит первую конференцию SmartDev
Топовые специалисты будут рассказывать о всевозможных направлениях в течении дня - все бесплатно
Всем привет!
Вот и пролетел первый месяц работы (даже чуть больше). Отдохнуть между работами не успел, думал буду отдыхать пока мне коммерческий проект будут подыскивать, но и тут не вышло - почти сразу меня пристроили. Команда хорошая, стек почти весь на мое усмотрение, задачи почти все уже решал - аутентификация, роутинг и сложная форма (основная моя задача). Стек TS, React, Redux, Saga. Так же решил использовать React Hook Form https://react-hook-form.com/ в связке с Yup https://github.com/jquense/yup
Вот про эти 2 библиотеки и хочу отписаться: в принципе я доволен этой связкой, форму еще не доделал до конца, но уже проверил ее на нескольких сложных моментах и связал ее с логикой приложения, работает))
Ранее я это реализовывал ручками, теперь было интересно попробовать готовое решение, которое довольно новое, но по отзывам #1 сейчас. Да, свои компоненты более гибкие, но и с библиотекой я пока все задачи смог решить, а скорость работы увеличивается сильно. Так что, рекомендую!
зы Первый проект на новой работе, испытательный срок - нужно себя проявить и немного по напрягаться. Приходится работать больше 8ч, поэтому не так часто пишу в канал. Но это всегда так - сначала ты работаешь на авторитет, потом он на него! Да, никто меня не гонит и не напрягает, более того - я должен тока 40часов в неделю работать, но у меня такой подход и я всегда ему следую.
Вот и пролетел первый месяц работы (даже чуть больше). Отдохнуть между работами не успел, думал буду отдыхать пока мне коммерческий проект будут подыскивать, но и тут не вышло - почти сразу меня пристроили. Команда хорошая, стек почти весь на мое усмотрение, задачи почти все уже решал - аутентификация, роутинг и сложная форма (основная моя задача). Стек TS, React, Redux, Saga. Так же решил использовать React Hook Form https://react-hook-form.com/ в связке с Yup https://github.com/jquense/yup
Вот про эти 2 библиотеки и хочу отписаться: в принципе я доволен этой связкой, форму еще не доделал до конца, но уже проверил ее на нескольких сложных моментах и связал ее с логикой приложения, работает))
Ранее я это реализовывал ручками, теперь было интересно попробовать готовое решение, которое довольно новое, но по отзывам #1 сейчас. Да, свои компоненты более гибкие, но и с библиотекой я пока все задачи смог решить, а скорость работы увеличивается сильно. Так что, рекомендую!
зы Первый проект на новой работе, испытательный срок - нужно себя проявить и немного по напрягаться. Приходится работать больше 8ч, поэтому не так часто пишу в канал. Но это всегда так - сначала ты работаешь на авторитет, потом он на него! Да, никто меня не гонит и не напрягает, более того - я должен тока 40часов в неделю работать, но у меня такой подход и я всегда ему следую.
React-Hook-Form
React Hook Form - performant, flexible and extensible form library
Performant, flexible and extensible forms with easy-to-use validation.
Всем привет!
Алгоритмы и структуры данных на JavaScript: обширная коллекция на разных языках для обучения с примерами реализации, подробными объяснениями и ссылками на дополнительные материалы по каждому алгоритму и структуре данных.
👉Подробнее👈
#js #алгоритмы
Алгоритмы и структуры данных на JavaScript: обширная коллекция на разных языках для обучения с примерами реализации, подробными объяснениями и ссылками на дополнительные материалы по каждому алгоритму и структуре данных.
👉Подробнее👈
#js #алгоритмы
GitHub
javascript-algorithms/README.ru-RU.md at master · trekhleb/javascript-algorithms
📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings - trekhleb/javascript-algorithms
Всем привет!
Недавно прилетела черная полоса, хочу поделиться несколькими моментами, чтоб вы не наступили на эти грабли.
1. Кресло, которое я недавно купил за приличную сумму оказалось бракованным. Брак основного механизма через месяц. Пользоваться не получится - плавно заваливается назад все больше и больше. Дилер долго собирался, но все же прислал новый механизм (считай кресло), только одно НО - его так просто не поменять в домашних условиях, от газ лифта оно не отсоединяется)))
Я хоть и не инженер, но изучив конструкцию понял, что это не брак, а ошибка конструкторов. Оно опять сломается, даже если поменяю механизм - короче, валяется на лоджии))))
2. Не успел я толком поюзать новенький рабочий HP Probook - как накрылась матрица((( Две полосы битых пикселей на весь экран.
Тут моя компания быстренько прислала курьера, забрали, переставили винт в новый ноут и прислали обратно. Молодцы - вот прям слов нет. Я бы не пережил заново все настраивать))
зы Осталось немного до конца испытательного (всего он 3 месяцы, а я уже 2 отработал) после чего будет общение с руководством. Жду отзывов по первому проекту, собеседования и отпишусь о планах дальнейшего развития
Недавно прилетела черная полоса, хочу поделиться несколькими моментами, чтоб вы не наступили на эти грабли.
1. Кресло, которое я недавно купил за приличную сумму оказалось бракованным. Брак основного механизма через месяц. Пользоваться не получится - плавно заваливается назад все больше и больше. Дилер долго собирался, но все же прислал новый механизм (считай кресло), только одно НО - его так просто не поменять в домашних условиях, от газ лифта оно не отсоединяется)))
Я хоть и не инженер, но изучив конструкцию понял, что это не брак, а ошибка конструкторов. Оно опять сломается, даже если поменяю механизм - короче, валяется на лоджии))))
2. Не успел я толком поюзать новенький рабочий HP Probook - как накрылась матрица((( Две полосы битых пикселей на весь экран.
Тут моя компания быстренько прислала курьера, забрали, переставили винт в новый ноут и прислали обратно. Молодцы - вот прям слов нет. Я бы не пережил заново все настраивать))
зы Осталось немного до конца испытательного (всего он 3 месяцы, а я уже 2 отработал) после чего будет общение с руководством. Жду отзывов по первому проекту, собеседования и отпишусь о планах дальнейшего развития
Всем привет!
Какое-то настроение с утра странное - решил принести пользу миру, причем бесплатно, что противоречит здравомыслию)))
Ну как миру - всего на всего подписчикам моего канала - т.е. Вам и компании в которой работаю.
Короче, у нас тут кучу вакансий открыли разных (хотя штат более 1000 - понаехали, блин 😂), поэтому, если кто-то ищет работу и имеет опыт, пишите, состыкую с коллегами по найму.
зы Вроде, какие-то плюшки еще за это дадут - если испытательный пройдете)
ззы ОМГ - пиарщики решили переплюнуть Киану Ривз и братьев Вачовски и выпустили ролик 👈 😂
#вакансия
Какое-то настроение с утра странное - решил принести пользу миру, причем бесплатно, что противоречит здравомыслию)))
Ну как миру - всего на всего подписчикам моего канала - т.е. Вам и компании в которой работаю.
Короче, у нас тут кучу вакансий открыли разных (хотя штат более 1000 - понаехали, блин 😂), поэтому, если кто-то ищет работу и имеет опыт, пишите, состыкую с коллегами по найму.
зы Вроде, какие-то плюшки еще за это дадут - если испытательный пройдете)
ззы ОМГ - пиарщики решили переплюнуть Киану Ривз и братьев Вачовски и выпустили ролик 👈 😂
#вакансия
VK
SimbirSoft. Запись со стены.
📹Мы попробовали представить, что получится, если работа в #SimbirSoft – это кино, и сняли к нему тре... Смотрите полностью ВКонтакте.
Всем привет!
Хочу напомнить - практика важна не только при обучении, но так же и для опытных специалистов! Решайте задачки, держите себя в тонусе и не давайте рутине поглотить себя! Всегда нужно чему-то учиться, т.к. у вас есть только 2 состояния - либо вы прогрессируете, либо регрессируете. Поверьте, третьего не дано!
зы Кстати, я для вас публикую постоянно новые задачи (недавно, правда, перерыв был, но теперь возобновляю) - потратив 1-2 минуты в день, вы за год сможете много новых тем прокачать или закрепить/повторить изученное, так что подписывайте - ссылка в описании канала.
ззы Или вот - @tasks_frontend
Хочу напомнить - практика важна не только при обучении, но так же и для опытных специалистов! Решайте задачки, держите себя в тонусе и не давайте рутине поглотить себя! Всегда нужно чему-то учиться, т.к. у вас есть только 2 состояния - либо вы прогрессируете, либо регрессируете. Поверьте, третьего не дано!
зы Кстати, я для вас публикую постоянно новые задачи (недавно, правда, перерыв был, но теперь возобновляю) - потратив 1-2 минуты в день, вы за год сможете много новых тем прокачать или закрепить/повторить изученное, так что подписывайте - ссылка в описании канала.
ззы Или вот - @tasks_frontend
Всем привет!
Что бы не говорили о JavaScript, а язык очень сильно вырос. Множество ошибок исправлено, добавлена куча нативных возможностей, огромное веб api, куча библиотек и фреймворков для любых потребностей - работать одно удовольствие.
Кстати, на днях в нашем чате обсуждали вопрос о динамическом меню. Нашел готовое решение (на Реакт, если кому нужно - react-intersection-observer. Но вспомнил, что уже когда-то и сам использовал Intersection Observer API и написал за 10 минут кастомный хук, решающий мою задачу без всяких библиотек. Очень удобно отслеживать элемент в видимой области экрана, рекомендую!
P.S. Да, я всегда говорил - интернет(читать как - JavaScript) захватит мир! Все идет к этому🤘😂
Что бы не говорили о JavaScript, а язык очень сильно вырос. Множество ошибок исправлено, добавлена куча нативных возможностей, огромное веб api, куча библиотек и фреймворков для любых потребностей - работать одно удовольствие.
Кстати, на днях в нашем чате обсуждали вопрос о динамическом меню. Нашел готовое решение (на Реакт, если кому нужно - react-intersection-observer. Но вспомнил, что уже когда-то и сам использовал Intersection Observer API и написал за 10 минут кастомный хук, решающий мою задачу без всяких библиотек. Очень удобно отслеживать элемент в видимой области экрана, рекомендую!
P.S. Да, я всегда говорил - интернет(читать как - JavaScript) захватит мир! Все идет к этому🤘😂
npm
npm: react-intersection-observer
Monitor if a component is inside the viewport, using IntersectionObserver API. Latest version: 9.16.0, last published: 3 months ago. Start using react-intersection-observer in your project by running `npm i react-intersection-observer`. There are 1305 other…
Всем привет!
Т.к. тема компьютерного кресла опять для меня актуальна, после поломки нового кресла через месяц, продолжаю изучать различные статьи и обзоры. Сегодня наткнулся на противоположный подход в данном вопросе, с которым не могу не согласиться. Рекомендую прочесть короткую статью - думаю, многие мои ровесники согласятся с таким подходом). Пишите в чате или комментария ваше мнение
Т.к. тема компьютерного кресла опять для меня актуальна, после поломки нового кресла через месяц, продолжаю изучать различные статьи и обзоры. Сегодня наткнулся на противоположный подход в данном вопросе, с которым не могу не согласиться. Рекомендую прочесть короткую статью - думаю, многие мои ровесники согласятся с таким подходом). Пишите в чате или комментария ваше мнение
Хабр
Лучшее компьютерное кресло: табурет и здоровые мышцы спины
Чтобы понять, кому не нужно анатомическое компьютерное кресло — нужно понять, кому и зачем на самом деле анатомические сидения нужны. Сиденья, максимально точно повторяющие человеческую фигуру,...
Всем привет!
Три новых JavaScript-API, направленных на работу с аппаратным обеспечением — WebHID, WebNFC и WebUSB
#js
Три новых JavaScript-API, направленных на работу с аппаратным обеспечением — WebHID, WebNFC и WebUSB
#js
Всем привет!
Сижу готовлюсь к собеседованиям на новые проекты и наткнулся на хорошую статью никто не знает CSS.
Рекомендую
#css
Сижу готовлюсь к собеседованиям на новые проекты и наткнулся на хорошую статью никто не знает CSS.
Рекомендую
#css
CSS-LIVE
Никто не знает CSS: специфичность — не весь каскад
Что такое на самом деле «каскад» в CSS. Разбираемся в новейшей спецификации того, как CSS выбирает единственное значение из многих для каждого свойства, учитывая их происхождение, важность, область видимости, специфичность и порядок в коде. И как этим управлять.
Всем привет!
Прошел сегодня собеседование на очередной проект - название не могу говорить, назовем его условно "аналог youTube" 😂🤣
Пока не знаю, радоваться или печалиться - подробностей нет. Говорят там круто, посмотрим...
Прошел сегодня собеседование на очередной проект - название не могу говорить, назовем его условно "аналог youTube" 😂🤣
Пока не знаю, радоваться или печалиться - подробностей нет. Говорят там круто, посмотрим...
Всем привет!
Завтра планируется жаркий денек: захожу на новый проект, а так же вызывают на ковер - закрытие моего испытательного срока (прошло 3 месяца). Интересно...
Буду держать в курсе)
Завтра планируется жаркий денек: захожу на новый проект, а так же вызывают на ковер - закрытие моего испытательного срока (прошло 3 месяца). Интересно...
Буду держать в курсе)
Всем привет!
Для меня самое неприятное при подключении к новому проекту это настройка окружения, запуск проекта. Вот почему люди не могут 1 раз написать норм документацию, особенно для крупных проектов, которые годами длятся?
Когда наконец случается чудо и проект запускается - начинаешь смотреть архитектуру и пытаешь вникнуть в процессы. Вот тут есть интересный инструмент, которым хочу с вами поделиться - Madge. Выполнил 3 команды в терминале и получил красивую картинку структуры проекта. Рекомендую!
зы Вот пример генерации схемы.
Для меня самое неприятное при подключении к новому проекту это настройка окружения, запуск проекта. Вот почему люди не могут 1 раз написать норм документацию, особенно для крупных проектов, которые годами длятся?
Когда наконец случается чудо и проект запускается - начинаешь смотреть архитектуру и пытаешь вникнуть в процессы. Вот тут есть интересный инструмент, которым хочу с вами поделиться - Madge. Выполнил 3 команды в терминале и получил красивую картинку структуры проекта. Рекомендую!
зы Вот пример генерации схемы.
GitHub
GitHub - pahen/madge: Create graphs from your CommonJS, AMD or ES6 module dependencies
Create graphs from your CommonJS, AMD or ES6 module dependencies - pahen/madge
Всем привет!
Вчера столкнулся с проблемой, которую, как оказалось, даже в крупных компаниях допускают - высотка блока в 100vh на мобильных устройствах.
Да, она работает не так, как хотелось бы и уже изобрели кучу хаков для этого - поделюсь несколькими)
1. C js + innerHeight
2. -webkit-fill-available
Сам не проверял(((
3. Не мог избавиться от vh поэтому поставил костыль и вычел высоту меню браузера
Но сразу скажу, если есть возможность, делайте сразу по нормальному, вот 👉пример
#css
Вчера столкнулся с проблемой, которую, как оказалось, даже в крупных компаниях допускают - высотка блока в 100vh на мобильных устройствах.
Да, она работает не так, как хотелось бы и уже изобрели кучу хаков для этого - поделюсь несколькими)
1. C js + innerHeight
2. -webkit-fill-available
Сам не проверял(((
3. Не мог избавиться от vh поэтому поставил костыль и вычел высоту меню браузера
Но сразу скажу, если есть возможность, делайте сразу по нормальному, вот 👉пример
#css
CSS-Tricks
The trick to viewport units on mobile | CSS-Tricks
Viewport units have always been controversial and some of that is because of how mobile browsers have made things more complicated by having their own
Всем привет!
Столкнулся с интересным багом копирования в буфер обмена - пока еще не победил, но кто не в курсе, сейчас новое асинхронное API.
Хорошая статья как работать и с новым и старым API - разблокировка доступа к буферу обмена👈 Рекомендую.
ps У меня глобальные перемены - на днях подробно расскажу.
#js
Столкнулся с интересным багом копирования в буфер обмена - пока еще не победил, но кто не в курсе, сейчас новое асинхронное API.
Хорошая статья как работать и с новым и старым API - разблокировка доступа к буферу обмена👈 Рекомендую.
ps У меня глобальные перемены - на днях подробно расскажу.
#js
web.dev
Unblocking clipboard access | Articles | web.dev
Async Clipboard API simplifies permissions-friendly copy and paste.