• Как подключить redux-persist к react typescript проекту?

    miraage
    @miraage
    Старый прогер
    Добавьте в проектный something.d.ts файл (react-app-env.d.ts, если используете create react app) строчку:
    /// <reference types="redux-persist" />
    Ответ написан
    1 комментарий
  • Как узнать первую цифру числа?

    Athanor
    @Athanor
    Лайк + Решение: не жмись, нажми
    const a = 99;
    const b = a.toString();
    console.log(b[0])
    Ответ написан
    1 комментарий
  • Как лаконичней сократить множество if условий с одинаковым оператором?

    alams_stoyne
    @alams_stoyne
    Full Stack Developer - #PHP #CSS #JS #DB
    if([b, c, d, f].indexOf(a) >= 0 ){
     // .....
    }
    Ответ написан
    Комментировать
  • Куда идти на стажировку начинающему фронтенд разработчику?

    @Mysianio
    вайти в айти
    Я попал на свою работу на 2 курсе после того, как походил мероприятия от компании.
    Это реально действенный способ не только показать себя, но и понять, насколько ты ничтожество.
    Сразу смирись с мыслю, что после хакатона/стажировки ты уйдешь без своей самооценки как разработчик
    Ты сразу сократишь свой список знаний до 'немного знаю html' :)
    Однако после этого пойдет дикий памп твоего самообучения
    В универах иногда есть ярмарки профессий, глянь там. Иного места получения информации о стажировках нет, разве что случайно наткнуться в интернете.
    Не бойся браться за все, что попадает в руки, все пойдет в копилку.
    Ответ написан
    1 комментарий
  • Возможно ли тестирование сайта в автоматическом режиме?

    sergey-gornostaev
    @sergey-gornostaev
    Седой и строгий
    Да, возможно. Именно для этого и был придуман Selenium.
    Ответ написан
    5 комментариев
  • Kubernetes как запускать тестирование?

    @1001001
    Э а чем ваши [Unit] отличаются от [Integration], если вы собрались для них запускать ПО?
    Если для запуска unit тестов вам нужно запустить само ПО, 99,9% вы идете не в ту сторону)
    В целом unit тесты должны заблокировать попадание кода в "основную" ветку системы контроля версий, если данный код не прошел их.
    Ответ написан
    7 комментариев
  • Как научиться пользоваться методологией БЭМ?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Не могу научиться пользоваться методологией, не могу просто взять глядя на макет и разбить его на блоки и элементы

    Тут БЭМ вторичен.

    Попробуйте представить, что вам нужно сделать верстку для сотни похожих (только похожих) сайтов. Вот первый готов. Вы берете второй макет, садитесь работать и понимаете, что снова есть блок, например, последних новостей, все тоже самое, дата-заголовок-текст-подробнее. Ах, как было бы хорошо, взять и сделать ctrl+c ctrl+v из предыдущей работы. Вот подумайте, как записать все стили так, чтобы при переиспользовании на этом же сайте или в другом проекте нужно было бы переписывать как можно меньше кода, а стили внутренних элементов не "поссорились" с тем кодом который уже есть в новом проекте.
    Ответ написан
  • Какой проект сделать новичку чтобы вникнуть во фронтенд и бекэнд и быть востребованым на рынке труда?

    Не слушай никого и не задавай вопросов, потрать это время на изучение и практику, повтори так 1000 раз, а лучше 10000 раз, обретешь счастье.
    Ответ написан
    Комментировать
  • React. Ленивая загрузка компонента только при его использовании?

    Robur
    @Robur
    Знаю больше чем это необходимо
    https://reactjs.org/docs/code-splitting.html тут все подробнейшим образом разжевано. Подробнее рассказать сложно
    Ответ написан
    Комментировать
  • Как тестировать компоненты, обернутые withStyles material-ui?

    @Dasslier Автор вопроса
    FrontEnd Developer
    Нашел такое решение, кто из знатоков, поправьте если что не так и как тогда сделать правильнее:

    из пакета 'react-test-renderer' импортирую:
    import ShallowRenderer from 'react-test-renderer/shallow'

    Из компонента импортирую обычным экспортом не обернутый в HOC компонент
    import { Profile } from '../Profile';

    И теперь для снепшота не происходит глубокого рендера:
    it('Profile renders snapshot', () => {
            const renderer = new ShallowRenderer();
            const result = renderer.render(<Profile />);
            expect(result).toMatchSnapshot();
        });


    Еще один вариант для работы с MobX и декораторами:
    Если компонент обернут в inject, то способ выше сделает бесполезный снимок. Чтобы сделать сделать нормальный снимок компонента, делаем так:
    it('ProfileMainInfo renders snapshot', () => {
            const renderer = new ShallowRenderer();
            const result = renderer.render(<ProfileMainInfo.wrappedComponent {...props} />);
            expect(result).toMatchSnapshot();
        });

    То есть - обращаемся к свойству wrappedComponent в нем лежит оборачиваемый компонент
    Ответ написан
    Комментировать
  • Обязателен ли Git для front-end'a?

    @VegasChickiChicki
    Как я люблю такие вопросы. Очередной вкатывальщик не хочет что-то изучать, потому что сложно и начинается...
    Это вопросы, суть которых не получить ответ, а получить... некое самоутешение, что бы что-то не изучать.
    "А важен ли git", "А важен ли JavaScript", "А важны ли фреймворки", "А важны ли препроцессоры" и т.д.

    Ответ:
    По факту - ничего не важно, если вы этим не будете пользоваться.
    По сути - важно все, ибо знать нужно все, чем больше знаете - тем лучше для вас же! И тем больше вероятность устроиться на работу, потому что у работодателя будет выбор между вами и точно таким же человеком, но который знает\умеет чуточку больше.
    Ответ написан
    2 комментария
  • Как понять, что ты middle front-end developer?

    KickeRocK
    @KickeRocK
    FrontFinish
    "Мы будем называть тебя сеньор-помидор, только зар.плату не проси повысить"
    Если можете руководителю(тому кто напрямую влияет на вашу зар.плату) доказать что вы достойны оплаты мидла - вы мидл.
    Ответ написан
  • Определение уровня программиста по фрагменту кода?

    @dimoff66
    Кратко о себе: Я есть
    Что можно понять, посмотрев на данный код, и сколько кода нужно увидеть вам, что бы понять уровень разработчика?


    Можно понять:
    а) Насколько ясно он мыслит в принципе
    б) Насколько владеет всеми приемами языка (знание ES6 в случае js)
    в) Насколько внимателен к тому, чтобы другие понимали его код, то есть дает ли он идентификаторам понятные названия, не пренебрегает ли комментариями

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

    В любом случае сказать можно очень и очень многое именно в вопросах кода. Но есть еще понятие архитектуры, это касается и реакт-приложений, способности к выстраиванию архитектуры не всегда идут вместе со способностью кодить, хотя в 90% случаев идут, потому что все это следствие ясности мышления.
    Ответ написан
    Комментировать
  • Определение уровня программиста по фрагменту кода?

    firedragon
    @firedragon
    Не джун-мидл-сеньор, а трус-балбес-бывалый.
    Сроки, соответствие ТЗ, понятность кода.
    Ответ написан
    Комментировать
  • Определение уровня программиста по фрагменту кода?

    Abr_ya
    @Abr_ya
    Присоединяюсь к мнению выше, что по коду можно весьма примерно оценить.
    И, наверное, чем серьезнее разработчик, тем сложнее оценить только по коду.
    Имхо, очень многое зависит от конкретного компонента и требований к нему.
    Пойду от очевидного:
    - чистота кода,
    - знание и использование в нужных местах возможностей ES6 (стрелочные, интерполяция, спред, деструктуризация),
    - умение решать промежуточные микрозадачи с минимумом кода, элегантно, легкочитаемо,
    - глядя на компонент, как ни парадоксально, можно сделать предположение, программист ещё пишет классами, или перешел на функциональные компоненты, но это не точно)),
    - в связи с предыдущим пунктом можно оценить понимание и использование жизненного цикла или хуков,
    - подход к хранению данных: стейт, контекст, ридакс etc,
    - если Redax, например, то что осталось в компоненте, что пошло в action, является ли reducer чистой функцией,
    - JS или TypsScript...

    Я когда начинал писать не думал, что такой список получится... Выходит, много можно оценить!)
    Ответ написан
    Комментировать
  • Определение уровня программиста по фрагменту кода?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Предположим, есть некий Вася, который пилит мобильные приложения в одиночку. Пилит хорошо, в его коде нет ни одного бага. Ну, просто он гений, да и перепроверяет свой код по сотне раз перед публикацией. Делает на этом большие деньги.

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

    Вопрос в том, какой уровень у программиста Васи. Как это определить? Плохой он программист или хороший? И плохой для кого? Лично Васе - норм, денег хватает на еду, яхту и на загородный особняк. Можно ли вообще по коду понять его "уровень"? Это же не игра какая-нибудь, где можно качать свой левел, который отображается в углу в виде цифры.

    Вот вам вилка для примера:
    • Код может быть кривым, но круто оптимизированным. То есть работает настолько быстро, насколько это вообще возможно на использованных технологиях.
    • Или же наоборот, код красиво оформлен, с комментариями, разбит на кучу мелких функций для удобства понимания, но в нем есть как бы ошибка в самой архитектуре. Типа сортировки пузырьком.
    Ответ написан
  • Определение уровня программиста по фрагменту кода?

    inoise
    @inoise Куратор тега Карьера в IT
    Solution Architect, AWS Certified, Serverless
    Уровень разработчика определяется далеко не только кодом
    Ответ написан
    Комментировать
  • React + php, правильно ли я понял суть?

    @Kafkae
    0. Реакту все равно откуда приходят данные.
    1. Да.
    2. Имеет, если вам нужен SSR. Если он вам не нужен, то на беке ничего рисовать не надо.
    3. Да.
    Ответ написан
    Комментировать
  • Почему в Redux сохраняется только один символ?

    @ant13
    react-dev
    5dca5eaeba59e343984271.jpeg
    Ответ написан
    Комментировать
  • Тратит ли функция cb = ( e ) => e ресурсы на вычисления?

    bingo347
    @bingo347 Куратор тега JavaScript
    Crazy on performance...
    В общем случае да - как минимум на создания контекста вызова, но после оптимизации может и не тратить, identity функция (функция просто возвращающая свой аргумент, как Ваш cb) хорошо инлайнится, тут вопрос в том - инлайнится ли функция, в которую Вы ее передаете.

    Для понимания, нужно понимать, что v8 делает с кодом под капотом:
    Когда платформа (браузер, node.js) только загрузила исходный код в v8, то выполняет его с помощью интерпретатора Ignition, а заодно анализирует это выполнение. На этом этапе весь код выполняется как есть.
    Функции которые вызвались 2-3 раза отправляются в оптимизирующий JIT компилятор TurboFan, который скомпилирует из JS машинный код и сделает множество оптимизаций. В частности он может инлайнить некоторые функции (но не все).
    Например, если при анализе кода выяснится, что некая функция f0 постоянно вызывает f1 передавая ей Ваш cb, и при этом f1 чистая функция - то f1 скорее всего заинлайнится в f0, а вызов cb просто заменится на свой аргумент. Но опять же, все зависит от Вашего кода и на сколько он оптимизируемый.

    В любом случае identity функция очень легкая
    Ответ написан
    4 комментария