514136c99a
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. |
||
---|---|---|
.. | ||
src | ||
.gitignore | ||
default.nix | ||
package.json | ||
postcss.config.js | ||
README.md | ||
shell.nix | ||
tailwind.config.js | ||
tsconfig.json | ||
yarn.lock |
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