du5rte

const fs = require('fs')
const path = require('path')

const iconsPath = path.join(__dirname, 'src/icons')

function transform(input) {
    const replacements = {
        'svgs': 'Svg',
        'circle': 'Circle',

du5rte

Layout Challenge

Create the layout attached below, using your preferred styling method (React or React Native). It does not need to be functional, rather concentrate on getting it as close to the design as possible.

Branding

Branding guides, colors and icons, can be downloaded here

Font:

du5rte

Sign In Challenge

React Native Sign In with GraphQL

Challenge

Steps:

1. Use the Getting Started guide to launch your first app.
2. Create a sign in form using Formik with email and password, make sure to valid the fields.
3. Add Apollo Client to the app, check out the guide Integrating with React Native.

https://recruitment-signin-endpoint.now.sh

du5rte

// HACK:
// https://github.com/facebook/create-react-app/issues/1333#issuecomment-347970625

module.exports.appLernaModules = []

function searchModules(dir) {
  fs.readdirSync(dir).forEach(folderName => {
    if (folderName === 'react-scripts') return
    if (folderName[0] === '.') return

du5rte

export default function popup(url, {name='', width=500, height=500}={}) {
  // References
  // https://developer.mozilla.org/en-US/docs/Web/API/Window/open

  let options = `
    width=${width},
    height=${height},
    left=${window.screenX + ((window.outerWidth - width) / 2)},
    top=${window.screenY + ((window.outerHeight - height) / 2)}
  `

du5rte

// https://stackoverflow.com/questions/14224535/scaling-between-two-number-ranges

function withinRange(val, { min, max }) {
  return (
    val > max
        ? max
        : val < min
          ? min
          : val
  );

du5rte

const tests = [true, false, true]

const finalTest = tests.reduce((acc, val) => {
  return acc && val
}, true);

console.log(finalTest)

du5rte

import {
  GraphQLID,
  GraphQLInt,
  GraphQLString,
  GraphQLObjectType,
  GraphQLList,
  GraphQLNonNull,
  OrderTypeEnum,
  GraphQLUnionType,
  GraphQLInterfaceType,

du5rte

function distanceBetweenPoints(p1, p2) {
  // http://www.mathwarehouse.com/algebra/distance_formula/index.php
  // https://stackoverflow.com/questions/20916953/get-distance-between-two-points-in-canvas
  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/hypot
  
  // or
  // Math.sqr((p2.x - p1.x) + (p2.y - p1.y))
  
  return Math.hypot(p2.x - p1.x, p2.y - p1.y)
}

du5rte

import React, { Component } from "react";

import _ from "lodash";

export default class Example extends Component {
	constructor(props) {
		super(props);

		this.state = {
			uid: "",