Tehnix

React.js test

Assignment

Your task is to create one-page application with list of devices and their details. Devices data are stored in 'devices.json' which should be loaded dynamically via http request.

The result should be uploaded to github. If you don't have a user yet, you might need to create one.

You should be able to fetch the device list directly from https://gist.githubusercontent.com/Tehnix/c9d53939b2ed600b321fed8e1898f3a7/raw/dfe7adaf6f73e320ae4ed42761d6b50cf25eb569/devices.json meaning you don't need to keep a server running.

Tehnix

#!/usr/bin/env stack
-- stack --resolver lts-12.16 script --package freer-simple --package lens
{-# LANGUAGE TemplateHaskell #-}
{-# LANGUAGE MultiParamTypeClasses #-}
{-# LANGUAGE FlexibleInstances #-}
{-# LANGUAGE FunctionalDependencies #-}
{-# LANGUAGE FlexibleContexts #-}
{-# LANGUAGE AllowAmbiguousTypes #-}
module Test where

Tehnix

Problem

If you update ICU on macOS, some packages are dynamically linked against a specific version, but the older version might dissapear. You'll see this with something like,

$ stack --stack-yaml=stack-8.0.2.yaml install --extra-lib-dirs=/usr/local/opt/icu4c/lib --extra-include-dirs=/usr/local/opt/icu4c/include
...
HaRe-0.8.4.1: copy/register
brittany-0.11.0.0: copy/register
Progress 18/20

Tehnix

λ miso-isomorphic-stack/frontend ‹master!› stack build
attoparsec-iso8601-1.0.0.0: configure
StateVar-1.1.0.4: configure
base-orphans-0.6: configure
blaze-builder-0.4.0.2: configure
Progress: 4/37
--  While building custom Setup.hs for package blaze-builder-0.4.0.2 using:
      /Users/tehnix/.stack/setup-exe-cache/x86_64-osx/Cabal-simple_mPHDZzAJ_1.24.2.0_ghcjs-0.2.1.9009021_ghc-8.0.2 --builddir=.stack-work/dist/x86_64-osx/Cabal-1.24.2.0_ghcjs configure --with-ghcjs=/Users/tehnix/.stack/programs/x86_64-osx/ghcjs-0.2.1.9009021_ghc-8.0.2/bin/ghcjs --with-ghcjs-pkg=/Users/tehnix/.stack/programs/x86_64-osx/ghcjs-0.2.1.9009021_ghc-8.0.2/bin/ghcjs-pkg --user --package-db=clear --package-db=global --package-db=/Users/tehnix/.stack/snapshots/x86_64-osx/lts-9.21/ghcjs-0.2.1.9009021_ghc-8.0.2/pkgdb --libdir=/Users/tehnix/.stack/snapshots/x86_64-osx/lts-9.21/ghcjs-0.2.1.9009021_ghc-8.0.2/lib --bindir=/Users/tehnix/.stack/snapshots/x86_64-osx/lts-9.21/ghcjs-0.2.1.9009021_ghc-8.0.2/bin --datadir=/Users/tehnix/.stack/snaps

Tehnix

Toolchain

We have the choice of either using Nix or Stack. Stack is definitely the easiest by far, but Nix will technically be able to provide the most stable build result (assuming it works on macOS...).

To build the sample app with nix, we can do,

$ git clone https://github.com/dmjio/miso && cd miso/sample-app && nix-build

and with stack,

Tehnix

Jump straight into toying with PureScript!

Also, if you know JavaScript already, you might find this video interesting, which demonstrates the neat ability to look directly at the very readable generated JavaScript.

Toolchain

We need various tools to get started developing PureScript in a modern fashion. Let's first tackle the npm installable ones,

$ npm install -g psvm psc-package pulp

Tehnix

$ nix-build --show-trace
error: while evaluating the attribute ‘buildCommand’ of the derivation ‘reflex-project’ at /nix/store/b4qbhg82hwx7z07mxlzscjnq4xsfglxw-source/pkgs/stdenv/generic/make-derivation.nix:129:11:
while evaluating anonymous function at /nix/store/b4qbhg82hwx7z07mxlzscjnq4xsfglxw-source/lib/attrsets.nix:224:10, called from undefined position:
while evaluating anonymous function at /Users/tehnix/GitHub/Tehnix/master-thesis/src-reflex/reflex-platform/project/default.nix:175:36, called from /nix/store/b4qbhg82hwx7z07mxlzscjnq4xsfglxw-source/lib/attrsets.nix:224:16:
while evaluating ‘optionalString’ at /nix/store/b4qbhg82hwx7z07mxlzscjnq4xsfglxw-source/lib/strings.nix:138:26, called from /Users/tehnix/GitHub/Tehnix/master-thesis/src-reflex/reflex-platform/project/default.nix:175:44:
while evaluating ‘concatMapStringsSep’ at /nix/store/b4qbhg82hwx7z07mxlzscjnq4xsfglxw-source/lib/strings.nix:64:33, called from /Users/tehnix/GitHub/Tehnix/master-thesis/src-reflex/reflex-platform/project/default.nix:

Tehnix

checking if we must define _XOPEN_SOURCE_EXTENDED... x86_64-apple-darwin14-clang -O3 -DHAVE_HIDDEN  -c -o compress.o compress.c                                                                                                     [15/13642]
yes
checking for putwc... yes
checking for strings.h... x86_64-apple-darwin14-clang -O3 -DHAVE_HIDDEN  -c -o uncompr.o uncompr.c
yes
checking for btowc... x86_64-apple-darwin14-clang -O3 -DHAVE_HIDDEN  -c -o gzclose.o gzclose.c
yes
checking for inttypes.h... yes
checking for wctob... x86_64-apple-darwin14-clang -O3 -DHAVE_HIDDEN  -c -o gzlib.o gzlib.c
yes

Tehnix

; Disable Alt+Tab
; !Tab::Return

; Disable Windows Key + Tab
#Tab::Return

; Disable Left Windows Key
LWin::Return

; Disable Right Windows Key

Tehnix

Capslock::Esc

Esc::
  SetCapsLockState, off
  Suspend On
  Send, {ESC}
  Suspend Off
return