du5rte

import mobx, { computed, observable, action } from "mobx"
import store from "store"

import autoStore from "./autoStore"

class Auth {
  constructor() {
    autoStore("authentication", this)
  }

du5rte

import { GraphQLInt, GraphQLNonNull, GraphQLInputObjectType } from "graphql";
import { connectionDefinitions, connectionArgs } from "graphql-relay";

import UserType from "./UserType";

// References
// http://graphql.org/learn/pagination/
// http://dev.apollodata.com/react/pagination.html
// https://www.reindex.io/blog/relay-graphql-pagination-with-mongodb/
// https://github.com/graphql/graphql-relay-js

du5rte

import mobx from "mobx"
import store from "store"

export default function(_this) {
  let firstRun = true

  // will run on change
  mobx.autorun(() => {
    // on load check if there's an existing store on localStorage and extend the store
    if (firstRun) {

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

# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
#   editor.onDidSave ->

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
  );