// the find
leerob/vim-for-react-devs
A bite-sized course to get you quickly productive with Vim.
A single-page Next.js site that teaches Vim basics through React/JSX exercises. You download one TSX file, open it in Neovim, and work through progressively harder edits. It's for React developers who keep hearing Vim is worth learning but haven't found an on-ramp that speaks their language.
The learn-by-doing structure with a real JSX file is genuinely smarter than yet another vimtutor clone — the exercises use JSX tags and JSX-specific text objects (`vit`, `cit`) that are actually the hard part of Vim in a JS codebase. The cheat sheet in the README is well-scoped; it covers the 20% of motions that handle 80% of editing without drowning beginners in ex commands. The author is Lee Robinson (Vercel VP), so the React context is authentic, not grafted on.
The whole course is one 200-line TSX file — there's no progression tracking, no way to know if you did an exercise right, and no structured sequence enforced by the tool. Last commit was October 2024 and the repo is clearly feature-complete-by-abandonment, not feature-complete-by-design. It's also Neovim-only despite calling itself 'Vim for React Devs', which matters if your team is on VSCode Vim or classic Vim. The course file covers very little beyond text objects and motions — nothing on macros, registers, or search/replace, which are where Vim actually pays off.