tvl-depot/boilerplate/typescript
William Carroll 514136c99a Run Prettier across projects
Problem:
Prettier was not running when I saved Emacs buffers.

Why?
- prettier-js-mode needs needs node; lorri exposes node to direnv; direnv
  exposes node to Emacs; lorri was not working as expected.

Solution:
Now that I'm using nix-buffer, I can properly expose node (and other
dependencies) to my Emacs buffers. Now Prettier is working.

Commentary:
Since prettier hadn't worked for so long, I stopped thinking about it. As such,
I did not include it as a dependency in boilerplate/typescript. I added it
now. I retroactively ran prettier across a few of my frontend projects to unify
the code styling.

I may need to run...
```shell
$ cd ~/briefcase
$ nix-shell
$ npx prettier --list-different "**/*.{js,ts,jsx,tsx,html,css,json}"
```
...to see which files I should have formatted.
2020-03-27 10:59:50 +00:00
..
src Run Prettier across projects 2020-03-27 10:59:50 +00:00
.gitignore Support boilerplate for TypeScript projects 2020-03-23 22:43:36 +00:00
default.nix Use Parcel's --public-url option when building 2020-03-25 17:18:51 +00:00
package.json Run Prettier across projects 2020-03-27 10:59:50 +00:00
postcss.config.js Support boilerplate for TypeScript projects 2020-03-23 22:43:36 +00:00
README.md Support boilerplate for TypeScript projects 2020-03-23 22:43:36 +00:00
shell.nix Support boilerplate for TypeScript projects 2020-03-23 22:43:36 +00:00
tailwind.config.js Support boilerplate for TypeScript projects 2020-03-23 22:43:36 +00:00
tsconfig.json Support boilerplate for TypeScript projects 2020-03-23 22:43:36 +00:00
yarn.lock Run Prettier across projects 2020-03-27 10:59:50 +00:00

Frontend Boilerplate

While many times I prefer using alt-languages like ReasonML, ClojureScript, or Elm, sometimes I prefer to write an application using TypeScript. This directory contains the necessary starter code to create these applications.

  • React: Maps application state to UI
  • React-Router: Stateful routing for SPAs
  • Redux: Application state management
  • TypeScript: Type-safety
  • TailwindCSS: Styling library using utility classes
  • Prettier: Source code formatting
  • Jest: Test runner

Developing

$ nix-shell
$ yarn run dev

Building

$ nix-build