Posts

Showing posts from January, 2026

Visual representation - Timeline of a React Component With Hooks (link)

Visual representation - Timeline of a React Component With Hooks (link) Timeline of a React Component With Hooks   

30 маловідомих, але корисних команд Linux (repost)

Image
  30 маловідомих, але корисних команд Linux Саме тому ми зібрали  31 команд , які не згадуються в кожному гайді, зате дійсно виручають. Особливо, коли часу обмаль, а результат потрібен вже. lsd - те саме що ls але краще lsd -l --permission octal --> тільки для нових версій lsd > 1.1.0 Базові трюки з терміналом Тут зібрали ті маленькі команди, які часто рятують нерви. Повторити, очистити, знайти чи навіть написати. Повтор останньої команди Забув додати  sudo  та отримали «Permission denied»? Не переписуй всю команду заново — просто використай: sudo !! Очищення екрана Коли термінал заповнений виводом і хочеться почати з чистого аркуша, натисни  Ctrl+L , щоб миттєво очистити екран. Редагування поточної команди в редакторі Якщо команда занадто довга або складна, натисни  Ctrl+x  +  e , щоб відкрити її в текстовому редакторі для зручного редагування. Коротка довідка по команді Замість читання довгих man-сторінок, юзай  tldr   для отрим...

Advanced work with git stash

Advanced work with git stash In Git, the most recent stash is  always  assigned the index  0 , appearing as  stash@{0} . When you create a new stash, all existing stashes are pushed down the stack (e.g., the previous  0  becomes  1 ).   1. Identify which stash is yours To see all your stashed entries and their assigned numbers, use: git stash list   This will output a list like this: stash@{0}: WIP on master: 4fd1101...  (Latest) stash@{1}: On develop: updated files...   2. View contents without applying You can inspect the contents of any stash entry using the  show  command. View a file summary (stat): git stash show stash@{0} (Shows only the list of files changed and the number of insertions/deletions) View full code changes (diff): git stash show -p stash@{0} (The  -p  or  --patch  flag shows the actual line-by-line code changes) View untracked files: git stash show --include-untracked stash@{0} Vie...

ENV variables files load ordering

 ENV variables files load ordering Standard Loading Order (Highest to Lowest) .env.local  (local overrides, all environments) .env.[mode].local  (local overrides, specific mode) .env.[mode]  (e.g.,  .env.development ) .env  (default settings)   Example: If  DB_HOST  is defined in both files, the value in  .env.local  will be used.

Comparison VS Code, Cursor, Windsurf, Trae, Kiro, Replit

Comparison VS Code, Cursor, Windsurf, Trae, Kiro, Replit VS Code, Cursor, Windsurf, Trae, Kiro, and Replit represent a spectrum of modern coding environments, ranging from a highly extensible, traditional local editor (VS Code) to fully cloud-based, AI-driven development and deployment platforms (Replit). Most of the others are AI-first IDEs built on or heavily inspired by VS Code.   Feature   VS Code Cursor Windsurf Trae Kiro Replit Platform Local desktop app Local desktop app Local desktop app Local desktop app Local desktop/CLI Cloud (browser-based) Core Philosophy Extensible, traditional editor AI pair programmer w/ local control Agentic automation & deep context Fully free, AI-enhanced editor Spec-first AI agent All-in-one build/deploy platform AI Integration Via extensions (e.g., Copilot) Deeply integrated AI chat & refactoring Agent-focused, multi-file awareness Built-in models (GPT-4o, Claude 3.5) Agentic IDE, starts with a spec Built-in Ghostwriter AI & Ag...