Things on this page are fragmentary and immature notes/thoughts of the author. Please read with your own judgement!
The State of Frontend in 2022 has a good discussion about the state and trend of frontend technologies as of 2022.
Useful Tools for Web Development
- Rome provides unified developer tools for JavaScript, TypeScript, and the web. It is designed to replace Babel, ESLint, webpack, Pretier, Jest and others.
- turbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust – including Turbopack and Turborepo.
-
swc (stands for Speedy Web Compiler) is a super-fast TypeScript / JavaScript compiler written in Rust. It's a library for Rust and JavaScript at the same time.
-
Eslint
- Prettier
- Webpack
Misc
WAVE Web Accessibility Evaluation Tool
Funkify A disability simulator for the web.
RESTful API Tools
https://swagger.io/tools/swagger-editor/
Convert curl syntax to Python, Node.js, PHP, R
HTML5
Please refer to Tips on HTML for more details.
JavaScript/TypeScript Frameworks for Web UI
React
React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It is the most popular frontend framework currently.
Next
Next is frontend Framework (based on React) to create a React application that supports universal rendering.
Vue
Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Nuxt
Nuxt is an intuitive Vue Framework, which makes web development simple and powerful.
CSS
CSS Zen Garden A demonstration of what can be accomplished through CSS-based design. Select any style sheet from the list to load it into this page.
!important
CSS Frameworks
Bootstrap
https://thrive.design/the-6-best-css-frameworks-for-2020/
New Technologies & Trends
-
WebAssembly (WASM)
-
Progressive Web Apps (PWAs)