jtomaszewski

import { useCallback, useState, useEffect, useRef } from "react";
import {
  LiteralToPrimitive,
  UnpackNestedValue,
  useFormContext
} from "react-hook-form";
import { useDebouncedCallback } from "use-debounce";

/**
 * Returns state of a warning for the given form field.

jtomaszewski

// Code authored by [Recruitee](https://recruitee.com)
// License: MIT
import { Injectable, ChangeDetectorRef } from '@angular/core';
import { BehaviorSubject, Observable } from 'rxjs';

const immutableStateInvariantMiddleware = process.env.NODE_ENV !== 'production'
  ? require('redux-immutable-state-invariant').default
  : null;

export interface RtStatefulComponent<State> {

jtomaszewski

# Thanks to http://makandracards.com/makandra/1431-resque-+-god-+-capistrano for an idea and v2 version.

namespace :god do
  def god_is_running
    capture(:bundle, "exec god status > /dev/null 2>&1 || echo 'god not running'") != 'god not running'
  end

  # Must be executed within SSHKit context
  def config_file
    "#{release_path}/config/god.rb"

jtomaszewski

Code formatting & linting

In Recruitee, enforce correct formatting of our files with js-beautify for all src/ng2/**/*.html files and prettier for all **/*.{ts,js,css,less} files.

We also lint all **/*.ts files (and components' .html templates) code style with TSLint, although during the automatic linting, we ignore legacy files listed in ./tslint.without-legacy.json.

During npm install, husky automatically sets up a pre-commit hook in this repository, that will check your code before each commit and fail if it's wrong. If you want to skip the pre-commit hook, you can run git commit --no-verify.

Additionally, our CI will also check your code with npm run format-test && npm run lint command and fail if it's badly formatted or its' non-legacy fi

jtomaszewski

{
  "basics": {
    "name": "Jack Tomaszewski",
    "label": "Tech Lead | Full-stack Web Developer",
    "picture": "https://media-exp1.licdn.com/dms/image/C4E03AQEWKJIgMsE1JQ/profile-displayphoto-shrink_800_800/0?e=1584576000&v=beta&t=MCq9NHtUH2MZehtvD5VIoFrRnVK4EgOWeAIWuEs4RXs",
    "email": "jacek@jtom.me",
    "phone": "",
    "website": "https://jtom.me",
    "summary": "**Looking for next project.** Full-stack Web Developer with 14 years' experience. • Developed, launched, and maintained dozens of web and mobile apps, both front-ends and back-ends. • Led small software teams. • Recruited, onboarded, mentored new developers. • Collaborated directly with product owners, UI designers, end-users, corporate clients.\n\nProficient in: Elixir, Javascript (TypeScript, React + Redux, Rx.js, Angular), Ruby on Rails, Docker, CI/CD configuration. Fan of functional and strongly typed languages; DDD; and a \"prefer a process than intuition\" approach to programming.\n\nSometimes a tech blogger ( https://medium.com/@j

jtomaszewski

// When SUBMIT action happens:
// - emit VALIDATE action,
// - validate the form,
// - and when validating the form finishes with success:
//   - emit SUBMIT_START action.
const validateOnSubmitEpic = (action$, state$) => {
  return action$.ofType(SUBMIT).switchMap(() => {
    const validate$ = Observable.of({ type: VALIDATE });
    const onValidate$ = Observable.merge(
        action$.ofType({ type: VALIDATE_SUCCESS }),

jtomaszewski

// Fetch results when:
// - page is changed (immediately after):
// - "sort by" filter is changed (immediately after),
// - search query is changed (after 500 ms debounce),
// - filters are changed (after 300 ms debounce)
const refetchResultsEpic = action$ => {
  return Observable.merge(
    action$.ofType(CHANGE_QUERY).debounceTime(500),
    action$.ofType(CHANGE_FILTERS).debounceTime(300),
    action$.ofType(CHANGE_PAGE),

jtomaszewski

import Observable from 'rxjs/observable';

// Action creator function
function fetchArticles(params) {
 return { type: FETCH_ARTICLES, params };
}

// Epic
const fetchArticlesEpic = action$ => {
  return action$

jtomaszewski

import { call, put, takeLatest } from "redux-saga/effects"; 

// Action creator function
function fetchArticles(params) {
 return { type: FETCH_ARTICLES, params };
}

// Sagas
function* fetchArticlesSaga() { 
  yield takeLatest(FETCH_ARTICLES, triggerFetchArticles); 

jtomaszewski

// Action creator function
function fetchArticles(params = {}) {
  return dispatch => {
    dispatch({ type: 'FETCH_ARTICLES_START', params });
    ArticlesService.getArticles(params).then(
      response => {
        dispatch({ 
          type: 'FETCH_ARTICLES_SUCCESS',
          data: response.data
        });