Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос

antonstolar

  • 0
    вклад
  • 13
    вопросов
  • 0
    ответов
  • 0%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Куда дальше двигаться если не получилось найти работу в Front-end за пол года поисков?

    opium
    Пума Тайланд @opium
    Просто люблю качественно работать
    пора сменить город
    зачем кого то слушать что восстребовано и где легче
    если можно потратить пять минут зайти на любой сайт работы в своем городе и посмотреть что нужно , где больше нужно там и легче
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Куда дальше двигаться если не получилось найти работу в Front-end за пол года поисков?

    Robur
    Robur @Robur
    Знаю больше чем это необходимо
    перед обучением нужно подписать контракт что год отработаешь в этой компании после обучения. Я отказался.


    вы отказались потмоу что какая-то мутная контора, вам не хочется тратить 9 месяцев на обучение перед трудоустройством, или потому что вы не хотите взвешивать на себя обязательство проработать год?
    Это ведь тот самый коммерческий опыт который отделяет вас от работы мечты

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

    И вопрос - вы весь год без работы реально все освободившееся время по 8 часов в день что-то учили, развивались, делали?
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Что я не так переделал в mapStateToProps и в методе render что у меня появились ошибки? И что исправить?

    oduho4ka @oduho4ka
    Вам надо добавить строку
    const {stateToPropsDay, stateToPropsStartDataArray, stateToPropsFilteredDataArray,     stateToPropsSearchInput, stateToPropsCategory} = this.props;
    перед return в методе render
    Ответ написан более двух лет назад
    5 комментариев
    5 комментариев
  • Что я не так переделал в mapStateToProps и в методе render что у меня появились ошибки? И что исправить?

    Wondermarin
    Wondermarin @Wondermarin
    Взгляните на это несколько раз и сами ответьте на свой вопрос:
    const rootReducer = combineReducers({
      propsReducer: reducer
    });

    const mapStateToProps = state => ({
        onLike: state.propReducer.like
    });

    А именно на propsReducer (в combineReducers) и propReducer (в mapStateToProps)
    И почему в componentDidMount() вы ссылаетесь на какой-то неизвестный реакту this.props.propsReducer.day?

    UPD (нерабочие кнопки)
    {stateToPropsStartDataArray &&
    Object.keys(stateToPropsStartDataArray).map(element => (
      <button
          data-stateToPropsCategory={element}
          onClick={e =>
          onFilter({
              stateToPropsCategory: e.target.dataset.statetopropscategory
          })
          }
          className={
          element === stateToPropsCategory ? "active" : "noActive"
          }
      >
          {element}
      </button>
    ))}

    var newData = state.startDataArray[
      action.stateToPropsCategory || state.category
    ].filter(x => {
      return x["planeTypeID.code"]
        .toLowerCase()
        .includes(action.search || state.searchInput);
    });

    https://codesandbox.io/s/frosty-dew-u3wmu
    Ответ написан более двух лет назад
    3 комментария
    3 комментария
  • Как переделать код mapStateToProps к такому виду?

    hzzzzl
    hzzzzl @hzzzzl
    я только про первую часть вопроса, но подробнее

    map State To Props = соотнести стейт (редюсера) с пропсами (компонента)
    то есть функция получает целый стейт редюсера, возвращает объект, который добавляется к пропсам компонента

    const mapStateToProps = state => ({
        onLike: state.propReducer.like
    });
    // this.props.onLike = reducer.state.onLike
    
    const mapStateToProps = state => state;
    // this.props.state = целый большой объект стейт редюсера

    почему так лучше не делать? потому что при ЛЮБОЙ даже незначительной смене стейта компонент будет перередериваться, лучше забирать в компонент только самое необходимое
    Ответ написан более двух лет назад
    3 комментария
    3 комментария
  • Есть ли такой текстовый редактор в котором можно конкретным ключевым словам языка програмирования задавать цвет?

    MagicMight @MagicMight
    Это умеет Notepad++
    Текущие настройки синтаксической подсветки можно посмотреть тут:
    5e80c87a10dc3032829032.png

    Создать свое определение синтаксиса можно тут:
    5e80c89572c72967250999.png
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как вывести посты из массива на страницу?

    4mobile
    4mobile @4mobile
    WEB developer
    Как-то так
    https://codesandbox.io/s/polished-river-s53zd
    Ответ написан более двух лет назад
    1 комментарий
    1 комментарий
  • Как вывести посты из массива на страницу?

    vadimMalovaniy @vadimMalovaniy
    Нужно поменять ид в HTML и название класса. Так как у тебя не совпадают названия в
    ReactDOM.render(<App automobile={data} />, document.getElementById('app'));

    А сам массив перед рендером обернуть в див.
    render () {
      const automobile = this.props.automobile;
       return (
       <div>
        {automobile.map(n => (
           <div className="Cars" headerText={n.name}>
           ....
          </div>
        ))}
       </div>
      );
     }
    Ответ написан более двух лет назад
    1 комментарий
    1 комментарий
  • Как переписать обычную функцию в стрелочную?

    lastuniverse
    Роман @lastuniverse
    Всегда вокруг да около IT тем
    var moveDown = () => {
               document.body.scrollTop = 940;
               document.documentElement.scrollTop = 940;
    }
    Ответ написан более двух лет назад
    3 комментария
    3 комментария
  • Какой самый простой способ реализации данного кода в React?

    hzzzzl
    hzzzzl @hzzzzl
    Мне кажется что это можно реализовать проще:
    1) задать в состояние начальное значение
    2) создать метод this.setState - при нажатии кнопки выползание слева сайдбара
    3) как-то сделать так чтобы при нажатти на крестик в верхнем углу сайдбара- сайдбар снова скрылся (пока не знаю как)


    в общем-то всё так и есть, да

    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Почему такая ошибка в коде?

    daruvayc0
    Виталий @daruvayc0
    Многие искатели так же как и работодатели, и даже те разработчики которые Вас будут собеседовать ленивы. Они так же зайдут в гугл и найдут список вопросов для собеседования. Вот. Так, что советую пройтись по списку, и заполнить пробелы. В 99% Вас будут спрашивать именно это, + несколько вопросов специфических для конторы в которой собеседуетесь.
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Почему такая ошибка в коде?

    teffety @teffety
    По опыту , часто спрашивают следующее:
    Promise, async/await
    Prototype
    Array
    Object
    Отличия var от let/const
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Почему такая ошибка в коде?

    Martovitskiy
    Martovitskiy @Martovitskiy
    Практика важна. А если по списку, то не хватает:

    5.5 Методы массивов
    6.9 Декораторы и переадресация вызова, сall/apply
    6.10 Привязка контекста к функции
    7.2 Свойства - геттеры и сеттеры
    8 Прототипы, наследование!!!
    11 Промисы, async/await
    Замыкание, наследование - тут еще раз разобраться.

    А вобще как говорят перед смерью не надышишься. Либо знаешь, либо нет. В спешке учить смысла нет, важно понимать.
    Ответ написан более двух лет назад
    1 комментарий
    1 комментарий
  • Как сделать на React чтобы при наведении на левую часть сайта правая становилась темнее и наоборот?

    pterodaktil
    Петр Мухуров @pterodaktil
    js developer
    один из вариантов
    const [mousePosition, setMousePosition] = useState(null);
    const clL = {
      "dark": mousePosition === "left"
    }
    const clR = {
      "dark": mousePosition === "right"
    }
    
    return (
      <>
        <div id="left" onMouseOver={() => setMousePosition("left") className={cx(clL)} onMouseLeave={() => setMousePosition(null)}></div>
        <div id="right" onMouseOver={() => setMousePosition("right") className={cx(clR)} onMouseLeave={() => setMousePosition(null)}></div>
      </>
    )

    Но это если сильно хочется. А вообще, такая вещь делается одной строкой в css:
    #left:hover {
        background-color: rgba(0,0,0,0.5);
      }
      #right:hover {
        background-color: rgba(0,0,0,0.5);
      }
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как сделать на React чтобы при наведении на левую часть сайта правая становилась темнее и наоборот?

    0xD34F
    0xD34F @0xD34F Куратор тега JavaScript
    <div id="app"></div>

    function App() {
      const [ dark, setDark ] = React.useState(null);
      const updateDark = e => setDark(e.type === 'mouseover' ? e.currentTarget.id : null);
    
      return (
        <React.Fragment>
          {[ 'left', 'right' ].map(n => (
            <div
              id={n}
              key={n}
              onMouseOver={updateDark}
              onMouseLeave={updateDark}
              className={dark && dark !== n ? 'dark' : ''}
            ></div>
          ))}
        </React.Fragment>
      );
    }
    
    ReactDOM.render(<App />, document.getElementById('app'));
    Ответ написан более двух лет назад
    2 комментария
    2 комментария
Оценили как «Нравится»
Самые активные сегодня
  • Drno
    • 12 ответов
    • 0 вопросов
  • delphinpro
    Сергей delphinpro
    • 8 ответов
    • 0 вопросов
  • rPman
    • 7 ответов
    • 0 вопросов
  • Andrey Barbolin
    • 6 ответов
    • 0 вопросов
  • AlexNest
    Александр Нестеров
    • 5 ответов
    • 0 вопросов
  • Dr. Bacon
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации