krambertech

 import { PureComponent, PropTypes } from 'react';
import classNames from 'classnames/bind';

import Icon from 'components/ui/Icon';

import styles from './Button.css';
const cx = classNames.bind(styles);

/**
 * Button component. Needed to trigger an operations.

krambertech

Hey!

krambertech

{
  "name": "webpack-demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "webpack",
    "build": "cross-env NODE_ENV=production webpack -p"
  },
  "author": "",

krambertech

Test Task for Intern / Junior Front-End Developer Position @ Youscan

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

Описание

Нужно написать одностраничное приложения для просмотра фильмов с помощью The Movie Database API.

При открытии приложения, должен отображаться список популярных фильмов с пагинацией или динамической подгрузкой (на выбор). Также на странице должно быть поле для поиска. Когда ты вводишь туда какой-то текст, должны отобразиться фильмы которые ему соответствуют. Для каждого фильма в списке должен отображаться список жанров (названий жанров, не айдишек), к которым он принадлежит.

krambertech

// --- //

const secret = Symbol();

const user = {
    id: 1,
    login: 'Vasya',
    [secret]: '45sdfgh6n'
};

krambertech

{
    "extends": "airbnb",

    "parser": "babel-eslint",

    "rules": {
        "indent": [2, 4, { "SwitchCase": 1 }],
        "max-len": [2, 120, 4, {
            "ignoreUrls": true,
            "ignoreComments": false

krambertech

import React, { Component } from 'react';

import TextField from 'components/base/TextField';

const WAIT_INTERVAL = 1000;
const ENTER_KEY = 13;

export default class TextSearch extends Component {
    constructor(props) {
        super();