React Boilerplate

  1. Setup VSCode
  2. Create new react project
  3. Setup package.json
  4. Setup Typescript
  5. Setup Webpack
  6. Setup folder Structure
    1. src
      1. APIs
      2. Assets
      3. Components
      4. Models
      5. Containers/Pages
      6. Hooks
      7. Redux/store
      8. Utils
      9. Wrappers (optional)
    2. tests
    3. configs

Comments

Post a Comment

Popular posts from this blog

Top VS Code Extension for React Developers

Image
VS Code, one of the best IDE tools available for developers. Extensions within VS Code marketplace to enhance and speed up your productivity.  They are full of shortcuts, themes, icons, intellisense and much more.  Below is list of most useful extensions in VS Code. GitLens - Git supercharged Git Graph EditorConfig for VS Code Color Highlight Sort lines VS Code React Refactor Markdown All in One ESLint Todo Tree SVG Prettier Material Icon Theme Microsoft Live Share If you know of any other useful VS code extensions, please share them in comments. Until we meet again. Cheer!
Read more

Setup Docker Engine on Windows using WSL2

Image
Steps to setup docker on Windows 10/11 system without installing Docker Desktop application, which is just a GUI for docker. First, you need to install WSL (Windows subsystem for Linux) if not already installed - wsl --install Note: It will install ubuntu linux as default linux flavour. If you need to check and install any other use below command:          wsl --list --online          wsl --install kali-linux Next, install docker using below commands # Add Docker's official GPG key: sudo apt-get update sudo apt-get install ca-certificates curl gnupg sudo install -m 0755 -d /etc/apt/keyrings curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /etc/apt/keyrings/docker.gpg sudo chmod a+r /etc/apt/keyrings/docker.gpg # Add the repository to Apt sources: echo \   "deb [arch="$(dpkg --print-architecture)" signed-by=/etc/apt/keyrings/docker.gpg] https://download.docker.com/linux/ubuntu \   "$(. /etc/os-rele...
Read more

GitHub Copilot with GPT-4o vs Cursor with Claude Sonnet 3.7: A Developer's Perspective

As AI- powered coding assistants continue to evolve, developers are spoiled for choice. Among the top contenders today are: GitHub Copilot , recently upgraded with GPT- 4o , OpenAI’s fastest and most powerful model yet. Cursor , an AI- first code editor powered by Claude Sonnet 3.7 from Anthropic. Having used both tools in real development environments, I wanted to share a practical comparison— focusing on code completion accuracy , context awareness , workflow integration , and real- world usefulness . ⚔️ Quick Overview Feature GitHub Copilot ( GPT- 4o) Cursor ( Claude Sonnet 3.7) Model GPT- 4o Claude Sonnet 3.7 Editor Integration VS Code, JetBrains, Neovim Custom AI- powered code editor Local context awareness Basic ( via file open buffers) Deep file tree + git- aware Code Completion Accuracy High Very high Chat + Commands Yes ( in sidebar) Yes, deeply integrated Works offline? No No Price Paid ( via GitHub) Free tier + Paid plans 🤖 Code Completion: Who Understands Me...
Read more