JavaScript และ React Code Snippets ใน VS Code - เพิ่มผลผลิตของคุณ

ปรับปรุงประสิทธิภาพการทำงานของคุณด้วยส่วนขยายยอดนิยมนี้สำหรับการทำงานกับ React และ JavaScript

วันนี้เราจะเห็นส่วนขยาย Visual Studio Code ที่เป็นประโยชน์และเป็นที่นิยมซึ่งจะช่วยลดความพยายามในการพิมพ์และความผิดพลาดในการพิมพ์ของคุณจึงช่วยเพิ่มประสิทธิภาพ

ส่วนขยายที่ฉันกำลังพูดถึงคือ: ES7 React/Redux/GraphQL/React-Native snippets

ช่วยให้เราสามารถเพิ่มตัวอย่างลงในโค้ดของเราได้อย่างรวดเร็วเมื่อทำงานกับ React

คุณต้องพิมพ์อักขระเริ่มต้นในไฟล์และกด Enter เพื่อกรอกข้อมูลโค้ดนั้น

ต่อไปนี้เป็นคำนำหน้าที่ใช้กันอย่างแพร่หลายซึ่งช่วยให้เราสามารถเพิ่มข้อมูลโค้ดได้:

1. imr: import React from 'react'
2. imrd: import ReactDOM from 'react-dom'
3. imrc: import React, { Component } from 'react'
4. rcc: add react class based component code
5. rfc: add react functional component code
6. est: add state to the component
7. sst: 8. cdm: 9. cdu:add this.setState call
adds componentDidMount lifecycle method
adds componentDidUpdate lifecycle method

คำนำหน้าเพิ่มเติม:

1. rce: add react class based component with export statement
2. impt: add proptypes import
3. clg:add console.log statement

มีคำนำหน้าจำนวนมากซึ่งมีประโยชน์มากซึ่งคุณสามารถหาได้ที่นี่

สำหรับวันนี้ หวังว่าคุณจะได้เรียนรู้สิ่งใหม่ ๆ ในวันนี้

อย่าลืมสมัครรับจดหมายข่าวรายสัปดาห์พร้อมเคล็ดลับเทคนิคและบทความที่น่าทึ่งโดยตรงในกล่องจดหมายของคุณที่นี่