Skip to content

Instantly share code, notes, and snippets.

@krambertech
krambertech / Button.js
Created May 29, 2017
CSS modules w/ classnames
View Button.js
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
krambertech / package.json
Created Jan 24, 2017
React Webpack env example
View package.json
{
"name": "webpack-demo",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "webpack",
"build": "cross-env NODE_ENV=production webpack -p"
},
"author": "",
@krambertech
krambertech / test-task.md
Last active Jun 19, 2020
Intern / Junior Front-End Developer Position @ Youscan : Test Task
View test-task.md

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

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

Описание

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

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

@krambertech
krambertech / 01_Symbol.js
Last active Nov 19, 2016
ES6 Symbol / For-of / Iterator / Generator
View 01_Symbol.js
// --- //
const secret = Symbol();
const user = {
id: 1,
login: 'Vasya',
[secret]: '45sdfgh6n'
};
View .eslintrc
{
"extends": "airbnb",
"parser": "babel-eslint",
"rules": {
"indent": [2, 4, { "SwitchCase": 1 }],
"max-len": [2, 120, 4, {
"ignoreUrls": true,
"ignoreComments": false
@krambertech
krambertech / Component.jsx
Created Jul 2, 2016
ReactJS: Input fire onChange when user stopped typing (or pressed Enter key)
View Component.jsx
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();
You can’t perform that action at this time.