How to set up Neovim for coding React, TypeScript, Tailwind CSS, etc on a new M2 MacBook Air

Video Description

Hello. I'm Takuya Matsuyama from Japan, an indie developer making a Markdown note-taking app called Inkdrop. In this video, I share my latest Neovim setup for my app developments using React, React Native, TypeScript, etc. I hope you enjoy it :) ▶ Check out my product: Inkdrop - Markdown note-taking app https://www.youtube.com/watch?v=-qBavwqc_mY ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My terminal setup https://youtu.be/RNqDkF17ogY?t=293 ▶ My equipment * Video editing: Final Cut Pro X * Camera: Fujifilm X-T4 * Mic: Zoom H1n * Slider: SliderONE v2 * Keyboard: Keychron K2 (V1) with brown switches and PGA profile ABS Doubleshot keycaps * Browser: Min - https://minbrowser.org/ * Keystroke visualizer: KeyCastr - https://github.com/keycastr/keycastr * Cursor effect: Cursor Pro - https://apple.co/3rlWOBA?at=11l7AK Follow me online here: ▶ Twitter https://twitter.com/inkdrop_app ▶ Blog https://blog.inkdrop.app/ ▶ Instagram https://instagram.com/craftzdog ▶ Subscribe to my Newsletter https://www.devas.life/ 00:00 Hello 02:20 Install Neovim 03:06 Create init.lua 03:21 Base configuration 09:37 Highlights 10:40 Basic keymaps 17:56 Clipboard 20:09 Packer - Lua-based package manager 22:07 Color scheme: Neosolarized 28:37 Status line: Lualine 35:02 Create a demo project 36:29 Fix a Neosolarized error 36:49 Lspconfig 43:43 Auto-completion: Lspkind and cmp 50:02 Snippets: Luasnip 51:15 Syntax highlightings: Treesitter 54:23 Autotag and Autopair 56:43 Fuzz finder: Telescope 01:06:32 File icons: web-devicons 01:08:17 Tabs: Bufferline 01:12:31 Color code highlightings: Colorizer 01:14:16 LSP Uls: Lspsaga 01:19:18 Code formatter: Prettier and null-ls 01:25:42 Git markers: gitsigns 01:27:42 git 01:29:46 LSP tool: mason 01:33:45 Wrap up 01:36:20 Thanks for watching Credits: ▶ BGM: Epidemic Sound https://www.epidemicsound.com/referral/p96aa8/ #codewithme #neovim #asmr