- Hashnode is the easiest way to start a developer blog for free on your personal domain free and connect with readers through our global developer community! 👩💻👨💻
Dev.to - DEV is a community of software developers who come together to help each other.
React Developer Tools - React Developer Tools is a Chrome DevTools extension for the open source React JavaScript library. It allows you to inspect the React component hierarchy in Chrome DevTools.
Front-end performance analysis tool
PageSpeed Insights - PageSpeed Insights generates reports on the actual performance of web pages for both mobile and desktop devices, and provides recommendations on how to improve the respective web pages.
Lighthouse - Lighthouse is an open source automation tool for improving the quality of web applications. You can run it as a Chrome extension, or from the command line. You give Lighthouse a URL you want to review, and it will run a series of tests against the page and then generate a report on the page's performance.
Pingdom - Online website speed detection tool is a web page speed detection tool launched by a website monitoring service company to help users find out the reasons that affect website speed and give feasible solutions to improve web page performance. Said to be very practical.
Sitespeed.io - Sitespeed.io is an open source web performance testing tool used to measure the comprehensive performance of web sites, helping developers and testers analyze web page loading speed and rendering performance.
Calibre - Caliber is an all-in-one performance monitoring suite that helps you monitor and audit your website's performance. It also allows you to simulate real-world conditions by specifying the location of test servers, managing simulated ad preferences, and even simulating mobile devices. It also allows you to set a budget and helps you stay within that budget by giving you performance drops.
SpeedTracker - SpeedTracker is a tool that runs on top of WebPageTest to run regular performance tests on your website and visualize how various performance metrics change over time. This allows you to continuously evaluate your site and see how new features affect your site's performance. You can also define budgets and get alerts via email and Slack.
VS Code must have an extension
Compile Hero - Compile Hero is an easy-to-use editor tool for compiling Less, Sass, Scss, Styl, TS, TSX, Jade, Pug or JS files with one click.
NPM - This extension helps you manage Package.json and provides warnings when dependencies are not installed, also helps with version control.
Prettier - Prettier is an opinionated code formatter. It achieves consistent styling by parsing the code and reprinting it with its own rules (taking into account max line length), wrapping the code if necessary.
Rainbow Brackets - Easily find missing tags by color coding each bracket set in the environment.
VS Code Large Icons - Organize your environment by applying the appropriate icon set to visually identify files by type.
Placeholder image - Services like unsplash.it and placehold.it are very useful. You can now save time by adding placeholder images directly in VS Code
One Dark Pro - "One Dark" theme for Atom's iconic Visual Studio Code
Material Theme - The most epic theme for Visual Studio Code right now
Horizon Theme - A beautiful dual theme for Visual Studio Code
DOCS and cheat sheet 😁
MDN Web Docs - The MDN Web Docs website provides information on Open Web technologies, including HTML, CSS, and APIs for websites and Progressive Web Apps.
DevDocs - Fast, offline and free documentation browser for developers. Search over 100 documents in one web application.
Quotes REST API - They say So has over a million quotes in the database, the largest database of its kind in the world. The Quotes API provides an easy way to access data.
OpenWeather - Simple, fast, free weather API from OpenWeatherMap where you can access current weather data, hourly, 5-day and 16-day forecasts.
Public APIs - A consolidated list of over 1000 free public and open REST APIs for developers.
Node Patterns - A short book on code and networking patterns related to Node.js.
Learn Node - An advanced training course for learning how to build applications with Node.js, Express and MongoDB.
Node Way - There is a complete philosophy of Node.js best practices and guidelines for writing maintainable modules, scalable applications, and easy-to-read code.
nodebestpractices - Lots of best practices for building Node applications. Important for large projects.
😐 Learn GIT
Git Manual - Git, GitHub, DVCS, OMG! Learn all the terms and basics of Git.
cheat sheet - keep these handy! The reference table covers Git commands, features, SVN migrations and bash. Available in multiple languages.
Learn Git forks - Try Git commands directly from your web browser. Have some of your soon-to-be favorites: branch, add, commit, merge, revert, pick, reset!
Visualize Git - look under the hood! Using the free browse mode and some built scenarios, explore how Git commands affect the structure of a repository in a web browser.
Git-It - You downloaded Git, now what? Download Git-It to your computer and you'll get a hands-on tutorial that will teach you to use Git directly in your local environment using commands on a real repository.
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。