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

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

Deploy a Next.js Application on Azure Web App ( Part 1)

Image
Today, we are going to deploy a very simple web application build using Next.JS framework on Microsoft Azure Web App. This blog is split into two parts - Part 1: covers local web app development and deployment to azure web app using local machine. Part 2: covers deployment using Gitlab CI Prerequisites Before starting, ensure you have the following prerequisites: Azure Account Subscription : If you don't have one, you can sign up for a free account here . Node.js and NPM : Make sure Node.js and NPM are installed on your local machine. Download them here . Git and Azure CLI : Install Git and the Azure CLI. Git can be found here and Azure CLI here . Docker : You’ll need Docker for building and running your Next.js app in a container. Get it here . (It is optional, we can build image directly on azure also) Table of Contents Setup Boilerplate Repo Build Docker Image (optional) Create an Azure Web App Deploy Web App using Azure CLI Step 1: Setup Repository To get started, yo...
Read more