Skip to content

Instantly share code, notes, and snippets.

Avatar
🤠
cowboy coding

Cody Reichert CodyReichert

🤠
cowboy coding
View GitHub Profile
@CodyReichert
CodyReichert / DevelMain.hs
Last active Aug 29, 2015
Modified DevelMain.hs to reload Chrome browser tabs on recompile
View DevelMain.hs
-- 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
View Analytics.jsx
let MapComponent = React.createClass({
render: function() {
return (
<p>Hi</p>
);
}
});
View validator.lisp
(defmacro with-gensyms ((&rest names) &body body)
`(let ,(loop for n in names collect `(,n (gensym)))
,@body))
View init-web.el
(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
CodyReichert / react-es6-flow-emacs-configuration.md
Last active Oct 2, 2021
Configuring Emacs for react, es6, and flow
View react-es6-flow-emacs-configuration.md

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.