ReadMe_static.md

Learn React

Tasks

Batch 1 : Complete Intro to React, v8 : Frontend Masters : Task 001 - 028

Github Links

• https://github.com/btholt/complete-intro-to-react-v8.git
• https://github.com/btholt/citr-v8-project.git

Course Website

• https://react-v8.holt.courses

TasksList

• task-001-pure-react-and-create-element

Learning Websites

codesandbox.io

Browser Extensions

• React Developer Tools

Vscode Extensions

• https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode : Auto code formatting support

    // CMD+SHIFT+P and open user-settings.json
    // Formatting language settings
    // HTML formatting options
    "[html]": {
        // "editor.defaultFormatter": "vscode.html-language-features",
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.formatOnSave": true,
        "editor.formatOnPaste": true,
    },

• https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint : Auto syntax debug

Chrome Extension

• https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en

Aliase

push() {
  git add .
  git commit -m "${1:-chore: update}"
  git push -u origin main
}
alias gst="git status"
alias gl="git pull"

LinkedIn Courses

Course Link: https://www.linkedin.com/learning/learning-react-js-5

• Using React App
• Creating React Element
• Introducing JSX