Frontend Basics Documentation

Essential documentation and tools for web development basics:

• MDN Web Docs: Comprehensive web developer guide (https://developer.mozilla.org/)
• Ruan Yifeng ES6 Tutorial: Open-source guide to ECMAScript 6 syntax (https://es6.ruanyifeng.com/)
• Node.js: Cross-platform JavaScript runtime (https://nodejs.org/)
• TypeScript: JavaScript with static type definitions (https://www.typescriptlang.org/)
• jQuery: Fast, small, and feature-rich JavaScript library (https://jquery.com/)
• Bootstrap: Powerful frontend development framework (https://getbootstrap.com/)

Tools for bundling and optimizing frontend assets:

• Vite: Modern, fast build tool (https://cn.vitejs.dev/)
• Webpack: Static module bundler (https://webpack.js.org/)
• Parcel: Zero-configuration build tool (https://parceljs.org/)
• Rollup: JavaScript module bundler (https://cn.rollupjs.org/)

Key libraries for React application development:

• React-Router: Official routing system (https://reactrouter.com/)
• Redux: Predictable state container for JS apps (https://redux.js.org/)
• Redux-Toolkit: Standard way to write Redux logic (https://redux-toolkit.js.org/)
• Next.js: Server-side rendering (SSR) framework for React (https://nextjs.org/)

Official and community tools for Vue.js applications:

• Vue-Router: Official router for Vue.js (https://router.vuejs.org/zh/)
• Pinia: Recommended state management store (https://pinia.vuejs.org/zh/)
• Vuex: State management library (https://vuex.vuejs.org/zh/)
• Vue DevTools: Debugging tools for Vue (https://devtools.vuejs.org/)
• Nuxt: Server-side rendering (SSR) framework for Vue (https://nuxt.com/)

Frameworks for building server-side applications with Node.js:

• Express: Minimalist and flexible web framework (https://expressjs.com/)
• Koa: Next-generation framework based on ES6 (https://koajs.com/)
• Egg: Enterprise-level framework based on Koa (https://eggjs.org/)
• MidwayJS: Integrated frontend/backend application framework (https://midwayjs.org/)
• NestJS: Scalable, modern Node.js web framework (https://nestjs.com/)

Popular libraries and frameworks for building user interfaces:

• Vue: Progressive JavaScript framework (https://cn.vuejs.org/)
• React: Library for building web and native user interfaces (https://react.dev/)
• Angular: Web development framework for modern applications (https://angular.dev/)
• Svelte: Tool for building fast web apps (https://svelte.dev/)
• Solid: High-performance JavaScript library for UIs (https://www.solidjs.com/)
• Preact: Lightweight alternative to React (https://preactjs.com/)

Frameworks for building apps across multiple platforms:

• Uniapp: Write once, run on multiple platforms (https://uniapp.dcloud.net.cn/)
• Electron: Framework for building desktop applications (https://www.electronjs.org/)
• Flutter: Google's open-source UI toolkit (https://flutter.dev/)
• Weex: Framework for high-performance native apps (https://weexapp.com/)

Tools for styling and CSS management:

• Tailwind CSS: Utility-first CSS framework (https://tailwindcss.com/)
• UnoCSS: On-demand atomic CSS engine (https://unocss.dev/)
• Windi CSS: On-demand Tailwind alternative (https://windicss.org/)
• Less: Backward-compatible CSS extension (https://lesscss.org/)
• Sass: Professional-grade CSS extension language (https://sass-lang.com/)
• Stylus: Dynamic and robust CSS preprocessor (https://stylus-lang.com/)

Ready-to-use UI components for various frameworks:

• Element Plus: Vue 3 component library (https://element-plus.org/)
• Ant Design (React): UI library based on Ant Design system (https://ant-design.antgroup.com/)
• Ant Design (Vue): Vue implementation of Ant Design (https://antdv.com/)
• Naive UI: Vue 3 component library (https://www.naiveui.com/)
• Arco Design: Enterprise-level product design system (https://arco.design/)