Стоит ли заниматься программированием в моем возрасте?

nubicknubskiy, вынужден вас огорчить, но то, что вы называете аргументом, на деле является домыслом.

Стоит ли заниматься программированием в моем возрасте?

nubicknubskiy, а в ответ лишь несдержанные комментарии, чуть менее, чем полностью состоящие из полного отсутствия аргументов и оскорблений. Не в лучшем свете противопоставление "молодняку" выставляете.

В чем заключается ошибка в коде?

Kalini4ka, ну без элемента почти так же.

Стоит ли заниматься программированием в моем возрасте?

nubicknubskiy,

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

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

В среднем по больнице, у молодых больше свободного времени и энергии, они чаще перерабатывают, зачастую лучше ориентируются в современном стеке технологий и трендах, чаще пишут на досуге проекты и участвуют в opensource, а времени и сил на изучение нового у них в среднем больше. Гулять в пятидневку принято по пятницам/субботам - развитию и работе это не особо мешает. Да и выбирают IT, в большинстве своем, люди увлеченные и усидчивые.

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

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

В чем заключается ошибка в коде?

Kalini4ka, например.

В чем заключается ошибка в коде?

Kalini4ka, а почему вы его просто не пропишите в html?

<span class="box">
  <input type="text" />
  "Раз два три"
</span>

В чем заключается ошибка в коде?

Kalini4ka, первым где?

В чем заключается ошибка в коде?

Kalini4ka, работает. Вы задаете innerHTML input. В коде документа это видно. Но так делать не правильно. Вам по-хорошему надо изменить код так:

var parents = document.getElementsByClassName('box');

Array.prototype.forEach.call(parents, function(parent) {
  var input = document.createElement('input');
  input.type = 'text';
  parent.appendChild(input);
});

Стоит ли заниматься программированием в моем возрасте?

Stach, спущу на землю. 40-летний иммигрант, горе пополам освоивший тестирование, в США даром никому не упал. Там это зачастую низкоквалифицированный труд. А миграционная политика США последние десятилетия как раз направленна на то, чтобы людям в ситуации вроде вашей, попасть туда было максимально сложно.
Вам разве уповать на green card.

Стоит ли заниматься программированием в моем возрасте?

Stach, а почему вы думаете, что у вас получится переехать в США?

Куда дальше развиваться it рекрутеру?

С детства не оч люблю подтирать сопли взрослым людям

Зато судя по количеству заданных вами похожих вопросов и изложенных между делом cool story, видимо любите когда их подтирают вам.

Стоит ли заниматься программированием в моем возрасте?

А недавно, начал интересоваться тестированием.

Давайте называть вещи своими именами. Вы с самого начала интересовались баблом и возможностью его поднимать в IT-сфере, и тут узнали о тестировании, как варианте с минимальным порогом входа.
Если душа не лежит к этому делу, то лучше не лезть.

Когда я должен использовать React.FC?

Herberito Galustyan, Durin Qurkingo, state в функциональных компонентах быть не может. React.FC определяет тип, который может использовать стандартное свойство children, опционально принимает интерфейс ваших свойств, а так же статические свойства displayName, propTypes, contextTypes:

const Example: React.FC = ({ children }) => {
  return <div>{children}</div>;
};

Example.propTypes = {}; // не надо использовать с TypeScript
Example.contextTypes = {}; // лучше использовать useContext
Example.displayName = 'Example (Module Name)';  // крайне редко может понадобиться

Если используете дополнительные обертки(например WithRouter) и передаете свои свойства:

interface OwnProps {
  className?: string;
}

type Props = OwnProps & RouteComponentProps;

const Example: React.FC<Props> = ({ className, children, location }) => {
  if (location.pathname === '/some_path') return <Redirect to="/some_other_path" />
  return <div className={className}>{children}</div>;
};

Если передаете свои свойства:

interface Props {
  className?: string;
}

const Example: React.FC<Props> = ({ className, children }) => {
  return <div className={className}>{children}</div>;
};

Что касается использования или не использования FC, то я бы рекомендовал такой вариант:
Создать в IDE шаблон и создавать файл с нужным для конкретного проекта бойлерплейтом.
Например для IDE Webstorm шаблон для текущего проекта у меня выглядит так:

import React from 'react';
import styled from 'styled-components';

const Wrapper = styled.div`
  
`;

interface Props {

}

const ${NAME}: React.FC<Props> = ({}) => {

  return (
    <Wrapper>

    </Wrapper>
  );
};

export default ${NAME};

Я не знаю будут у компонента свойства или нет, но добавить их при необходимости очень удобно и быстро.

Какой подход лучше для фильтрации / сортировки, react/redux?

andrew_andrey, вам не надо блокировать обработчик состоянием pending, если пользователь изменил фильтр, то его уже мало интересует предыдущий запрос. Сам debounce именно для того, чтобы не посылать запросы пока пользователь не закончил ввод.
Отмена блокировки запроса по pending должна решить вашу проблему.

Почему компонент unknown?

lexstile, не знаю зачем в проекте выбрали такой стиль, по мне -100500 к читаемости. Как вариант заменить стрелочную функцию на обычную:

export const MovieList = connect( ... )(function MovieList( ... ) { ... });

Реализация переключение вкладок обычным способом?

75db77, таким способом вы его вряд ли изучите. Вам надо начать писать проект решающий реальные задачи. Простейший пример тот же Weather App.
В решении обязательно использовать state management библиотеку вроде Redux или MobX. Использовать открытое API какого-нибудь погодного сервиса, вроде openweather. Сохранять пользовательские данные в localStorage. Использовать какое-нибудь решение для стилизации. И при этом грамотно использовать возможности React. С такими темпами что-то подобное еще очень не скоро напишите. Вам обязательно надо разобраться с документацией. Всю документацию можно изучить за день-два.

На интервью в любую компанию будут задавать вопросы по API React. Статичный сайтик написанный силами
пользователей Тостер вам там ничем не поможет, да и никому не будет интересен. Другое дело полноценное приложение, демонстрирующее как минимум знакомство с экосистемой и вашу способность разобраться с необходимыми инструментами и правильно их использовать.

Свидетели видеоуроков ни в одной нормальной компании не нужны. Люди предпочитающие по каждому поводу задавать вопросы на SO тоже.

Тут важно еще хорошо JavaScript понимать.

Короче, вам надо полностью менять подход.

Реализация переключение вкладок обычным способом?

75db77, то, что вы пропустили изучение документации это вы зря. Какие цели вы перед собой ставите? Каких результатов хотите добиться в минимальные сроки?

Как в превью docx файла выделить фрагмент текста согласно координатам?

hzzzzl, не scrollIntoView, тут лучше будет. Что-то навскидку про него и не вспомнил. Я getBoundingClientRect для определения позиции элемента подразумевал. Там и вычисления будут сложней и нет поддержки IE для x, y.

Хочу вложить деньги в приложение. Расскажите как надо?

ivanushka8845, если бы можно было написать универсальное руководство в 5 предложений, которое бы работало в любой ситуации, то оно бы легко гуглилось, а все вокруг давно бы были успешными инвесторами, владельцами лидеров рынка и зажиточными рантье.

Как в превью docx файла выделить фрагмент текста согласно координатам?

lacront, Refs API, window.scrollTo() и element.getBoundingClientRect() к вашим услугам.