CodyReichert

Modern Arch linux installation guide

Table of contents

• Introduction
• Preliminary Steps
• Main installation
  • Disk partitioning
  • Disk formatting
• Disk mounting

CodyReichert

Configuring Emacs for react, es6, and flow

For a while, JSX and new es6 syntax had flaky support in emacs, but there's been huge work on a lot of packages. Using emacs for JavaScript with React, ES6, and Flow (or Typescript, etc) is really easy and powerful in Emacs these days.

This is how you can work on modern web development projects with full support for tooling like JSX, Flow types, live eslint errors, automatic prettier.js formatting, and more.

Set up web-mode

web-mode provides most of the underlying functionality, so a huge shout-out to the maintainer(s) there.

CodyReichert

(add-hook 'after-init-hook #'global-flycheck-mode)

(setq-default flycheck-disabled-checkers
              (append flycheck-disabled-checkers
                      '(javascript-jshint)))

(flycheck-add-mode 'javascript-eslint 'web-mode)

(flycheck-add-next-checker 'javascript-eslint)

CodyReichert

(setf *print-length* 50)

CodyReichert

(defmacro with-gensyms ((&rest names) &body body)
  `(let ,(loop for n in names collect `(,n (gensym)))
     ,@body))

CodyReichert

let MapComponent = React.createClass({
    render: function() {
        return (
            <p>Hi</p>
        );
    }
});

CodyReichert

-- Development version to be run inside GHCi.
--
-- Modified DevelMain.hs to reload Chrome browser tabs on recompile
-- 
-- start this up with:
-- cabal repl --ghc-options="-O0 -fobject-code"
--
-- run with:
-- :l DevelMain
-- DevelMain.update