Tag Archives: link

Nice scheduling service

And can be used for free. Calendar where you can post a schedule when you’re available for something to share with others. https://calendly.com/

Publish subdirectory of a project to gh-pages

If your build is located at ./build, then do this:

git subtree push --prefix build origin gh-pages

1	git subtree push --prefix build origin gh-pages

More details here — https://gist.github.com/cobyism/4730490

Testing react’s dom with jest and enzyme

Install it like this:

yarn add enzyme enzyme-adapter-react-16 --registry="https://registry.npmjs.org"

1	yarn add enzyme enzyme-adapter-react-16 --registry="https://registry.npmjs.org"

Regression testing of react app with jest

Example is here — https://facebook.github.io/jest/docs/en/tutorial-react.html. The main idea is this:

// Link.react.test.js
import React from 'react';
import Link from '../Link.react';
import renderer from 'react-test-renderer';

test('Link changes the class when hovered', () => {
  const component = renderer.create(
    <Link page="http://www.facebook.com">Facebook</Link>,
  );
  let tree = component.toJSON();
  expect(tree).toMatchSnapshot();

  // manually trigger the callback
  tree.props.onMouseEnter();
  // re-rendering
  tree = component.toJSON();
  expect(tree).toMatchSnapshot();

  // manually trigger the callback
  tree.props.onMouseLeave();
  // re-rendering
  tree = component.toJSON();
  expect(tree).toMatchSnapshot();
});

// Link.react.test.js

import React from 'react';

import Link from '../Link.react';

import renderer from 'react-test-renderer';

test('Link changes the class when hovered', () => {

const component = renderer.create(

<Link page="http://www.facebook.com">Facebook</Link>,

);

let tree = component.toJSON();

expect(tree).toMatchSnapshot();

// manually trigger the callback

tree.props.onMouseEnter();

// re-rendering

tree = component.toJSON();

expect(tree).toMatchSnapshot();

// manually trigger the callback

tree.props.onMouseLeave();

// re-rendering

tree = component.toJSON();

expect(tree).toMatchSnapshot();

});

UTF-8 icons

https://tutorialzine.com/2014/12/you-dont-need-icons-here-are-100-unicode-symbols-that-you-can-use Icon-like Smiley ☺ ☺ ☺ Hot Springs ♨ ♨ ♨ 8-Ball ➑ ➑ ➑ White Star ☆ ☆ ☆ Black Star ★ ★ ★ White Heart ♡ ♡ ♡ Black Heart ❤ ❤ ❤ Airplane ✈ ✈ ✈ Black Scissors ✂ ✂ ✂ White Scissors ✄ ✄ ✄ Crown ♕ ♕ ♕ Cross ✝ …

How to handle js errors in your react app

https://hackernoon.com/a-user-encounters-a-javascript-error-youll-never-guess-what-happens-next-dc1a6f725490 In russian — https://habrahabr.ru/company/ruvds/blog/344682/

Yet another article about js-interview

https://medium.freecodecamp.org/the-definitive-javascript-handbook-for-a-developer-interview-44ffc6aeb54e In russian — https://habrahabr.ru/post/345882/

React component lifecycle methods

Flow of lifecycle methods I checked it with react 16.2.0. On a client When component is rendered for the first time

constructor
componentWillMount
render
componentDidMount

constructor

componentWillMount

render

componentDidMount

Подборка статей по устройству javascript

http://dmitrysoshnikov.com/

Собеседование. Что расспросить о компании

https://medium.freecodecamp.org/how-to-interview-your-interviewers-f8f65ac57b80 Top questions What is your workflow? From idea to production. How does your usual day look like? What is the most annoying technical thing that bothers you on daily basis HR interview questions: Who are the other major players in this space? What do we have that they don’t? Why have the last few …