• Куда поступить после 9 web-разработчику?

    @supfiger
    Можете поступить не в колледж/универ, а пройти IT курсы, и заниматься самостоятельно.
    С лет 16-17 можете на удаленке уже работать: как и фриланс, так и компания.
    Я после 11 класса в 17 лет уже работал удаленно на компанию.
    Конечно, в этом вопросе помощь и связи будут очень уместными, многим вам могут помочь знающие люди, как в IT, так и в смежных деятельностях.

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

    Если ваша задача, желание и цель именно поступить, как вы указали в вопросе, просто выбирайте нормальное учебное заведение. И не забывайте всегда также учиться самостоятельно. Успехов вам!
    Ответ написан
  • Можете подкинуть варианты проекта на React/Redux?

    @supfiger
    Если не работаете в IT — подайтесь в компанию, где нужны данные технологии.
    Как вариант еще, начать свой проект, стартап, с друзьями или другими людьми. За проект можно взять создание игры. Идеи игр может будет легко нагуглить)
    Ответ написан
    Комментировать
  • Как удобно принимать картинки с бекенда и ставить на сайте?

    @supfiger
    Вам нужно принимать картинки с бэка, пользуйтесь удобным спообом, например REST API / GraphQL, и дальше сохранять где-то на клиенте (state/localstorage etc.), допустим в массив объектов.

    А там списком выводите, стандартный метод map:
    <ul>
      {list.map((item) => <li key={item.id}>{item.text}</li>)}
    </ul>


    Ну конечно, у вас там свои ключи и названия будут, можете делать по примеру.
    Ответ написан
  • Как взять третье слово из строки?

    @supfiger
    как понимаю, метод уже нормальный, а вот match создан для других задач.

    Метод str.match(regexp) ищет совпадения с regexp в строке str.

    Взял я это вот здесь
    Ответ написан
    Комментировать
  • Как отрендерить два независимых массива?

    @supfiger
    Что приходит во второй массив?)
    Может он пустой?
    А может то вообще объект?

    Выведи в консоль массив и глянь что там.
    Ответ написан
  • Как правильно работать с mobx?

    @supfiger
    Ответ 1:

    1. Импортируешь Provider в файл index.js, чтобы не пробрасывать props через каждый дочерний компонент:
      import { Provider } from "mobx-react";
    2. В файле index.js оборачиваешь компонент рендеринга в Provider:
      ReactDOM.render(<Provider store={store}>
          <App />
        </Provider>, document.getElementById('root'));
    3. Импортируешь inject в нужный компонент, где нужно использовать тебе store:
      import { inject } from "mobx-react";
    4. Если классовый компонент, можешь повесить @inject("store") перед объявлением класса, где значение в скобках — название твоего пропса, который ты передаешь в Provider в index.js:
      import React, { Component } from 'react';
      import { inject } from "mobx-react";
      
      @inject("store")
      class Form extends Component {
        render() {
          return (
            <form className="form">
              <select>
                <option></option>
              </select>
            </form>
          );
        }
      }
      
      export default Form;
    5. Если компонент функциональный, то можно сделать так:
      import React from "react";
      import { inject } from "mobx-react";
      
      const App = () => {
        return <div className="App">Hello World!</div>;
      };
      
      export default inject("store")(App);


    Ответ 2:
    1. Теперь доступ к store есть из любого компонента, который находится в дереве Provider и на котором повешен @inject("store").
      Чтобы вызвать метод из стора, следуй примеру ниже. Допустим, вызовем метод по нажатию кнопки:
      <button onClick={() => this.props.store.getUsers()}></button>
      И, насколько я понимаю, нужно обернуть вызываемую функцию в стрелочную функцию, то есть: () =>, если нужный метод находится за пределами текущего файла. В твоем случае — да.

      Можешь еще сделать деструктуризацию, и обращаться сразу к нужному методу:
      const { getUsers } = this.props.store;
        // какой-то код
      
        return <button onClick={() => getUsers()}></button>;
      };



    Ответ написан
    Комментировать