Skip to content

Instantly share code, notes, and snippets.

@krambertech
krambertech / Button.js
Created May 29, 2017 15:54
CSS modules w/ classnames
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 January 24, 2017 16:44
React Webpack env example
{
"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 May 17, 2024 09:33
Intern / Junior Front-End Developer Position @ Youscan : Test Task

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

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

Описание

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

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

@krambertech
krambertech / 01_Symbol.js
Last active November 19, 2016 08:25
ES6 Symbol / For-of / Iterator / Generator
// --- //
const secret = Symbol();
const user = {
id: 1,
login: 'Vasya',
[secret]: '45sdfgh6n'
};
@krambertech
krambertech / .eslintrc
Created November 1, 2016 19:55
My eslint config
{
"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 July 2, 2016 10:44
ReactJS: Input fire onChange when user stopped typing (or pressed Enter key)
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();