Skip to content

Instantly share code, notes, and snippets.

Kateryna krambertech

Block or report user

Report or block krambertech

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@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 Sep 2, 2019
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.